UX
The Problem
The main challenge was ensuring the user/customer would have quick and easy access to the product that interests them. From researching existing online Hobby Toy stores, I learned that they offer a very vast array of products, that vastly differ from one another. As a result, sites focus on the only one category of products, while having other product they sell almost hidden and less easily accessible. To resolve the problem I created a fictional persona's to represent the target users.
Personas
The Solution
I realized that the sites serve three different target demographics. people that build model kits, people that collect toys and merchandise, people who collect competitive games. I decided to divide the site into four categories, Collectables, Model kits, Tabletop games, Told & supplies. The fourth category serves the needs of people who are interested in the Model kits and Tabletop categories, but not the Collectables category,
Each category is differentiated with a different color scheme, so the user can immediately know the products he is looking at belong to the category they are interested in.
User Flow
Low fidelity wireframes
High fidelity wireframes
UI
Typography
I a combination of two fonts:
Biryani is the main font utilized in the sites, for all titles and short texts.
I chose Open Sans for large blocks of texts.
Biryani Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Biryani Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Biryani Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Open Sans regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Color Palette
To Differentiate between the categories each one has a unique color palette.
Pinks for the Collectables site, Blues for the Model kits site,
Greens for the Tabletop site and Reds for the Tools & Supplies site.
Common colors used in the entire the site:
Collectables:
Model kits:
Screens
