American Eagle

The one where brand story/messaging was the priority

WIREFRAME
design
PROTOTYPE

About the Project

A conceptual UI Design project

It asked to create an e-commerce site that also tells brand story. It needs to immerse the users with the messaging of the brand and at the same time showcase the products of the shops. This needs to have the latest products, sales, and categories.

The Challenge

Enhanced e-commerce site with strong messaging.

It asked to create an e-commerce site that also tells brand story. It needs to immerse the users with the messaging of the brand and at the same time showcase the products of the shops. This needs to have the latest products, sales, and categories.
Robert Fox
31 years old
Robert, a fashion-savvy UX designer, leverages his advertising expertise to create visually stunning and user-centric digital experiences.
Pain Point
Faster way of discovering products when searching.
Darlene Robertson
26 years old
Darlene, a dynamic advertising professional, combines her love for fashion and lifestyle to create visually captivating campaigns that resonate with audiences.
Pain Point
Can I change the quantity of the products I add to cart?
Devon Lane
28 years old
A skilled software engineer who enjoys playing guitar, hiking, and cooking. Always looking for the next coding challenge.
Pain Point
How do I know these products are worth purchasing and reliable?

References

Beats & Boosted

These are the sample inspirations that came with the brief. Some other sites were also given but these are the main ones that the “client” really liked.

Wireframes

Mobile, tablet and desktop

The project brief requires to have 10 screens. These include 4 for desktop, 4 for mobile, and 2 for tablet. They should have home, products, cart, and items.

The Solution

Search
suggestion

Including the search suggestion feature solves one of the pain points by providing a quick way to search through products. This feature incorporates recent searches for logged-in users and also offers suggested searches while typing.

The Solution

Editable
quantity
in cart

I added a quantity feature to the cart section, allowing users to change the quantity of items later. This will address this pain point.

The Solution

Reviews
section

The credibility of the products will also be addressed by including a reviews section for each item. Additionally, at the top of the item, I have added a star rating section so that users don't have to scroll down to see the reviews.

Check the Figma Prototype

Desktop Prototype
Mobile Prototype

Contact me and let’s work together!

Send an email
See Résumé
Home
About Me
All Works
Super 9VibzPneuvayBallroom
Intelisys GlobalAmerican EagleIntelisys Ads
© Rick Quiambao. All Rights Reserved.