Toon App Design
Toon App Design
Toon App Design

About the project

About the project

The objective of this project was to design the branding, mobile app and B2C website for a local music ticketing platform called TOON.

The branding needed to effectively communicate to their target audience and provide a youthful, modern and professional look with a colour palette that embodies the dynamic nature of music events.

The app's user interface should be intuitive, allowing users to easily browse events, purchase tickets, and access ticket wallet and event information seamlessly.

Design a captivating B2C Website to capture the attention of music event promoters .

Apply consistent branding across all platforms to create a recognizable and memorable identity for TOON, fostering trust and loyalty among music enthusiasts.

Branding

Visual Identity

Visual Identity

The name is play on the word ‘TUNE’. The ‘OO’ replicates music volume waves reinforcing what the brand is all about.

Clean

Simple

Memorable

Modern

Secondary Logo Colour

Tertiary Logo

Logo mark

Primary Logo Colour

Brand Colours

User research

User research

UX Persona

UX Persona

Alex Melody

28 years old

Galway, Ireland

About me

About me

Alex Melody, a 28-year-old urban professional, works as a marketing specialist for a creative agency in the city. With a degree in digital media, Alex is not only tech-savvy but also deeply appreciates the intersection of technology and the arts. Passionate about discovering emerging artists and attending live performances, Alex's diverse music taste ranges from indie rock to electronic beats.


In addition to a hectic work schedule, Alex values downtime spent exploring local music scenes, attending intimate gigs, and connecting with fellow music enthusiasts. Always in the know about the latest trends and events, Alex relies on technology to enhance the overall music experience. Social media is a significant part of Alex's life, as sharing music discoveries and concert experiences with friends and followers is a favorite pastime.

Objective

Objective

Alex Melody's primary objective is to immerse themselves in a diverse and vibrant live music scene. With a keen interest in discovering emerging artists and staying up-to-date with the latest music trends, Alex aims to curate a unique and personalized music event experience.

Pain points

Pain points

Alex finds hard to keep up with the music scene in his local area. Alex finds there is a lack of a platform for people to promote local events and up and coming local artists allowing the population to be informed about local events.

UX Research

UX Research

App User Flow

App User Flow

The goal of this exercise was to elevate the user experience by keeping the user flow simple, easy to understand and straight forward in order to seamlessly guide music enthusiasts from event discovery to ticket purchase.

UX Research

Wireframing

Wireframing

Wireframe Toon Design
Wireframe Toon Design
Wireframe Toon Design

User Interface

Mobile App

For the purpose of keeping this portfolio straight to the point I have only selected a few screens to show, although many other screens were designed.

Toon app Mockup Design

User Interface

Mobile App

For the purpose of keeping this portfolio straight to the point I have only selected a few screens to show, although many other screens were designed.

Toon app Mockup Design

User Interface

Mobile App

For the purpose of keeping this portfolio straight to the point I have only selected a few screens to show, although many other screens were designed.

Toon app Mockup Design

User Interface

User Interface

Desktop website

Desktop website

This is the website version of the app. Users are also able to browse events and buy tickets through the website.

This is the website version of the app. Users are also able to browse events and buy tickets through the website.

Toon Platform design Mockup
Toon Platform design Mockup
Toon Platform design Mockup
Toon Platform design Mockup
Toon Platform design Mockup
Toon Platform design Mockup

User Interface

Backend Design

Backend Design

This is the backend platform of both the app and the website. Designed to give Admins and event creators the possibility to create, edit and manage their events.

Toon Backend Design
Toon Backend Design
Toon Backend Design

User Interface

Design System

Design System

A design system in UI design is a collection of reusable components, guidelines, and standards that ensure consistency and efficiency across a product's user interface. It helps teams maintain a cohesive visual language while streamlining the design and development process.

Toon Design System Design
Toon Design System Design

Designed by Hudson Souza DESIGN 2024©

Email

design@hudsonsouza.dk

Designed by Hudson Souza DESIGN 2024©

Email

design@hudsonsouza.dk

Designed by Hudson Souza DESIGN 2024©

Email

design@hudsonsouza.dk