UX/UI APP CONCEPT

A hobby toys E-commerce site 

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

Kyle Miller. 15

Interests: cards & war gaming

Personality: calculated, creative

Kyle plays & collects the Fantasy Warlord miniature wargame and Lord of The Rings Card game. Kyle paints his own miniatures.

Jake Brown. 66

Interests: Railway dioramas

Personality: industrious, artistic

Jake just retried, to keep himself busy he started to builds model trail and railway, he also likes buying gifts to his 6 year old grandson.

Amy johns. 16

Interests: Anime & plush toys

personality: Social, impulsive 

Lucy want to keep up with the latest anime merch, and keep an eye om the latest sales. she is definitely not interested in model-kits and other toys that require assembling.

Chad Smith. 35

Interests: Military Model-kits

Personality: Ambitious, nurturing

Chad is a father for an 11-year-old boy.
He wants to buy a model kit of the Tank he drove as a soldier in Afghanistan, so he can build it with his son. 

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

Architecture_–_Hobby.png

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:

#C1262C
#D31942
#F6E22D
#46A823
#1D2CFF
#3D3D3D
#9D9D9D
#FAFAFA

Collectables:

#94124F
#78063C
#27081B
#9B2EAF

Model kits:

#252A50
#11152E
#050517
#32697E

Screens

 
 
 
image01.png

UX/UI APP CONCEPT

Gardening management & problem solutions for the amateur Gardner 

image02.png

GAME UI & ART

An independent mobile game

This site was designed with the
.com
website builder. Create your website today.
Start Now