Summary
Keywords
Full Transcript
Welcome back creators! In today’s tutorial, we’re designing an aesthetic, modern Nike-inspired product website in Figma — from the UI layout to the slider animation to the final interactive prototype. This video is perfect for: Beginner designers learning UI/UX Intermediate designers improving visual design Anyone building modern e-commerce or product pages Students preparing for a design job or portfolio projects You’ll learn how to design a premium-looking website using simple, clean visual steps and aesthetic gradients — exactly the style brands like Nike, Adidas, and Puma use today. 📝 What you’ll learn from this tutorial ✔️ How to design a Nike-style landing page ✔️ How to work with colors, gradients, and contrast ✔️ How to structure hero sections ✔️ How to design floating product cards ✔️ How sliders & interactions work in Figma ✔️ How to build a smooth clickable prototype By the end, you’ll have a fully designed & prototyped Nike-inspired website ready for your portfolio. ⏱️ Timestamps: 00:00 – Project Preview 01:24 – Designing the UI 31:55 – Understanding the Slider Elements 36:53 – Setting Up the Project 46:20 – Prototyping the Website 51:37 – Outro 📦 Download Project File : (https://bit.ly/nike_inspired_website) 📣 If you found this useful Hit LIKE, drop a comment, and subscribe for more UI/UX, design, and Generative AI tutorials! New videos every week. ❤️🔥 #Figma #UIDesign #UXDesign #WebsiteDesign #FigmaTutorial #DesignTutorial #EcommerceDesign #ProductDesign #webdesign2025
