Work project

3 min read

Citizen Ticket website

Citizen Ticket is a ticketing platform for live, online, and hybrid events.

This project focused on consolidating 14 fragmented pages from the Citizen Ticket website into a streamlined, user-friendly experience. The scope later expanded to include a new, brand-led homepage.

The final output was a cohesive set of four pages encompassing the content from the old 14 pages in addition to the homepage. The result was a vastly improved structure with a professional and premium look with improved usability.

The brief

This project started by at looking at the 'Services' and 'Product' pages for Citizen Ticket. A collection of 13 outdated and bland pages within dropdown navigation, which took the meaning of whitespace to a whole new level.

The 'Services' and 'Product' pages were split into:

Product:

  • Bookings

  • Ticketing

  • Live streaming

  • CRM

  • Organiser toolbox app

  • Marketing

  • Email centre

  • Customer features

  • Blockchain

Services:

  • Finances

  • On-site support

  • Customer support

  • Sales

The first iteration

Earlier in the year, I had created 'Cornetto', the name we gave to the design system I built for the internal platform for event organisers and ticket holders. The founders decided they wanted the website to feel cohesive to the internal platform, and so I utilised the styles and components of Cornetto.

Before starting to design, I opted to conduct a card sorting exercise with members of the team as I wanted to better understand the mental models of others and minimise the number of pages in the best way possible.

The results of the card sorting exercise showed that the new pages should be named 'Services' and 'Platform' and split in the following way.

Services:

  • Finances

  • On-site support

  • Customer support

  • Sales

  • Contact form

Platform:

  • Event management

  • Organiser toolbox app

  • CRM

  • Marketing

  • Ticketing and more

  • Contact form

Iteration 1 of the services page
Iteration 1 of the services page
Iteration 1 of the services page
Iteration 1 of the platform page
Iteration 1 of the platform page
Iteration 1 of the platform page

The pivot - iteration 2

It was during this point in the re-design of the pages on the website that I was asked if I’d also take a look at re-designing the homepage. This page wasn’t initially in the scope of the re-design as it was updated much more recently than the others and was already using the Cornetto components.

However, the look that the company wanted to move towards was ‘edgy’ and ‘airbnb-like’ - something a bit more exciting than the blue colour scheme that had been used in the first iteration. The founders had asked a designer to create a new hero illustration for them.

In the back of my mind was the thought that the pages I just had just designed would no longer match the style of the homepage the founders were after, so I asked if they’d be up for me working on this alongside my other pieces of work. So I spent some time giving these a re-vamp too. The founders wanted to keep the illustrated images, but as the company wanted a more professional look, I suggested we swap the hero images for photos instead.

I also included the pricing page into the scope of work to complete the full set of website pages.

Here are the final designs that were signed off by the team.

The re-designed homepage
The re-designed homepage
The re-designed homepage
Iteration 2 of the services page
Iteration 2 of the services page
Iteration 2 of the services page
Iteration 2 of the platform page
Iteration 2 of the platform page
Iteration 2 of the platform page
Re-design of the pricing page
Re-design of the pricing page
Re-design of the pricing page

Say hello

Let's work together.

Let's work together.

No spam, unsubscribe anytime.

Elegant cursive signature of the name "Emilia" in black.
Elegant cursive signature of the name "Emilia" in black.
Elegant cursive signature of the name "Emilia" in black.