welcome1.jpg

Ghost Box

arrow

 E-commerce Redesign 

Ghost Box is an independent, UK based record label. Their vision is to create a haunting, imaginary soundscape inspired by British TV soundtracks, 60's horror movies, vintage electronic music and English psychedelia.

I designed an alternate e-commerce site that focuses on improving their existing online shop.

My Role  

Product Re-Design

Illustration

 

Methods & Tools

Market Analysis

Figma

 

Practices

Information Architecture

Personas

Wireframing

UX & UI Design

Prototyping

Year

2020

The Challenge 

I took on the challenge of redesigning the online shop of Ghost Box record company. It has been renewed a few months after I worked on the project. However, in my opinion, it still has its flaws.

I set out to modernize the website by simplifying the product categorization, improving navigation among categories, adding the needed filtering options and making it user-friendly.

Screenshot of the initial online shop.

 

The online shop targets people between the ages 20-50 who enjoy this alternative genre of vintage electronic music and enthusiasts of the British film and TV culture of the 60's - 70's. While they have a wide international following, the majority of their listeners are from London*.

Target 

Personas 

Persona - Alex
Persona - Alex

press to zoom
Persona - Susan
Persona - Susan

press to zoom
Persona - Alex
Persona - Alex

press to zoom
1/2

 Project Goals 

 1 

Improve the virtual store experience

 2 

✓ Simplify the product categorization

✓ Improve navigation among categories

✓  Enable sorting options of the product lists

Set a system

✓ Design an icon system to distinguish between the                  product types

 3 

Design anew

✓ Modernize the shop front

✓ Design it in a way that communicates with the target                  audience

Wireframes 

ghostbox%20wireframe-1_edited.jpg
ghostbox wireframe-3.jpg
ghostbox wireframe-4.jpg
ghostbox%20wireframe-2_edited.jpg

Illustration 

IMG_20210215_122628.jpg
IMG_20210215_122629.jpg

From the sketch stage to the final shop front illustration

cover illu.jpg

 Design &

Branding 

In order to give the online shop a clean look and get rid of the busyness of the shop front, I had to come up with a new type of a user flow which supports the renewed digital branding.

 1 

All the sound-related products are listed underneath the 'Audio' panel; such as vinyls, CDs, album downloads.

All the other miscellaneous products are listed underneath the 'Merchandise' panel; such a posters, t-shirts, stickers.

 2 

 3 

Instead of appearing in the shop front, the artist names are placed inside the 'Artists' category, accompanying the other two product filtering options.

 4 

Using a distinguished color scheme, I emphasized the new product categorization in a way that also connects with the site and brand's atmosphere.

#2E2E2E

#F6CF44

#CFCDC4

#FFFFFF

Implementation 

Easier Filtering Options

allows a more user-friendly

experience for the versatile

product options.

Artist + About Links​

takes you to the Ghost Box ​record label's official website.

+

filter bar moves up and becomes a sticky bar underneath

the menu bar.

scrolls down for the complete list view of the products

Shop Command

Search Bar

locates all the products

related to the key word 

that's being searched.