Shopping & E-commerce · Bright Discovery
Shopping App Design Template
Haul is a multi-store marketplace shopping app design with a bright, deal-hungry look, built for founders and designers launching an online shopping product.



Önizle
Ekranları keşfedin
Sleek'te tamamen düzenlenebilen shopping mobil uygulama tasarımını önizleyin.
Shopping App hakkında
Haul is a shopping app design template built on a "Bright Discovery" aesthetic: a white canvas, near-black product names, quiet grey metadata, and one electric magenta accent that carries every deal badge, active tab, and primary button. The result is punchy and energetic, the kind of layout that makes you want to keep tapping through stores and discounts.
The template ships six connected screens that form a complete shopping flow: a Home with search, circular category shortcuts and a lightning-deals carousel with countdowns, a Deals feed with loud percent-off badges, a Categories grid, a Product detail with a swipeable gallery and add-to-cart bar, a Cart grouped by store with quantity steppers and a promo field, and an Orders screen with status-step tracking and a saved wishlist. Bold percent-off badges, struck-through original prices, and 16px rounded product cards give the whole set a marketplace feel that reads like Amazon meets Temu.
Use it in Sleek and make it yours: restyle the magenta palette, edit any screen with AI by describing the change, swap product categories, and add the flows your store needs. Then export to code, copy into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
İçindekiler
Dahil olan ekranlar
Home
A search bar over circular category shortcuts (Tech, Home, Beauty, Fashion), a "Lightning Deals" carousel with countdown timers and percent-off badges, and a trending products feed. The entry point that invites endless browsing.
Deals
A "Daily Deals" feed with filter chips and product cards showing flash-sale tags, sale-versus-original prices, claim progress, and bold percent-off badges. Built to drive deal-hungry tapping.
Categories
A "Browse" grid of category cards (Electronics, Fashion, Beauty, Home, Health, Toys) with item counts and illustrated icons, plus a search shortcut. Makes the whole catalog easy to scan.
Product detail
A swipeable product photo gallery with share and wishlist buttons, store name and rating, sale price with the original struck through and a 35% off badge, a product description, and a full-width "Add to Cart" bar.
Cart
Items grouped under the store name with quantity steppers and a delete control, a promo code field, and a subtotal, shipping, and total breakdown above a magenta "Checkout Now" button.
Orders
Order tracking cards with status steps (Shipped, Delivering) and an "In Transit" badge, "Track Order" and "View Details" actions, plus a "Saved for later" wishlist of products. Combines tracking and saved items in one tabbed view.
Tasarım ve özellikler
Öne çıkan özellikler
- Bright Discovery aesthetic: white canvas with one electric magenta accent
- 16px rounded product cards with soft shadow
- Loud percent-off badges and struck-through original prices
- Circular category shortcuts and pill filter chips
- Lightning-deals carousel with countdown timers
- Product detail with swipeable gallery and add-to-cart bar
- Cart grouped by store with quantity steppers and promo field
- Order tracking cards with status steps and a saved wishlist
Hedef kitle
Kimler için
Kullanım alanları
Neler oluşturabilirsiniz
- Launch an MVP for an online shopping marketplace
- Mock up a deals or flash-sale shopping experience for a pitch
- Hand a complete, consistent commerce UI off to developers
- Explore a redesign of an existing shopping cart app
Bu şablon nasıl kullanılır
- 1
Şablonu aç
Ekranlara göz atın ve fikrinize uyup uymadığını görmek için tüm tasarımı önizleyin.
- 2
Bu şablonu kullan
Tek tıkla Sleek'te tamamen düzenlenebilir kendi kopyanızı açın.
- 3
Yapay zekâ ile düzenle
Ne istediğinizi anlatarak paleti yeniden tasarlayın, düzenleri değiştirin, ekran ekleyin veya kaldırın.
- 4
Dışa aktar ve yayınla
Tasarımınızı dışa aktarın ya da geliştiricilere teslim edin, lansmana kadar geliştirmeye devam edin.
Sıkça sorulan sorular
İlgili mobil uygulama şablonları
shopping uygulamanızı tasarlamaya başlayın
Sleek'te kullanın ve kendinize göre uyarlayın: paleti yeniden tasarlayın, herhangi bir ekranı yapay zekâ ile düzenleyin, ardından koda veya Figma'ya dışa aktarın.
Bu şablonu kullan







