苔むした枝に置いたスキンケアボトル
洗練された高級感あるECサイトのUI・UX画面設計
余白を美しく活かしたグリッド配置のもと、大画面のヒーローバナーやグラスモフィズム調のカード、整理された商品一覧を組み合わせた高品質なECサイトのUI設計です。
このスタイルを作るには？
- 「このスタイルで生成」を押して画像エディターを開きます。
- エディターで商品・色・背景を調整します。
- 消費クレジット数を確認し、画像を生成して保存します。
画像生成プロンプト
COMPLETE 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 SETTINGSWidth: 1440pxHeight: Auto / Long Scroll LayoutResponsive Design for Desktop, Tablet, and Mobile12-Column Grid SystemMaximum Content Width: 1320pxClean spacing and visual hierarchyDESIGN STYLEVisual DirectionModern LuxuryMinimalist PremiumApple-inspired UIHigh-End Product PresentationClean White SpaceGlassmorphism EffectsSoft ShadowsSmooth AnimationsInteractive ElementsMicro-InteractionsHigh Conversion FocusColor PalettePrimary: #111111Secondary: #FFFFFFAccent: #FF6B35Light Gray: #F8F9FASuccess: #22C55EText: #1A1A1ATOP ANNOUNCEMENT BARFull-width notification bar above navbar.Examples:🚚 Free Worldwide Shipping Over $50🎉 Summer Sale Up To 70% Off⚡ Limited Time Flash DealsNAVIGATION BARSticky Premium NavbarLeftBrand LogoCenterHomeShopNew ArrivalsBest SellersCategoriesAboutBlogContactRightSearch IconWishlist IconAccount IconShopping Cart Icon with BadgeFeaturesSticky on ScrollMega MenuHover EffectsSearch ModalMobile MenuSmooth TransitionsHERO SECTIONLarge Cinematic HeroLayoutLeft Side:HeadlineSubheadlineCall-To-Action ButtonsRight Side:Premium Product ShowcaseFloating Product Cards3D Product DisplayHeadline"Discover Products You'll Love"SubheadlineShop the latest trending products curated for modern lifestyles.ButtonsPrimary:Shop NowSecondary:Explore CollectionEffectsParallax MotionFloating ElementsSmooth Entrance AnimationsPremium LightingTRUST BADGES SECTIONFour Feature CardsFeatures✓ Free Shipping✓ Secure Payments✓ Easy Returns✓ 24/7 SupportAnimated IconsHover EffectsFEATURED CATEGORIESModern Grid LayoutCategoriesFashionElectronicsBeautyFitnessHome DecorAccessoriesEach Card Includes:Category ImageOverlay TextHover ZoomCTA ButtonNEW ARRIVALS SECTIONModern Product GridEach Product Card Includes:Product ImageProduct NamePriceSale PriceRatingsWishlist ButtonQuick View ButtonAdd To CartHover Animation:Image SwapScale EffectFloating ButtonsBEST SELLERS SECTIONPremium Product ShowcaseFeaturesLarge Product CardsBestseller BadgesReviewsQuick Purchase ButtonTRENDING PRODUCTS CAROUSELHorizontal Product SliderFeaturesAuto SlideArrow ControlsSwipe SupportProduct LabelsBadges:TrendingHotLimited StockFLASH SALE SECTIONLarge Promotional SectionIncludesCountdown TimerHoursMinutesSecondsContentDiscount ProductsSale PercentagesCTA Button"Shop Sale"WHY CHOOSE USLuxury Feature SectionFeaturesPremium QualityFast DeliverySecure CheckoutCustomer SatisfactionDesignModern IconsGradient BackgroundHover AnimationFEATURED COLLECTION SECTIONLarge Collection ShowcaseExamplesSummer CollectionLuxury CollectionFitness CollectionTech CollectionEach Collection Includes:Banner ImageCollection DescriptionShop Collection ButtonVIDEO SHOWCASE SECTIONFull Width Video SectionFeaturesAutoplay Background VideoPlay Button OverlayProduct StoryBrand StorytellingCUSTOMER TESTIMONIALSPremium Review SliderIncludesCustomer ImageNameRatingReview TextVerified Purchase BadgeEffectsCarousel AnimationGlass CardsSOCIAL PROOF SECTIONDisplay StatisticsExamples50,000+Happy Customers4.9★Average Rating1 Million+Products Sold100+Countries ServedINSTAGRAM SHOP SECTIONShoppable Instagram FeedFeaturesImage GridProduct TagsHover EffectsLike CountShop ButtonNEWSLETTER SECTIONLuxury Email SignupHeadlineGet Exclusive Deals & New ArrivalsInputEmail AddressSubscribe ButtonBenefitsExclusive DiscountsEarly AccessSpecial OffersBLOG SECTIONLatest ArticlesCard LayoutFeatured ImageTitleExcerptRead More ButtonFAQ SECTIONAccordion Style FAQQuestionsShipping InformationReturn PolicyRefund ProcessPayment MethodsTracking OrdersMOBILE APP SECTIONApp Promotion AreaIncludesPhone MockupsApp ScreenshotsDownload ButtonsApp StoreGoogle PlayFINAL CALL TO ACTIONLarge Conversion SectionHeadlineReady To Upgrade Your Shopping Experience?ButtonsStart ShoppingView CollectionsFOOTERPremium Multi-Column FooterColumn 1LogoCompany DescriptionSocial Media IconsFacebookInstagramTikTokPinterestYouTubeColumn 2ShopMenWomenAccessoriesNew ArrivalsBest SellersSaleColumn 3SupportContact UsFAQsShippingReturnsTrack OrderColumn 4CompanyAbout UsCareersAffiliate ProgramPressBlogColumn 5NewsletterEmail InputSubscribe ButtonFooter BottomCopyrightPrivacy PolicyTerms & ConditionsCookies PolicyAccepted Payment MethodsVisaMastercardPayPalApple PayGoogle PaySecurity BadgesADDITIONAL PAGESHome PageComplete Landing PageShop PageProduct GridAdvanced FiltersSortingSearchPaginationProduct Detail PageGalleryZoomVariantsReviewsRelated ProductsRecently ViewedWishlist PageSaved ProductsCart PageCart SummaryCouponsShipping CalculatorCheckout PageMulti-Step CheckoutPayment GatewayOrder SummaryAccount DashboardOrdersAddressesProfileWishlistSettingsAbout PageBrand StoryMissionTeamContact PageContact FormMapSupport InformationBlog PageArticlesCategoriesSearchFAQ PageSearchable Knowledge BaseADVANCED INTERACTIONSSmooth Page TransitionsMega Menu NavigationSticky Add-To-CartProduct Quick View ModalAI Product RecommendationsDynamic Shopping Cart DrawerLive Chat WidgetExit Intent PopupRecently Viewed ProductsInfinite ScrollScroll Triggered AnimationsLoading Skeleton ScreensSmart Product SearchFINAL GOALCreate 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.
