-
7 lessons (3h 56m)
-
Audio: English -
English, Spanish, French, Japanese, Italian, Portuguese
-
course included in the creative pass
Ecommerce Design from Scratch with Figma
Founder and CD at Creative Nights
full creative pass
Get access to this course and over 100 more for digital designers and creative developers, all for just $12/month
Subscribe now!Guarantee
Design an E-Commerce Prototype in Figma with Seamless UX. Learn how to use Figma to create a high-quality e-commerce website prototype with an intuitive user experience, ready to be shared with developers.
| Category | Course format | Language | Duration | Level |
|---|---|---|---|---|
| Online | English with Subt. | 3h 56m | Beginner |
E-commerce has evolved rapidly in recent years, with UX and web optimization playing a crucial role in attracting and retaining customers. Award-winning designer Marek Suchánek specializes in crafting immersive e-commerce experiences that go beyond selling products—they embody a brand’s mission, values, and identity.
In this online course, explore how to design an e-commerce site that not only looks great but also follows the latest trends to keep users engaged. Master Figma’s powerful tools to shape every element of the site and ensure a smooth transition to development.
Course Chapters
Some Chapters
Included in This Course
-
Defining the Components in Figma
11m 56s -
Designing the Pages for Responsive Resolutions
14m 2s -
Conveying the Message with Typography
9m 24s -
Exploring the Art Direction
20m 30s -
A Solid Wireframe 1
14m 58s -
Creating a Proper Presentation
11m 59s
Course Content
Explore Every
Course Chapter
-
Lessons
-
Lesson 1Introduction
-
About Me
-
Influences
-
-
Lesson 2Preparation for a Project
-
The Importance of Briefing
-
Content Audit
-
Creating a Sitemap
-
-
Lesson 3UX Phase and Art Direction
-
The Mood Board
-
A Solid Wireframe 1
-
A Solid Wireframe 2
-
Exploring the Art Direction
-
-
Lesson 4Defining Design Elements
-
Picking the Right Layout
-
Conveying the Message with Typography
-
Custom Tailored Illustrations
-
Boosting Image Content
-
-
Lesson 5Responsive Design and Handover for Development
-
Defining the Components in Figma
-
Designing the Pages for Responsive Resolutions
-
Defining the Style Guide
-
-
Lesson 6Presentation and Final Boost
-
Creating a Proper Presentation
-
Preparing an Animated Mock-up
-
-
Lesson 7Final
-
Final
-
Meet the teacher
Marek Suchanek
Marek Suchanek is a Graphic designer and Creative Director focused on digital design and digital branding. He founded independent studio Creative Nights in 2014. He believes good design must touch both the heart and the mind for it to have lasting relevance.
Course Content
E-commerce has evolved rapidly in recent years, with UX and web optimization playing a crucial role in attracting and retaining customers. Award-winning designer Marek Suchánek specializes in crafting immersive e-commerce experiences that go beyond selling products—they embody a brand’s mission, values, and identity.
In this online course, explore how to design an e-commerce site that not only looks great but also follows the latest trends to keep users engaged. Master Figma’s powerful tools to shape every element of the site and ensure a smooth transition to development.
Features
- English
- English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Beginner
- Access on mobile and Desktop
- Full time access
- Certificate of completion
-
Marek Suchanek
Teacher at awwwards.com
If you have any questions about this course, please contact us
