Rectangle 1 (1).png
Marvel Logo.png

When it comes to entertainment, the name "Marvel" is one of the most

recognizable and beloved ones in the business.

Mostly known for their Super-Hero stories, they started out making comic books in 1939. Throughout the years, they amassed a faithful fan-base, eventually becoming a mega house not only for comics, but also movies, games, merchandise and more.

BACKGROUND

E-COMMERCE MARVEL SITE.png
UX FOR DESKTOP.png
kindpng_754902.png

THE PROBLEM

Today, where everyone is buying everything on the internet, it can be disorienting to find exactly what you need, especially when it comes to a vast subject like Marvel.

PROBLEM

THE SOLUTION

an E-Commerce site specifically meant to sell everything related to Marvel. One place where fans and alike can gather, hear opinions, and make a confident buy.

SOLUTION

10.png

PERSONAS

1

2

3

4

5

Frame 4 (7).png

1

2

3

4

5

Frame 4 (5).png

Target Audience

P4.png
P3.png
Frame 2.png
Frame 3.png
Frame 4.png
Frame 5.png

WIREFRAMES

Early Wireframe and concept of Homepage

Landing Page - Easy access to

sections on the homepage through sideways tabs (their design changed in the final version) to make browsing it more interesting.

Marvel's Content is vast and needed to be advertised.

Navigation Bar - designed for easy navigation through merch and user's orders.

News Section - Updates on sales and new things.

Merch Boxes - Categorized by what people might find interesting, giving more exposure to their other stuff.

Subscriptions Ads - Ordered in relevance to the Merch Box above (for example: Marvel Unlimited bellow Comics section).

THE OBJECTIVE  -  To create a site where fans and newcomers can find the merch they need, and even the merch they didn't know they want, through varied search options, recommendations, and fun playful visuals.

Product Page's Wireframe

Search Page's Wireframe

Frame 6.png

MARVEL Font was mostly used for special titles, ROBOTO CONDENSED is easy on the eyes.

Red and Blue are good contrasting colors and represent a lot of design choices for Marvel's heroes.
Blue was used to divide sections, while red was lightly used to attract attention.

Frame 6.png

COLORS & TYPOGRAPHY

HOMEPAGE

SEARCHPAGE

Frame 1 (9).png

PRODUCTPAGE

Frame 1 (10).png

THANK YOU! 

This is the end of the presentation.

Check out my other projects too!

next.png
Ellipse 4.png
star rate.png
home 1.png

PREVIOUS

PROJECT

NEXT

PROJECT

next.png