UX/UI Portfolio Project: eCommerce Site

Posted on:  Jul 18, 2024

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:

Gertrude Hawk

Shoebacca

Catbird NYC

---

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.