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

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

PERSONAS

1

2

3

4

5

1

2

3

4

5

Target Audience

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

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.

COLORS & TYPOGRAPHY

HOMEPAGE

SEARCHPAGE

PRODUCTPAGE

THANK YOU! 

This is the end of the presentation.

Check out my other projects too!

PREVIOUS

PROJECT

NEXT

PROJECT