Project Title: ShopMate
Industry: E-Commerce
Brand Colors:
Primary: #FF6F61 (Vibrant Coral)
Secondary: #2B2D42 (Deep Charcoal)
Accent: #EDF2F4 (Light Gray)
Brand Personality: Friendly, modern, and reliable. A brand that makes online shopping easy and enjoyable.
1. Project Overview
Design a mobile app and its web landing page for ShopMate, an e-commerce platform that offers a broad range of products (electronics, clothing, and more). This project simulates real-world design challenges to help new UI/UX learners practice full design processes.
2. Objectives
Mobile App: Design a smooth, efficient shopping experience for users to browse, purchase, and track orders.
Web Landing Page: Create an engaging and informative page to promote the app and drive downloads.
3. Target Audience
Primary Users: Ages 18-45, tech-savvy individuals who shop online regularly.
4. Key Features & Functionality
Mobile App
Onboarding: Simple tutorial for first-time users.
Registration/Login: Email and social login options.
Product Search & Filters: Browse and refine searches by category, price, and popularity.
Product Pages: Display detailed descriptions, images, and customer reviews.
Shopping Cart & Checkout: Quick cart management and checkout process.
Order Tracking: Track orders in real-time with delivery updates.
Notifications: Push notifications for offers and order status.
User Profiles: Manage orders, payment info, and saved items.
Web Landing Page
Hero Section: App benefits and download links (App Store, Google Play).
App Features: Highlight key features with imagery.
Testimonials: Showcase user reviews to build trust.
5. Design Guidelines
Mobile-First Approach: Prioritize seamless mobile experiences.
Color Scheme: Use brand colors consistently for buttons, headings, and accents.
Typography: Clean, readable fonts like Montserrat for modern, user-friendly design.
Accessibility: Ensure contrast, legibility, and easy navigation.
6. User Stories
As a user, I want to easily browse products and apply filters to find what I need quickly.
As a customer, I want a fast and secure checkout process so I can complete purchases efficiently.
As a visitor to the landing page, I want to quickly understand the app’s benefits and download it.
7. Deliverables
Full UX/UI Process for Mobile App:User research, wireframes, prototypes, and high-fidelity UI designs.
Usability testing and iterative improvements.
UI Only for Landing Page:High-fidelity UI design for key sections (Hero, Features, Testimonials).
8. Execution Deadline
The entire project must be completed within 8 weeks.
