0
Instructor Name

Daniel Uche

Category

UI/UX

Reviews

4.7 (14 Rating)

Preview this course

Course Requirements


  • You'll need a copy of Figma. A free plan is available on the Figma website.
  • No previous UX Design or UI Design experience is needed.
  • No previous Figma skills are needed.
  • No previous design skills or experience is required.


    Requirements

    • You'll need a copy of Figma. A free plan is available on the Figma website.
    • No previous UX Design and UI Design experience is needed.
    • No previous Figma skills are needed.
    • No previous design skills or experience is required.


Course Description

We'll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client's expectations of you as a new UX designer.

This course is aimed at people new to design, and new to User Experience design. Even if you\u2019re not totally sure what UX really means, don\u2019t worry. We\u2019ll start right at the beginning and work our way through step by step.

  • First, we'll describe the brief & how to work with a UX persona.

  • Then you'll learn how to create simple wireframes.

  • From there we'll look at how to implement colours & images properly in your designs.

  • You'll learn the do and don't for choosing fonts for web & mobile apps.

  • You'll learn how to create your own icons, buttons & other UI components.

  • You'll learn some pretty scary terms such as Components, Constraints & Multi-Dimensional Variants. They are all really easy to understand once you know how.

  • We'll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically!

  • We'll build a simple Style Guide ready for client handoff.

  • You'll understand how to make both simple & advanced micro-interactions, page transitions & animations

    Before the end of this course, you will have made fully interactive prototypes

    You will take a project all the way through - collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer.

    We are focusing on the software Figma but I'll make sure to explain the techniques & terms used in the UX and how real-world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects.

    I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your own portfolio.

    Alright - it's time to upgrade yourself & go from Figma Zero to Figma Hero.

    We use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client's expectations of you as a new UX designer.

    This course is aimed at people new to design, and new to User Experience design. Even if you\u2019re not totally sure what UX really means, don\u2019t worry. We\u2019ll start right at the beginning and work our way through step by step.

    • First, we'll describe the brief & how to work with a UX persona.

    • Then you'll learn how to create simple wireframes.

    • From there we'll look at how to implement colours & images properly in your designs.

    • You'll learn the dos & don'ts around choosing fonts for web & mobile apps.

    • You'll learn how to create your own icons, buttons & other UI components.

    • You'll learn some pretty scary terms such as Components, Constraints & Multi-Dimensional Variants. They are all really easy to understand once you know how.

    • We'll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically!

    • We'll build a simple Style Guide ready for client handoff.

    • You'll understand how to make both simple & advanced micro-interactions, page transitions & animations

      Before the end of this course, you will have made fully interactive prototypes<

      You will take a project all the way through - collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer.

      We will be focusing on the software Figma but I'll make sure to explain the techniques & terms used in the UX and how real-world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects.

      I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your portfolio.

      Alright - it's time to upgrade yourself & go from Figma Zero to Figma Hero.

Course Outcomes

Who this course is for:


Anyone who wants to start using Figma in their career & get paid for their user experience design skills.

This course is for beginners, newbies & amateurs in the field of UX design.

Aimed at people new to the world of design & user experience.

For anyone that needs to add UX Design to their portfolio.
  • Anyone who wants to learn the essentials of UI & UX Design

    Who this course is for:
    • Anyone who wants to start using Figma in their career & get paid for their user experience design skills.
    • This course is for beginners, newbies & amateurs in the field of UX design.
    • Aimed at people new to the world of design & user experience.
    • For anyone that needs to add UX Design to their portfolio.
    • Anyone who wants to learn the essentials of UI & UX Design

Course Curriculum

1 Introduction to UI/UX Design
13 Min


2 Who is a UI/UX Designer?
11 Min


3 Course Outline: What you'll learn!
Preview 1 Min


1 Basic Concept of UX Design
8 Min


2 Let talk UX Research
9 Min


3 User flow Design - Part 1
14 Min


4 User flow Design - Part 2
17 Min


5 User Flow Design - Part 3
35 Min


6 Design Process and Stages
14 Min


1 Wireframing and Prototyping - Overview
10 Min


2 Wireframing with Figma - Part 1
38 Min


3 Wireframing with Figma - Part 2
33 Min


1 UI Design Fundamentals & Principles
26 Min


2 Figma Overview
18 Min


3 Colour
22 Min


4 Typography
12 Min


5 UI Components - Part 1
16 Min


6 UI Components - Part 2
9 Min


7 UI Components - Part 3
9 Min


8 Travel App: User Flow Diagram - Part 1
28 Min


9 Travel App: User Flow Diagram - Part 2
10 Min


1 Travel App: Low Fidelity - Part 1
25 Min


2 Travel App: Low Fidelity - Part 2
27 Min


3 Travel App: Low Fidelity - Part 3
35 Min


4 Travel App: Low Fidelity - Part 4
34 Min


5 Travel App: Low Fidelity - Part 5
50 Min


6 Travel App: Low Fidelity - Part 6
38 Min


7 Travel App: Low Fidelity - Part 7
2 Min


8 Travel App: High Fidelity - Part 1
20 Min


9 Travel App: High Fidelity (Creating components)
19 Min


10 Travel App: High Fidelity - Part 2
58 Min


11 Travel App: High Fidelity - Part 3
58 Min


12 Frames and Actions
14 Min


13 Travel App Prototype
25 Min


14 Travel App Wireframes - Student Guide
N/A

The pdf file contains the Travel App wireframes that were designed in the lessons. Use it as a guide.


1 Summary of a Design Brief
N/A

What is a design brief? Why do you need a design brief as a designer? Read through to answer these questions.


2 Design Brief Template
N/A

A simple design brief template


3 Ride-Hailing App Brief
N/A


1 Ride-Hailing App Review
9 Min


1 Some Figma Tips
32 Min


2 Portfolio Design Tips
17 Min


Instructor

Daniel Uche

4.7 Rating
14 Reviews
173 Students
1 Courses

Student Feedback

Learn Product Design: Crafting Stunning UI/UX

5

Course Rating
71.43%
28.57%
0.00%
0.00%
0.00%

Sign In or Sign Up as student to post a review

Reviews

Course you might like