Innovative Web Design in Figma: A Step-by-Step Process
A course by Louis Paquet

Starting a new web design project can be overwhelming, with so many elements to consider. However, with a clear and structured process, it’s possible to create websites that are not only visually appealing but also functional and accessible. Louis Paquet, a digital creative director with over 15 years of experience, will teach you the fundamentals of interactive web design. Louis has worked with leading global agencies and earned over 50 'Site of the Day' awards on Awwwards. In this course, you will learn how to approach a design project from its inception to the creation of a high-fidelity prototype.

You will learn how to analyze client briefs, create moodboards, develop robust design systems, and integrate motion and animations to bring your websites to life. Throughout the course, you’ll follow a step-by-step process that guarantees memorable results for both you and your clients.

What is this course's project?

You will create a high-fidelity interactive prototype for a website, implementing typography, color, grid systems, and dynamic animations.

Who is this online course for?

This course is aimed at aspiring designers and professionals eager to improve their UX/UI design and prototyping skills. Whether you're a beginner or a seasoned pro, this course will equip you with the tools to create impactful, innovative, and accessible websites. Basic knowledge of Figma is recommended.

Requirements and materials

All you need is a creative mind, a desire to learn, and a basic understanding of Figma. Additional resources like brief documents and wireframing kits will be provided.

Course summary
  • Session Start 20/11/2024
  • Location Online
  • Duration 4h 39m

U1: Introduction

  • About Me
  • Course Overview and Example Project

U2: Laying the Groundwork

  • Understanding the Project Brief
  • Finding Inspiration and Building Your Moodboard

U3: User Experience (UX) Essentials

  • Key UX Principles
  • Crafting a Sitemap
  • Designing Functional Wireframes

U4: Mastering Art Direction

  • Typography and Color Selection
  • Grid Systems, Dimensions and Layouts
  • The Essence of Storytelling in Design
  • Quick Design Tests 1
  • Quick Design Tests 2

U5: UI Design Techniques

  • Leveraging Figma for Creative Layouts 1
  • Leveraging Figma for Creative Layouts 2
  • Building a Strong Design
  • Incorporating Motion in Design
  • High-Fidelity Prototyping 1
  • High-Fidelity Prototyping 2
  • High-Fidelity Prototyping 3
  • Presenting Your Design

Final project

  • Motion Design and Animation

Regular Price

AED370

Pay the full price

Buy Now
  • 20 lessons (4h 39m)
  • 11 additional resources (4 files)
  • Online and at your own pace
  • Audio: English, Spanish
  • English · Spanish · Portuguese · German · French · Italian · Polish · Dutch
  • Level: Beginner
  • Unlimited access forever
or
Subscribe to Future Design Academy top courses

Get this course, plus 11,000+ of our top-rated courses, with Personal Plan.

Start Subscripton
Personal Plan
  • Access to over 12,000 of our top courses in tech, business, and more
  • Hands-on learning experiences to build your skills
  • Course recommendations to help you start learning faster
Proceed to Checkout