Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Domestika

Ecommerce Design from Scratch with Figma

via Domestika

Overview

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.

Syllabus

  • 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

Taught by

Creative Nights

Reviews

Start your review of Ecommerce Design from Scratch with Figma

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.