Problem Statement

As a passionate fan of the Harry Potter series, I'm eager to purchase clothing items from the franchise to collect as souvenirs.

Problem Summary

To develop a shopping website tailored specifically to the preferences of Potterheads (ardent Harry Potter fans).
It should feature merchandise that is often hard to find on typical websites.

Context

• An e-commerce platform with a sleek and sophisticated web layout.

• Highlighting discounted merchandise.

• Collections are neatly grouped and categorised.

Goal

• Crafted to visually enthrall Potterheads

• Accessible for users under 18 with parental guidance

• Inclusion of Login and Sign Up pages

• Extensive selection of products

• Clear categorization based on Hogwarts houses

• Incorporation of shopping cart features

User Research Method

Interview

Empathy Map

Site Map

Design System

• To evoke the antique atmosphere reminiscent of the Harry Potter series, gradients of light brown and dark brown are employed, while black serves for a contrasting effect.

• The design aims for clarity and elegance, achieved through the deliberate use of only three colours.

The logo exclusively relies on font styling, devoid of any iconography.
It employs a colour palette comprising black, light brown, and dark brown.

Color Theory

Typography

LOGO

Disclaimer: Use of "Hogwarts"

Note: The reference to "Hogwarts" in this project is solely for academic purposes and as an expression of personal interest. It is not intended for profit, and there is no intention to infringe upon any copyrights associated with the Harry Potter series.

Wireframe

Prototype

Low-Fidelity Prototype

High-Fidelity Prototype

Final Product

Live Prototype

Screenshots

Donation App

Crochet Tutorial Website