Studio Journal

Nugget of Joy archive · July 18, 2024

UX/UI Portfolio Project: eCommerce site

← Teaching archive · Original WordPress post

Source: Pedzai, C. (2024). UX/UI portfolio projects for beginners #2: eCommerce site. Retrieved from https://uxdesignmastery.com/ux-ui-portfolio-projects-for-beginners-2-ecommerce-site/

eCommerce website project. Built with AI and Only with AI

Adidas

Ecommerce project by Calvin Pedzai

Design Portfolio Project: E-commerce website

ClientChoose any commercial brand you wish.

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
  • Access to the cart throughout the site
  • Show all category sections
  • Allow readers to sign up for an account
  • Ability to Search through content
  • Immerse the user into the ethos of the brand

Platform

Please design for responsive web. I require desktop screens, tablet and mobile screens.

Limitations/Specifications
 • Page performance (Loading time)
 • Limited Screen size on mobile

Target audience

Young males and females 25 to 35

Blake

Target audience: Blake

Blake, 31
PAIN POINT
Faster way of discovering products when searching.

Sarah

Target audience: Sarah

Sarah, 26
PAIN POINT
Can I change the quantity of the products I add to cart?

Crystal

Target audience: Crystal

Crystal, 28
PAIN POINT
How do I know these products are worth purchasing and reliable?

References

Please conduct some research on the following eCommerce websites that we love and get ideas for features to include

Never Fail

https://www.neverfail.com.au/

Hawk

https://gertrudehawkchocolates.com/

Shoe

https://www.shoebacca.com/

Cat

https://www.catbirdnyc.com/

Deliverables

  • Wireframes/Sketches: If you decide to use the Illustrator toolkit for mini wireframes, you may opt not to sketch each page. The mini wireframes should do the work. You may also use a wireframing library for figjam is you wish. (Wireframes/Sketches should be completed for both mobile and desktop.

Homepage

  • Category page with filters
  • Product detail page
  • Menu/Search

  • Cart

  • Fonts: Brand related
  • Colors: Brand related
  • Link to this project

Additional message from the client

Go through an entire shopping experience offline and online to understand how products are sold.

Dropboxes on D2L