Source: Pedzai, C. (2024). UX/UI portfolio projects for beginners #2: eCommerce site. Retrieved from UX Design Mastery

E-Commerce Website Project

Adidas

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.

Screens

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:

Never Fail

Hawk Gertrude Hawk

Shoe Shoebacca

Cat 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