top of page

Redesign Barbi website for desktop

"Barbi" club website is an e-commerce site for live shows events happening in the place

Tools used: Figma , Adobe XD , Photoshop , Illustrator

The original website

Landing page

Artist Page

Order Ticket Page

Anchor 1
Anchor 2


The website goal is to sell tickets for shows happening in the club

it gives the user info about which show happen when and more info about the show or the artist

From the user experience, it seems that the site goes straight to the point, ordering tickets. It also encourages buying the last ticket left for the shows

What works well

Everything is straight to the point, it is clear that if the user enters the site he knows the Barbie and all he wants is to buy tickets to a show.
The cubes display order by dates, it's comfortable if the user knows he wants to come to the Barbie and just have to choose the best day to for it
Updates when there are individual tickets left for shows

What is missing

The option of searching inside the site is very missing

More information on the artist's page about the artist and the show itself

Since this is an e-commerce site, of a real place that exists and stands in reality, the site should be connected to the place itself with the atmosphere and what it transmits.

the user experience on the site is a bit outdated, and it seems no thought has been given to what needs can the users have

Anchor 3

The Mission

to improve the user experience so the site will fulfill the full needs of the users

​To transmit the "Barbi" vibe, so it will feel like a live show's website

Anchor 4

The Solution

A clean and organized landing page with new possibilities

​A menu header with new gadgets so users can easily find what they needs.

one of the new things I added is a selling forum, so the users could sale ticket if they cannot use them for any reason, instead of posting a post on Facebook or other options.

on this page the users can find the most important things for them:

"corona" pop-up message come down and go back up with a click, "limited ticket" for up coming shows, this week shows, "make your own event" and a footer with contact details.

Searching option

A smart searching bar, so users could easily find exactly what they searching for

view events on calendar 

With the "Barbi" calendar view it's more easy to find future shows.

the calendar icon placed on the left side of the header

The right atmosphere

This is a live show club website, which means that it needs to transmit the vibe of the place. 
the artist is in the spotlight, on the stage, and on the website.
the dark background and a spotlight giving the website more of this special feeling of being in a music club

For the users convenience, I added a like button to artist pages.

in this way, users will be notified for future shows of this artist and never miss a show of their favorite artist.

Press "Like" and get notification about up coming shows

Informative artist page 

Clean page, designed with all the important stuff:

info about the artist and the show; option to buy tickets or a gift card; listening to the album directly; links to all important websites & a like button

Corona virus - what can we do?

During I was working on this project, the corona virus start to attack.

part of the mission I was taking on myself, was to solve what does a place like the "Barbi" can do in this part of time.

online shows is the answer, so I designed a pop-up message and a specific page for it

Anchor 5

The Result 

bottom of page