Complete UI/UX Design Course

.

Complete UI/UX Design Course

Learn UI/UX for Mobile Apps, Websites, Softwares and more! Get a High-income Career after learning this skill. Design High-Impact User Experiences and prototype effective visually driven apps.

Start Today N9,900

From Beginner to Professional

No prior experience in UI/UX design required.
Certificate

Earn a Certificate upon completion of the entire course, assignments and projects.
100% online

Start instantly and learn at your own schedule. All you need is a computer and internet connection.
Full lifetime access

Even after completing the course, you can still access the classes anytime and continue learning with our course updates.
Peer Review Community & WhatsApp Group

Learn from other students. See their works and projects. Discover trends, inquire, share knowledge, and thrive!
5 Projects

Projects of your own ideas from Start to Finish and proudly add to your design portfolio.
Average learner completes this course in 3 Months

With just an hour a day, you can complete this course in about 3 months.
Downloadable Classes

Option to download classes and watch offline.
Design-along Practical Classes

Follow along with the instructor in class to sharpen and perfect your UI/UX skills.
How to start earning income as a UI/UX Designer

Once you’ve mastered the skill, you can start freelancing or work with businesses and organizations to create amazing user interfaces and experiences for digital platforms and earning a high income.

UI/UX Course curriculum

1. My Commitment
2. Welcome to the UI/UX Design Course
3. Will I Get A Job After The Course?
4. 🎨👥 UI/UX Design Community
5. About the assignments
6. Note
7. Required tools
8. Learning Integrity
9. Peer Review
10. Why Peer Review?
11. How To Apply Feedback
12. Requesting Peer Reviews
1. What is a User Interface?
2. The Relationship Between UI and UX
3. About UI vs UX graded quiz
4. QUIZ: Choose the best term that applies to these statements (5 min)
5. Roles in UI/UX
6. 💬 Setting Goals - Let's discuss
7. Interface Conventions - A Brief Historical Overview of Interface Design
8. Interface Conventions: Theory
9. Interface Conventions: Application
10. Interface Conventions: Review
11. Approaches to Screen-based UI - Template vs Content
12. Aesthetics & Functionality
13. QUIZ: Interface Conventions (20 min)
1. Design Before Design
2. Project Brief
3. Formal Elements of an Interface - Look and Feel
4. Language as a design tool
5. Color and Shape
6. Imagery
7. Typography
8. Icons
9. Note for Design Along Class
10. Look and Feel (Design Along)
11. 🎨💻 Assignment: Defining the Look and Feel of Your Project
12. How are your classes so far?
1. Static to Active
2. Functionality
3. Try it Yourself: Define the Interaction
4. Composing Interaction - Speed and style
5. Composition and Structure
6. Pattern Libraries
7. Points of Interactions - Buttons
8. Designing Better Buttons
9. Not Buttons
10. States and Changes
11. Try it Yourself: Examine an interface
12. Sample Pattern Library (Design Along With Me)
13. 🎨💻 Assignment: Create a Sample Pattern Library
1. Invisible Complexity: Making a Whole from Many Parts
2. Conventions and Expectations
3. Try it yourself: UI Inventory
4. Structure and Grids
5. Platforms and Screen Sizes
6. Hierarchy and Composition - Hierarchy of Content
7. Putting it All Together: Slice 'n' Dice
8. Sketch your static interface (Design Along)
9. 🎨💻 Assignment: Sketch Your Static Interface
10. Overview - Figma Design for beginners [1 of 13]
11. Set up your Figma account [2 of 13]
12. Advocate sidebar — Kaitie and Lauren talk portfolios
13. Navigate Figma Design files [3 of 13]
14. Create the landing page hero [4 of 13]
15. Advocate sidebar — Portfolio personalization
16. Create the case study page [5 of 13]
17. Advocate Sidebar — Sections groups and frames
18. Create the button [6 of 13]
19. Components fundamentals [7 of 13]
20. Create the card and container system [8 of 13]
21. Advocate sidebar — Auto layout
22. Create the navigation bar and footer [9 of 13]
23. Create the skills list [10 of 13]
24. Assemble the portfolio pages [11 of 13]
25. Add prototype connections Figma -12 of 13
26. Course wrap up Figma Design for beginners [13 of 13]
27. Old Figma Tutorial - What's Figma?
28. Old Figma Tutorial: Explore ideas (Design-along 1/4)
29. Old Figma Tutorial: Create designs (Design-along 2/4)
30. Old Figma Tutorial: Build prototypes (Design-along 3/4)
31. Old Figma Tutorial: Prepare for Handoff (Design-along 4/4)
32. 🎨💻 Assignment: Submit the Figma practice project
33. MUST WATCH - AI Hack to Improve Your UI Design Projects
34. Adobe XD for beginners
35. 🎨💻 Assignment: Submit your Behance Profile link
36. 🎉 Congratulations on Completing the first course in the UIUX specialization. How are your classes so far?
37. Next Steps
1. Use AI to enhance your UI/UX Skills
2. Uizard
3. Watch AI Turn a Single Text Prompt into Stunning UI Designs in SECONDS! 🤯
4. A Beginner's Guide to Uizard
5. Uizard Autodesigner Full Walkthrough
6. The Figma to Uizard plugin
7. Autodesigner 1.5 Walkthrough (Try for free)
1. About this course
2. About the assignments
3. Required Tools
1. Introduction to Week 1
2. Ideation, Articulation, Development
3. Ideation - Good Ideas
4. What makes a great user experience for you?
5. Ideas and Goals
6. Try it yourself: Analyze an existing app
7. User Research - Research and Development
8. User Experience Interview Methods
9. Try it yourself: Map out the possibilities
10. Audience and Rationale
11. Goals and Outcomes (for the Client or Designer)
12. Naming and Mission
13. 🎨💻 Assignment: An App Of My Own
14. How are your classes so far?
1. WEEK 2 - Introduction to Week 2
2. Mapping, Testing, Envisioning
3. Defining your app's functions step-by-step
4. Define your app's functions
5. Mapping Content
6. Mapping Interaction
7. (Optional)💻 Assignment: Content Map
8. 💻 (Optional) Assignment: Interaction Map
9. User Testing - Non-Visual Paper Prototyping
10. Non-Visual User Testing
11. Try it yourself: Non-Visual Prototyping & User Testing
12. Creating a Sitemap - Sitemap
13. 🎨💻 Assignment: Map your App
14. Look and Feel - Look and Feel or Visual Research
1. Introduction to Week 3
2. Getting Real With Wireframes And Interfaces
3. Usability - Nielsen's Usability Heuristics
4. Usability Heuristics
5. Working with Wireframes 1 - What goes where Part 1
6. What goes where Part 2
7. Working with Wireframes 2 - Consistency and Details
8. 🎨💻 Assignment: Journey to the Surface of the App
9. Working with Wireframes 3 - Wireframe Map
10. Try it yourself: Build a wireframe map
11. Setting the Visual Direction - Visual Direction
12. Developing UI
13. Refining UI
1. Introduction to Week 4
2. Making it by faking it
3. Important notes about this week's assignment
4. Feeling Real
5. Try it yourself: Create a generic prototype
6. Making a Prototype using Adobe XD or Figma - Linking Up
7. Branching Out
8. Making Pathways
9. Publish your Prototype
10. 🎨💻 Assignment: Create a clickable prototype
11. 🎉 Congratulations on Completing the second course in the UIUX specialization. How are your classes so far?
12. Next Steps
1. Course Introduction
2. About this course
3. About the assignments
4. Required tools
5. Optimal Workshop
1. Defining the term "user experience"
2. User-centric design
3. Discussion Prompt: Great vs. Terrible User Experiences
4. Job Titles in the Web Industry
5. The UX Process - What could possibly go wrong?
6. The UX Phases (part 1)
7. The UX Phases (part 2)
8. Waterfall vs. Agile
9. Web vs. App
10. About Web vs. App optional quiz
11. Web vs. App
12. Developing your Project Idea
13. Project Ideas: Some of my project ideas
14. Try it yourself: Research existing restaurants
15. 🎨💻 Assignment: Project Ideas
16. A Final Thought for the Week
1. Introduction to Week 2
2. User Research
3. Inspiration
4. Inspirational Websites
5. Analytics
6. Try it yourself: User research methods
7. Defining Needs and Audiences - User Needs and Client Needs
8. Example User and Client Needs
9. Target Audience
10. User Personas
11. 🎨💻 Assignment: Strategy Document
12. A Final Thought for the Week
1. Content and Functionality Requirements - Introduction to Week 3
2. Introduction to Outline of Scope
3. Content and Functionality
4. Outline of Scope Example
5. Try it yourself: Sorting content and functionality requirements
6. 🎨💻 Assignment: Outline of Scope
7. A Final Thought for the Week
1. Introduction to Sitemaps - Introduction to Week 4
2. Introduction to Sitemaps
3. Information Architecture
4. Sitemapping - Sitemap Concerns
5. My Stuff or Your Stuff?
6. Sitemapping: an annotated process
7. Sitemap Elements
8. Sitemap Example
9. Discussion prompt: Try it yourself. Reverse engineer a sitemap
10. Sitemap Testing with Treejack - Treejack Introduction
11. Try it Yourself: Test your sitemap using Treejack
12. Other UX tools from Optimal Workshop
13. 🎨💻 Assignment: Sitemap
14. A Final Thought for the Week
15. How are your classes so far?
16. Next Steps
1. Course Introduction
2. About this course
3. Project Brief
4. About the assignments
5. Required tools
1. Introduction to Week 1
2. Introduction to Wireframes
3. Example Wireframes
4. Responsive Design: What size should your website be?
5. Scrolling
6. Further Reading
7. Navigation Systems - Introduction and Primary navigation
8. Secondary and utility navigation
9. Related content, inline links, indexes, and search
10. Wayfinding
11. Common Design Patterns - Header
12. Footer
13. Sidebar
14. Content
15. Practice Quiz: Common Design Patterns
16. Common Form Elements
17. Introduction to Homepage Content Strategies
18. Examples of Homepage Content Strategies
19. Build Your Wireframes - Wireframing with Balsamiq
20. Try it yourself: Sketch out a wireframe
21. 🎨💻Assignment: Wireframes
22. A Final Thought for the Week
1. Introduction to Visual Mockups - Introduction to Week 2
2. Visual Mockups
3. Design Principles
4. What is whitespace?
5. Using whitespace to style a form
6. A visual comparison
7. The Grid
8. Web Typography - Web Fonts
9. Web Typography: A few tips
10. Further Reading
11. Web History, Skeuomorphs & Flat Design
12. Moodboards
13. Web Design of Landing Page: How to Design a Landing Page with Figma
14. Complete Website from Start to Finish using Figma
15. 🎨💻Assignment: Visual Mockups: Home Pages
16. A Final Thought for the Week
1. Introduction to Week 3: Welcome to Codelandia
2. A Web Design History Primer
3. Is coding important? Do I Need to Learn How to Code?
4. How to become a unicorn
5. Survey of Web Technologies
6. HTML vs. CSS vs. Javascript: A metaphorical adventure
7. HTML Basics
8. CSS Basics
9. Web Inspector
10. Try it yourself: Styling Buttons
11. 🎨💻 Assignment: Visual Mockups: Full Set
12. Bonus Material - Further "Reading"
13. A Final Thought for the Week
1. Introduction to Week 4: Making Clickable Mockups
2. Clickable Prototypes - Clickable Prototypes Introduction
3. Invision Introduction
4. Exporting Assets
5. Importing Assets and Creating Hotspots
6. Hotspot Templates
7. Dark Patterns
8. Discussion Prompt: Dark Patterns
9. 🎨💻 Assignment: Final Project Submission
10. 🎨💻Practice Assignment: Clickable Prototype of Mockups
11. A Final Thought for the Week
12. The End :( 🎉Congratulations🎉
1. Wix Website Tutorial: How to Create a Wix Website in 5 Easy Steps!
2. 💻 Submit your Wix website
1. Create a Design System — Foundations
2. Create a design system — Components
3. Create a Design System — Components continued
4. Create a Design System lV — Testing
5. Create a Design System V: Documentation
6. Design a responsive website navigation [Part 1]
7. Design a responsive website [Part 2]
8. Design responsive and resizable forms [Part 3]
9. Designing a book app for designers
10. Designing a book app, visual design explorations [Part 2]
11. Designing a book app, prototyping and demos [Part 3]
12. Designing a cocktail recipe mobile app [Part 1]
13. Designing a cocktail recipe mobile app [Part 2]
14. Designing a cocktail recipe mobile app [Part 3]
15. Designing a cocktail recipe mobile app [Part 4]
16. Design a cohesive icon set
17. The Ultimate UI Kit and Design System for Figma!
1. Starting Your UI/UX Design Career: A Guide to Getting Ahead
2. Should designers get started freelancing on Upwork or Fiverr?
3. 15 tips to design your resume as a UI/UX/Product Designer + Figma Templates
4. My first UX Design Resume that got me a job
5. Upwork Tutorial for Beginners: How to Create a Great Profile & Get Started as an Upwork Freelancer
6. How I made $100,000/yr as a UI/UX Designer on Upwork
7. How to find your first UI/UX client on Upwork with no experience
8. How to Create a Gig on Fiverr (Step by Step Tutorial)
9. 10 ways to earn side income for UI/UX designers

About UI/UX Design course

302 lessons
38 hours of video content
Peer review and student community for support
3 months
Quizzes, Assignments and Projects to create your UIUX portfolio.

Start Today N9,900

Need Help?

Chat on WhatsApp or Call Us

Course Preview

Some Projects from our Students

After just a few weeks of learning

See more projects

Reviews - What our students say about the UIUX Design Course on VivaKing

Wonderful Experience

Aisha Adetoun Agbaje

It’s been so nice and beautiful to see myself grow doing what I have always loved doing ‘designing’. Mr King is one of the best tutor have ever met, he is so...

It’s been so nice and beautiful to see myself grow doing what I have always loved doing ‘designing’. Mr King is one of the best tutor have ever met, he is so reliable and always ready to help. The classes are very very good and straight to the point. I love designing more than ever now thanks to these classes! Can’t wait to show the world what I can do now!!!

Read Less

UI/UX Design Course

Joanne Ikwang

I am through with Courses 1 & 2 and I must say that this has been my best investment in regards to UI/UX Design. I paid for an expensive course and I had...

I am through with Courses 1 & 2 and I must say that this has been my best investment in regards to UI/UX Design. I paid for an expensive course and I had NO IDEA what was going on, the flow was not flowing but this course is just AMAZING! Thank you, VivaKing!

Read Less

More than excellent

SUNDAY AROGUNDADE

It's really a nice course. The value you will get is more than the price you are paying. Don't miss this great opportunity. DON'T PLAY

Read Less

REVIEW OF MY EXPERIENCE

Winston Peterside

This course is incredibly insightful. I'm thrilled to have started it as I'm constantly exposed to new and exciting concepts.

Read Less

This is the place

Bayo Abdulai Badmus

VivaKing low key taught and introduce to us like 6-7 designing tools to learn UI/UX. i am happy i came to this community to learn. Thank you

Read Less

Great Job

Ifeanyi Chidoka

Good learning pace for working class student

Read Less

lovely

eze emeka

I have been enjoying my lessons, the teaching and examples made it easy to learn even the most hardest task

Read Less

I love the course

Divine Umeh

I am really learning. The instructor took his time to lecture very well.

Read Less

Visual Elements of User Interface Design

Ola Yemi

Well detailed and easy to understand

Read Less

Valuable

Adunbiaran Ayoola Solomon

The course is a great and valuable one. Learnt alot within a short time. I recommend.

Read Less

My thought so far in learning UI/UX design in this platfo...

Okeke Arthur Arinze

It has been a wonderful experience learning UI/UX design under VivaKing platform . The design along with the tutor and then the practical assignments it self...

It has been a wonderful experience learning UI/UX design under VivaKing platform . The design along with the tutor and then the practical assignments it self was the fun part of the learning process for me . Generally speaking, All i can say is SO FAR SO GOOD!!

Read Less

Going well

Obanoyen Olawande

I wanna take my time to say I am enjoying the lectures so far. I can’t wait to keep it going and reach the finish line.

Read Less

Enroll Now

SKILLS YOU WILL GAIN

Website/Mobile App Wireframe
Design Thinking & Strategy
User Interface Design (UI Design)
User Experience (UX)
User Research & Optimal Workshop
Design Systems
Figma & Uizard
Photopea & Balsamiq
Design along classes
5 Projects of your own
Prototyping
Be Job ready after course completon.

JOIN A MOTIVATED COMMUNITY

Connect with other learners and explore inspiring projects. It’s the perfect space to grow, interact, and learn from one another on your learning journey on VivaKing.

UI/UX Design Community

UI/UX WhatsApp Group

Join Now

Frequently Asked Questions

Can I take more than one course?

Yes. You can take multiple courses.
Can I pay for the course through bank transfer?

You can do a bank transfer to: United Bank for Africa (UBA Bank), VIVAKING CREATIVE, Account NO: 1025987077. After Payment, please Call/WhatsApp +234 9127308311 with your name and email address for registration and course account access.
Is this course really 100% online? Do I need to attend any classes in person?

This course is completely online, so there’s no need to show up to a classroom in person. You can access your lectures, readings and assignments anytime and anywhere via the web or your mobile device.
How long does it take to complete the Course?

It will take approximately 12 weeks for an average learner to complete the entire Specialization.
What will I be able to do upon completing the Specialization?

By the end of the Specialization, you will be able to: Describe and demonstrate a working knowledge of all stages of the UI/UX development process, from user research to project strategy to wireframing, culminating with creating a convincing digital prototype. Interpret and apply strategies and methodologies essential in the UI/UX development process. Identify, discuss, and appreciate the integral role visual design plays in UI/UX. Demonstrate visual design’s role in UI/UX through the creation of successful design artifacts.
What background knowledge is necessary?

You need to have a computer and know your way around a computer before taking this course.
I just purchased the course but cannot find it in my dashboard.

If you experience this, please contact us on WhatsApp +234 091 2730 8311 or Instagram @vivakingdotorg and we will rectify the issue as soon as possible.
I just purchased the course. How do I start my classes?

To start/resume course, please log into your account at Vivaking.org and click on “My Dashboard” at the menu top of the page. From your dashboard, you’ll see the courses you have purchased. Click start/resume to begin your classes. You can take your classes at your own schedule and at your own pace. Feel free to contact us anytime you need assistance during the period of your learning.

Start Learning Today

Self-Paced Learning Option
Course Videos & Readings
Practice Quizzes
Graded Assignments with Peer Feedback
Graded Quizzes with Feedback
Graded Programming Assignments

Start Today N9,900

Instructor

Designer, Web Developer, Entreprenur and Instructor Ozzy King

Hi! I'm Ozzy. I'm a Designer, social media marketing professional and Web/App developer with a serious love for business and teaching. I've spent the last few years teaching people in schools to design and program where I've helped lots of people become web developers and designers and change their lives. I don't just teach this field because I'm an expert at it. I also bring a lot of my business experience into the classes. I've worked for well over 600 clients over 10 years. In December 2022 I launched my first online course, The UI/UX Design Course and will launch more as time goes on. I've spent years figuring out the "formula" to teaching technical skills in a classroom environment, and I'm really excited to finally share my expertise with you. I can confidently say that my online courses will without a doubt be the most comprehensive ones on the market. Join me on this crazy adventure!

Why people choose VivaKing to learn new skills

This course is the best

Ebere I

This course is the best I've taken so far. It's well organized and structured. It feels like am in an institution. I hardly give reviews but this 🔥. I'll recommend this course over and over again.

Try it here and thank me later.

Bayo A

Learning with Vivaking is easy, comfortable, fast and more than explainable. Try it here and thank me later.

Very Flexible

Brenda A

The learning process is so flexible and detailed. It helps me learn better due to my work schedule.

Detailed practical lessons

Joshua A

Personally, I have enjoyed the classes. Detailed practical lessons, active community and timely support. All these are enhancing my learning journey. Thank you for creating such a learning platform. VivaKing to the world.

Can't wait to show the world what I can do now.

Aisha A

Wonderful experience. It's been so nice and beautiful to see myself grow doing what I have always loved doing "designing". Mr. King is one of the best tutors I have ever had. He is so reliable and always ready to help. the classes are very good and straight to the point. I love designing more than ever now thanks to these classes. Can't wait to show the world what I can do now.

Very happy that I started this course

Winston P

The course is very insightful. I am very happy that I started this course as I am exposed to new exciting concepts constantly.

This course is just AMAZING!

Joanne I

I am through with Courses 1 & 2 and I must say that this has been my best investment in regards to UI/UX Design. I paid for an expensive course, and I had NO IDEA what was going on, the flow was not flowing but this course is just AMAZING! Thank you, VivaKing!

Discover your potential, starting today

Start Today

From Beginner to Professional

Certificate

100% online

Full lifetime access

Peer Review Community & WhatsApp Group

5 Projects

Average learner completes this course in 3 Months

Downloadable Classes

Design-along Practical Classes

How to start earning income as a UI/UX Designer

#COURSE 1: VISUAL ELEMENTS OF USER INTERFACE DESIGN

WEEK 1 - Introduction to User Interface Design

WEEK 2 - Introduction and Project Brief

WEEK 3

WEEK 4

Artificial Intelligence (AI) and UI/UX

#COURSE 2: UX DESIGN (User Experience Design)

WEEK 1

WEEK 2

WEEK 3

WEEK 4

#COURSE 3: WEB DESIGN - Strategy and Information

WEEK 1

WEEK 2

WEEK 3

WEEK 4

#COURSE 4: WEB DESIGN: Wireframes to Prototype

WEEK 1

WEEK 2

WEEK 3

WEEK 4

Bonus: Earn up to N1 Million per month with this easy to learn skill.

(OPTIONAL) DESIGN SYSTEMS AND PROJECTS: BUILD IT IN FIGMA

What Next?

About UI/UX Design course

Website/Mobile App Wireframe

Design Thinking & Strategy

User Interface Design (UI Design)

User Experience (UX)

User Research & Optimal Workshop

Design Systems

Figma & Uizard

Photopea & Balsamiq

Design along classes

5 Projects of your own

Prototyping

Be Job ready after course completon.

This course is the best

Try it here and thank me later.

Very Flexible

Detailed practical lessons

Can't wait to show the world what I can do now.

Very happy that I started this course

This course is just AMAZING!