Figma UI Design: Build a Sneaker Store Landing Page Step by Step
Ken Mbesa, Web Designer | UI/UX Designer
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
Intro
1:22
-
2.
Class Project Demo
2:19
-
3.
Hero Section
14:30
-
4.
Featured Categories Section
13:03
-
5.
Discount Section
7:44
-
6.
Trending Section
7:08
-
7.
About Us Section
5:17
-
8.
Mailing List Signup
5:35
-
9.
Instagram Posts Section
11:00
-
10.
Footer Section
13:08
-
11.
Cleaning Up
7:25
-
12.
Final Thoughts
1:23
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
8
Teilnehmer:innen
2
Projekte
Über diesen Kurs
Are you ready to level up your UI design skills in Figma by building a real-world landing page from scratch?
In this hands-on class, I'll walk you through the complete process of designing a modern sneaker store landing page, step by step, using real design principles and a professional workflow.
This class will help you create a layout that’s clean, stylish, and functional, and you'll end up with a template you can add to your portfolio.
What will you learn?
-
Structuring a landing page from top to bottom
-
Designing key sections like a hero banner, product categories, discount highlights, and Instagram feed
-
Using layout grids, typography, and spacing to bring polish and balance
-
Adding personality while keeping things user-friendly and visually consistent
-
Organizing your Figma design files for smoother workflow
This class is beginner-friendly but packed with pro tips, so no matter where you are in your design journey, you’ll leave with practical skills you can apply immediately to your Figma workflow.
Triff deine:n Kursleiter:in
My name is Ken.
I'm a web designer, creative educator, and digital entrepreneur with over a decade of experience in visual design (Web Design, Graphic Design, and Video Editing).
Over the years, I've helped thousands of everyday creatives, small business owners, and aspiring freelancers take control of their digital presence by teaching practical, no-fluff web design skills using tools like WordPress, Elementor, Forminator, and WooCommerce, with no coding required.
My goal is to keep things beginner-friendly, practical, and focused on helping you get real-world results. If you're building your first website or launching a fully functional online store, I'll walk you through the process step-by-step with clarity and confidence.
Beyond web design, I'm a... Vollständiges Profil ansehen
Praxisnahes Kursprojekt
To wrap up the class, you’ll design your own version of the sneaker store landing page, either by following the structure we built together or giving it your own creative twist. This is a great chance to practice a real-world Figma workflow and walk away with a polished, portfolio-ready design.
Sections you’ll be creating:
- Hero Section
- Featured Categories Section
- Discount Section
- Trending Section
- About Us Section
- Mailing List Signup
- Instagram Posts Section
- Footer Section
- Final Clean-up & Polish
Once you’ve completed your layout in Figma, export your design as a PNG and upload it right here to share it with the class. Just click the “Projects & Resources” tab below the video player, upload your project, and you’ll be able to get feedback from me and the Skillshare community.
Can’t wait to see what you create!
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare