Course / Course Details

Product Design

  • Wills Ogbu image

    By - Wills Ogbu

  • N/A
  • (0)

Course Requirements

    • A laptop or desktop computer
    • Internet access
    • Basic understanding of English
  • Course Description

    This Product Design (UI/UX) course is designed to take you from a beginner to a proficient designer. You’ll learn the fundamentals of user interface (UI) and user experience (UX) design, covering essential topics such as design thinking, wireframing, prototyping, and usability testing. Through hands-on projects, you’ll gain practical experience using industry-standard tools like Figma, Figjam, Hotjar, and Google form. Whether you’re looking to start a career in UI/UX design or enhance your skills, this course provides a structured learning path to help you create stunning digital experiences.

    Course Outcomes

    By the end of this course, you will:

    • Understand UI/UX design principles and best practices
    • Conduct user research and usability testing
    • Create wireframes and prototypes using Figma or other design tools
    • Develop visually appealing and functional digital products
    • Apply design thinking and problem-solving techniques
    • Build a portfolio of UI/UX projects to showcase your skills

    Course Curriculum

    • 3 chapters
    • 34 lectures
    • 0 quizzes
    • N/A total length
    Toggle all chapters
    1 Day 1- (Lesson) Introduction to Figma
    37 Min

    In this lesson you'll learn how to navigate the interface, create and edit designs, collaborate in real time, and apply essential design principles. Whether you're new to design or looking to streamline your workflow, this course will equip you with the skills to bring your ideas to life efficiently.


    2 (Task) Create Figma File Cover
    5 Min

    Learn how to create a simple Figma File Cover. Creating a Figma file cover might seem like a small detail, but it carries significant importance in the design process. A Figma file cover serves as a visual identifier for your project, helping you locate it quickly and conveying professionalism. It also reinforces branding consistency, clarity, and organization. A well-designed cover can streamline collaboration and motivate the project team. In essence, the Figma file cover is not just a visual detail but a tool that enhances project management, branding, and collaboration, and it should not be overlooked.


    3 Day 2 - (Lesson) Atoms in Figma
    15 Min

    In this video we start with atoms, the basic building blocks of a well-structured style guide.


    4 (Task) Create a Color Palette in Figma
    12 Min

    In this video, we break down the process of crafting the perfect color palette, tailored to your design project's needs. Don't forget to like, share, and subscribe for more design-focused content!


    5 Day 3 - (Task) How to Set-up Typography Style in Figma
    14 Min

    In this video, you will learn how to create a typography style very easy and efficiently.


    6 Day 4- (Lesson) Layout Grids
    5 Min

    Quick guide to grid layout


    7 (Task) How to Create a Grid Layout and Spacing System
    9 Min

    How to Create a Grid Layout and Spacing System


    8 Day 5 - (Lesson) Introduction to Figma Auto-frames
    12 Min


    9 Day 6 (Lesson) Introduction to Figma Components
    6 Min


    10 (Task) Design a Button Component in Figma
    16 Min

    Link to Hero Icon - https://www.figma.com/community/file/958423903283802665/heroicons


    11 Day 7 - (Task) Create a Form Input Field with Figma Variant
    18 Min


    12 Day 8 - (Task) Design an App Sign up Flow in Figma
    31 Min

    Download starter file here: https://www.figma.com/community/file/1298101752928526116/designgate-helper-file


    13 Day 9 - (Task) Design an App Sign up Flow in Figma- Part 2
    14 Min


    14 Day 10 - (Task) Create a Simple Fintech App Dashboard in Figma - Pt. 1
    29 Min


    15 Day 11- (Task) Create a Simple Fintech App Dashboard in Figma - Pt. 2
    12 Min


    16 Day 12 - (Task) How to create a Nav Menu and Tab bar in Figma
    14 Min

    How to create a Nav Menu and Tab bar in Figma


    17 Day 13- (Task) Create a Pop-up Menu and Modal in Figma
    20 Min


    18 Day 14- (Task) Spendy App - Add Money Flow
    48 Min


    19 Day 15- (Task) Spendy App - Bills and Utilities Flow
    41 Min


    20 Day 16 - (Task) Spendy App- Send Money and Manage Card Flow
    40 Min


    21 Day 17 - (Task) Spendy App - Profile and Transaction Summary Flow
    37 Min


    22 Day 18- (Task) Spendy App- Prototype
    1 Hour 2 Min


    23 Day 19 - (Lesson) Creating Effects in Figma Part 1
    32 Min


    24 (Lesson) Creating effects in Figma Part 2
    40 Min


    25 Day 20 - (Task) Fixing Accessibility Issues in Figma
    16 Min


    26 Day 20 - (Task) Creating a Dribble Shot in Figma
    36 Min


    27 Bonus course - Breaking the web for good- Understanding Layout
    24 Min


    28 Bonus Course 2 - Design an App Download Landing Page in Figma
    40 Min


    1 Day 21-25- Break Break Break / Retrospect
    N/A


    2 Day 26 - 30 - Introduction to UX & Design Thinking/ Problem Framing
    N/A


    3 Day 31-35- UX Research, Metrics, Analysis, testing and Decision Making (Hotjar)
    N/A


    4 Day 36-40 - Field Studies and Self Exploration
    N/A


    1 Day 41- 50- Exploration / 2 Weeks Daily UI Challenge
    N/A


    2 Day 51-60- Guided Group Project
    N/A


    Instructor

    Wills Ogbu

    Hi, I’m Willsogbu – a versatile designer and no-code developer with 6+ years of experience in web, mobile, and visual design helping businesses create impactful, user-centered products. When I'm not designing, I lead growth workshops, mentor junior designers, and give design talks, helping teams strategize for growth and fostering innovation in the creative field.

    0 Rating
    0 Reviews
    16 Students
    1 Courses

    Course Full Rating

    0

    Course Rating
    (0)
    (0)
    (0)
    (0)
    (0)

    No Review found

    Sign In or Sign Up as student to post a review

    Student Feedback

    Course you might like

    You must be enrolled to ask a question

    Students also bought

    More Courses by Author

    Discover Additional Learning Opportunities