UX/UI Portfolio Project: eCommerce Site
Posted on: Jul 18, 2024Tag: UI
Source: Pedzai, C. (2024). UX/UI portfolio projects for beginners #2: eCommerce site. Retrieved from UX Design Mastery
E-Commerce Website Project
Ecommerce project by Calvin Pedzai
Design Portfolio Project: E-Commerce Website
Client
Choose any clothing brand of your liking.
Timeline
2 weeks.
Objectives
Create a responsive eCommerce website that can:
- Tell the brand’s story alongside the products (very important).
- Showcase the latest products and bestsellers on the homepage.
- Ensure access to the cart throughout the site.
- Display all category sections.
- Allow readers to sign up for an account.
- Provide the ability to search through content.
- Immerse the user into the ethos of the brand.
Platform
- Design for responsive web.
- Deliver screens for desktop, tablet, and mobile devices.
Limitations/Specifications
- Optimize page performance (loading time).
- Account for limited screen sizes on mobile devices.
Target Audience
Young males and females, aged 25–35.
Blake, 31
PAIN POINT: Faster way of discovering products when searching.
Sarah, 26
PAIN POINT: Can I change the quantity of the products I add to the cart?
Crystal, 28
PAIN POINT: How do I know these products are worth purchasing and reliable?
References
Conduct research on these eCommerce websites for inspiration:
Deliverables
-
Wireframes/Sketches:
Use tools like the Illustrator toolkit for mini wireframes or libraries like Figma’s Ant-UX Wireframes. Create for both mobile and desktop. -
Homepage:
Include a category page with filters, a product detail page, a menu/search bar, and a cart. -
Fonts & Colors:
Align with the chosen brand’s identity.
Additional Notes
- Explore both online and offline shopping experiences for context.
- Reference the Figjam User Flow Template.