Ecommerce Design from Scratch with Figma

Learn to use Figma to design an e-commerce website prototype with a smooth user experience that’s ready to be shared with developers

• Introduction
• Preparation for a Project
• UX Phase and Art Direction
• Defining Design Elements
• Responsive Design and Handover for Development
• Presentation and Final Boost
• Final project

In the last several years, the world of e-commerce has evolved faster than ever before. With driving elements such as UX and web optimization on the rise, businesses are competing for customer’s attention. Award-winning designer Marek Suchánek creates highly-engaging e-commerce websites that not only sell products, but also represent a brand’s mission, values, and principles.

In this online course, learn how to create an e-commerce, that isn’t just a website, but utilizes current trends and keeps customers engaged. Discover how to shape every aspect of a site using Figma’s powerful tools, and prepare it to hand over to web developers.

• About Me
• Influences
• The Importance of Briefing
• Content Audit
• Creating a Sitemap
• The Mood Board
• A Solid Wireframe 1
• A Solid Wireframe 2
• Exploring the Art Direction
• Picking the Right Layout
• Conveying the Message with Typography
• Custom Tailored Illustrations
• Boosting Image Content
• Defining the Components in Figma
• Designing the Pages for Responsive Resolutions
• Defining the Style Guide
• Creating a Proper Presentation
• Preparing an Animated Mock-up
• Ecommerce Design from Scratch with Figma