Innovative Web Design in Figma: A Step-by-Step Process

Overview

“In this lesson, you’ll focus on designing functional wireframes that emphasize content layout and user interactions. We’ll strip away visual elements to concentrate on structure, ensuring that critical information and features are positioned effectively. By the end, you’ll know how to create clear, user-friendly wireframes that serve as the blueprint for the final design.”

In this video lesson Louis Paquet addresses the topic: Designing Functional Wireframes, which is part of the Domestika online course: Innovative Web Design in Figma: A Step-by-Step Process. Learn to design beautiful, functional websites by balancing creative design and user experience..

Partial transcription of the video

“Once we've got the sitemap down, the next step is to think about the content and the functionalities that will be on each page of the website. This step is called wireframing. A wireframe is a low fidelity, usually black and white or grayscale representation of the website layout. that outlines the structure, the content, and the functionalities of each page. It's like a blueprint for the website that shows the placement of stuff like text, images, buttons, menus, and so on. It helps the designer figure out how the page will be arranged where each piece will be and how the user will interac...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Innovative Web Design in Figma: A Step-by-Step Process

• Level: Beginner
• 99% positive reviews (204)
• 14834 students
• 5 units
• 20 lessons (4h 39m)
• 4 downloads

• Category

  Web & App Design

• Software

  Figma

• Areas

  UX / UI, Web Design