Premium eCommerce Website UI/UX Design Prompt

Design a world-class premium eCommerce website for a trending online brand called NovaTrend. The design must feel like a combination of Apple, Nike, Zara, Gymshark, Dyson, and modern Shopify Plus stores with exceptional UI/UX, luxurious visuals, smooth animations, and conversion-focused layouts. CANVAS SETTINGS Width: 1440px Height: Auto / Long Scroll Layout Responsive Design for Desktop, Tablet, and Mobile 12-Column Grid System Maximum Content Width: 1320px Clean spacing and visual hierarchy DESIGN STYLE Visual Direction: Modern Luxury, Minimalist Premium, Apple-inspired UI, High-End Product Presentation, Clean White Space, Glassmorphism Effects, Soft Shadows, Smooth Animations, Interactive Elements, Micro-Interactions, High Conversion Focus Color Palette: Primary: #111111, Secondary: #FFFFFF, Accent: #FF6B35, Light Gray: #F8F9FA, Success: #22C55E, Text: #1A1A1A TOP ANNOUNCEMENT BAR Full-width notification bar above navbar. Examples: Free Worldwide Shipping Over $50, Summer Sale Up To 70% Off, Limited Time Flash Deals NAVIGATION BAR Sticky Premium Navbar. Left: Brand Logo. Center: Home, Shop, New Arrivals, Best Sellers, Categories, About, Blog, Contact. Right: Search Icon, Wishlist Icon, Account Icon, Shopping Cart Icon with Badge. Features: Sticky on Scroll, Mega Menu, Hover Effects, Search Modal, Mobile Menu, Smooth Transitions. HERO SECTION Large Cinematic Hero. Layout: Left Side: Headline, Subheadline, Call-To-Action Buttons. Right Side: Premium Product Showcase, Floating Product Cards, 3D Product Display. Headline: "Discover Products You'll Love". Subheadline: Shop the latest trending products curated for modern lifestyles. Buttons: Primary: Shop Now, Secondary: Explore Collection. Effects: Parallax Motion, Floating Elements, Smooth Entrance Animations, Premium Lighting. TRUST BADGES SECTION Four Feature Cards. Features: Free Shipping, Secure Payments, Easy Returns, 24/7 Support. Animated Icons, Hover Effects. FEATURED CATEGORIES Modern Grid Layout. Categories: Fashion, Electronics, Beauty, Fitness, Home Decor, Accessories. Each Card Includes: Category Image, Overlay Text, Hover Zoom, CTA Button. NEW ARRIVALS SECTION Modern Product Grid. Each Product Card Includes: Product Image, Product Name, Price, Sale Price, Ratings, Wishlist Button, Quick View Button, Add To Cart. Hover Animation: Image Swap, Scale Effect, Floating Buttons. BEST SELLERS SECTION Premium Product Showcase. Features: Large Product Cards, Bestseller Badges, Reviews, Quick Purchase Button. TRENDING PRODUCTS CAROUSEL Horizontal Product Slider. Features: Auto Slide, Arrow Controls, Swipe Support. Product Labels: Badges: Trending, Hot, Limited Stock. FLASH SALE SECTION Large Promotional Section. Includes: Countdown Timer (Hours, Minutes, Seconds), Content, Discount Products, Sale Percentages, CTA Button "Shop Sale". WHY CHOOSE US Luxury Feature Section. Features: Premium Quality, Fast Delivery, Secure Checkout, Customer Satisfaction. Design: Modern Icons, Gradient Background, Hover Animation. FEATURED COLLECTION SECTION Large Collection Showcase. Examples: Summer Collection, Luxury Collection, Fitness Collection, Tech Collection. Each Collection Includes: Banner Image, Collection Description, Shop Collection Button. VIDEO SHOWCASE SECTION Full Width Video Section. Features: Autoplay Background Video, Play Button Overlay, Product Story, Brand Storytelling. CUSTOMER TESTIMONIALS Premium Review Slider. Includes: Customer Image, Name, Rating, Review Text, Verified Purchase Badge. Effects: Carousel Animation, Glass Cards. SOCIAL PROOF SECTION Display Statistics. Examples: 50,000+ Happy Customers, 4.9 Star Average Rating, 1 Million+ Products Sold, 100+ Countries Served. INSTAGRAM SHOP SECTION Shoppable Instagram Feed. Features: Image Grid, Product Tags, Hover Effects, Like Count, Shop Button. NEWSLETTER SECTION Luxury Email Signup. Headline: Get Exclusive Deals & New Arrivals. Input: Email Address, Subscribe Button. Benefits: Exclusive Discounts, Early Access, Special Offers. BLOG SECTION Latest Articles. Card Layout: Featured Image, Title, Excerpt, Read More Button. FAQ SECTION Accordion Style FAQ. Questions: Shipping Information, Return Policy, Refund Process, Payment Methods, Tracking Orders. MOBILE APP SECTION App Promotion Area. Includes: Phone Mockups, App Screenshots, Download Buttons (App Store, Google Play). FINAL CALL TO ACTION Large Conversion Section. Headline: Ready To Upgrade Your Shopping Experience? Buttons: Start Shopping, View Collections. FOOTER Premium Multi-Column Footer. Column 1: Logo, Company Description, Social Media Icons (Facebook, Instagram, TikTok, Pinterest, YouTube). Column 2: Shop (Men, Women, Accessories, New Arrivals, Best Sellers, Sale). Column 3: Support (Contact Us, FAQs, Shipping, Returns, Track Order). Column 4: Company (About Us, Careers, Affiliate Program, Press, Blog). Column 5: Newsletter (Email Input, Subscribe Button). Footer Bottom: Copyright, Privacy Policy, Terms & Conditions, Cookies Policy. Accepted Payment Methods: Visa, Mastercard, PayPal, Apple Pay, Google Pay. Security Badges. ADDITIONAL PAGES Home Page: Complete Landing Page. Shop Page: Product Grid, Advanced Filters, Sorting, Search, Pagination. Product Detail Page: Gallery, Zoom, Variants, Reviews, Related Products, Recently Viewed. Wishlist Page: Saved Products. Cart Page: Cart Summary, Coupons, Shipping Calculator. Checkout Page: Multi-Step Checkout, Payment Gateway, Order Summary. Account Dashboard: Orders, Addresses, Profile, Wishlist, Settings. About Page: Brand Story, Mission, Team. Contact Page: Contact Form, Map, Support Information. Blog Page: Articles, Categories, Search. FAQ Page: Searchable Knowledge Base. ADVANCED INTERACTIONS Smooth Page Transitions, Mega Menu Navigation, Sticky Add-To-Cart, Product Quick View Modal, AI Product Recommendations, Dynamic Shopping Cart Drawer, Live Chat Widget, Exit Intent Popup, Recently Viewed Products, Infinite Scroll, Scroll Triggered Animations, Loading Skeleton Screens, Smart Product Search. FINAL GOAL Create a premium Shopify Plus-quality eCommerce website with a 1440px width, luxurious visuals, outstanding UX, conversion-focused layouts, modern animations, responsive design, and a shopping experience that rivals Apple, Nike, Zara, and the world's best online stores.

Premium eCommerce Website UI/UX Design Prompt

関連メディア

プロンプト内容保存

使い方

参考資料

ノート