Kickstart your career as a UI/UX Designer

Create usable solutions that delight the user, understand the user behaviour and design solutions that achieves both user and business goals.

What you will learn:

  • Research
  • Flowchart
  • Wireframing
  • Intro to Figma
  • Design Principle
  • Colours
  • Proximity
  • Fonts
  • Iconography
  • Mockups
  • Working with Svg
  • Design in Figma
  • Masking
  • State
  • Prototyping
  • Animation
  • Projects
  • Figma

Capstone Project for all courses

You will be required to create a design concept and prototypes for numerous products. A long time project that will be guided by the tutor to not only assist in your growth but to help you create a portfolio for yourself.

Early Bird Fee- N90,000

Early Bird N90,000 05 Days Left
Class Price Duration
Onsite/Online Live Class N135,000 6WKs(Weekends/Weekdays)

N135, 000

6WKs (Weekends/Weekdays)

Course Content

Distinction between UI and UX & Introduction to design tools

Understand the client’s brief

User research


User Stories

Flowchart Continued

Exploring sketching workflows

Creating Low-Fidelity Wireframes from sketches

Understanding the Brand Guidelines

Design Systems

Creating High-res Mockup

Creating High-res Mockup

Introduction to Figma

Introduction to Visual Design

Typography and Color Theory

Sourcing for images/illustrations

Inconography-Style guide

Introduction to User Journey

Creating Flowcharts

High-res Mockup Continued

Protoyping and Micro-interactions

Testing Clickable Prototypes

Handing off High-res Mockups to Developers

Building your LinkedIn Profile/UI Portfolio

Introduction to designer’s Showcase Platforms

Contract vs Freelance vs Full time


How the web works

Understand the Front-end vs Back-end

Setting up your Integrated Development Environment (IDE)

Technologies to use Course Introduction- The main tool that will be used is Vidual Studio Code

What is HTML?

The structure of an HTML Document

Starting to fill the structure

Images & Attributes

URLs, Links

Getting Started with CSS

Starting to make your Webpage beautiful: Text


Classes and IDs

The CSS Box Model

CSS layout with Flexbox Model

Relative vs Absolute

Building a simple layout

Practice Exercise Formatting with CSS

Bootstrap Installation

Responsive Navbar & Nav color

Containers, media breakpoint & grid in Bootstrap 4

Styling your pages with icons

The steps in Analysing & Designing Web pages


Project 1: Landing Page

Project 2: Facebook clone web project

A brief introduction to JavaScript

Variables & Date Types

Basic Operations

DOM Manipulations & events

If/else Statements 

Boolean Logic


Functions (Arrow functions)


Practice Exercise Modern JavaScript

Git & Git Hub

Netlify & Heroku



React: Components

React: Props & Hooks

React: Routing

React: Forms

What are APIS and Postman/Insomnia

How to consume public APIs

How to consume private API

Required Tools

Build Beautiful User Interfaces for any App or Website

Learn how to design attractive mobile and web app interfaces for yourself. At our training center, we will guide you on how to design digital products using Figma.


Access Opportunity

Powered by DigIT

With DigIT, you are better positioned to find gainful employment. Our partnership enables graduate students to get first-hand information on available job opportunities and necessary placement for internship and full-time roles. You are considered first for roles that require your skillset

Passionate about a course?

We know how much you yearn to learn and advance to the next level of what the future holds for you. We have provided you with resources that makes persuading either your boss of relative easier. Take charge of your future now!

Creative and Collaborative Learning

Experience engaging and interactive sessions. At Torilo Academy training center, we leverage both group and individual sessions to ensure that our students practise working in teams and independently to build usable solutions.