top of page
Ready vertical with mockup.jpg

MetalMaze

An interactive search interface, used by the Metal music fan community, in order to search & find Metal concerts all around the world.

GIF-READY-PURPLE-LIGHTINING-17.01.23.gif
GIF-READY-PURPLE-LIGHTINING-17.01.23.gif

My Role

UX/UI Design  |  Branding  |  Animation  |  Style guide

Tools

logo figma icon.png

Figma

adobe-photoshop-cc-circle-logo-3BE8AF841D-seeklogo.png

Photoshop

AI LOGO.png

Illustrator

ae-logo.png

After effects

Year

2022

Rectangle 123-1_edited_edited.jpg

The Problem

When travelling abroad & looking for live shows, fans find it difficult to maneuver between tons of ticket vendors & booking apps. 

The Solution

A search engine app that gives all the info needed of live Metal music performances all around the world. The Idea is to create a worldwide focused community under one app, that can create connections between travelling Metalheads, when abroad.

Idea

🌟 App Features

The App has many tools to bare: Personal profile, Band & Club info with booking area, ticket market, chat area, user reviews & location map.

Landing Page.png
Search Keyword 2#.png
Main flow.png
exsicting user.png
Search Keyword 1#.png
chosen club profile_1.png
About club.png
Order tickets Club.png
chosen Band profile_1-3.png
About Band.png
Order tickets BAND.png
Manually 1#-1.png
Manually 3#.png
Manually 4#-1.png
more reviews_2.png
message board-1.png
Location club.png
Rectangle 123-1_edited_edited.jpg

Research

📊 Visual research & Competitive Analysis

Ready-gif-MetalHand.gif

When looking for inspiration, I searched for apps that are focused on Booking musical events & Affiliated with Alternative lifestyle connected to Metal Music.

There is no app that is focused on Metal music live bookings. Most of the Apps are focusing on news, or background of bands, booking tickets is reserved only to the open mainstream music market. 


These are some of the apps I took inspiration from:

ticketmaster.png
TicketMaster logo_edited.png

TicketMaster

ra-guide-screen-artist.webp
RA-Guide.png

RA Guide

Band is in town 2.png
band is in town logo.png

Band is In Town

loudwire_edited.png

Loud Wire

1200x630wa_edited.png
1_2piBou3LJb7RrJQKimyLcA.png

Gimme Metal

gimme-metal-slipmat-pre-order-452416_edi
stub hub_edited.png
stub.png

Stub Hub

Wireframes

When starting on building the app, I took insipration for the wireframes from a previous app I made, called Gostage (You can check it out in my portfolio). It has a variety of options connected to choosing a venue, or a stage for freelance sound engineers to make their life easier when booking work in a new place. First I built the main menu, then focused on the venue screens. Then, I continued looking on other music apps for the band's portfolio. Afterwards when reaching to other flows in regards of finding tickets, I decided to work on a dropdown menu, that give much easier flow for the user to focus his search area for gigs, then a fillout forms.

While working on the app, I noticed I designed it with too much color grading. Then I decided to reduce the colors of the app, it to main 4 colours: grey, purple, red and gold. Giving it a darker feel. 

Main manu

Week 1#

main screen registered user.png

Week 3#

main screen registered user.png

Week 7#

main screen registered user.png

Week 9#

Main flow.png

Venue

Week 3#

Search for a gig flow 10#.png

Week 5#

chosen club profile_1.png

Week 7#

chosen club profile_1.png

Week 9#

chosen club profile_1-1.png

Order a ticket

Week 3#

Order tickets 3.png

Week 5#

Order tickets 7.png

Week 7#

Order tickets 15.png

Week 9#

Order tickets 37.png

Keywords search

Week 3#

Search for a gig flow 7#.png

Week 5#

Order tickets 5.png

Week 7#

Search Keyword 2#.png

Week 9#

Search Keyword 2#.png

Discovery search

Week 3#

Search for a gig flow 3#.png

Week 5#

Manually 1#.png

Week 7#

Manually 2#.png

Week 9#

Manually 1#-1.png

Empathize

👨🏻 Persona

The Persona for this app should be a fan of Metal obviously, 
but also in need of help maneuvering between the vast info recived on the web regarding shows.

1.jpeg

Name

Jason Malish

Relationship

Single

Background

Jason lives in Miami Beach, in the Ocean Drive area not far from the sea.
He lives with a childhood friend from high school, named Gus, both die-hard metal fans, who like to blast the speakers and drive the neighbors crazy.

Jason works at an audio systems company not far from home, at Jaquis Hardware, and deals a lot with liveries, cable calibration and audio merchandise.

The work is mainly from late morning, Jesse doesn't get up before ten, and finishes work around 5:00 p.m. So he goes to the nearest bar, the Churchill Bar, to drink with friends and listen to heavy metal in the style of melodic death Metal.

Age

27

Job Title

Sound Tech.

Location

California, USA

Pain Points

Find it hard to navigate between plenty of ticket apps, especially when travelling abroad, Jason find it difficult to navigate between foreign language apps. Moreover, too many apps are Mainstream genres apps, with very little focus on Metal music.

Personality

Jason loves to travel, He looks for more friends travelling to Festivals, and interested in expending his musical taste in Heavy Metal, to discover more bands worldwide.

Pathfinding

🎯 User journey

In this app there are 3 ways to purchase tickets: via band, via venue, or via location: Each flow can give different results. It depends on the user and his preferences.

Via Band

Main menu
Band Profile
Touring dates
Order info
Payment info
Booking success

Via Venue

Main menu
Venue Profile
Programme
Order info
Payment Info
Booking success

Via Discovery Search

Main menu
Choose Country
Choose Sub-Genre
Choose Time
Shows Results
Booking success
Rectangle 123-1_edited_edited.jpg

UI design

🎨 Style guide

I based the product DNA on alternative themes & symbols, regards to the Heavy Metal music and culture. From Horn hands to Pentagrams, to electricity and lightnings.

Colors 

Typography

Colours typography.png

Icons

Icon 2.png

Tech

🎁 Monetization

With each purchase of tickets, the user receives an in-app currency coins called "Horns". The user can use the Horns points to get ticket discounts in future shows, cheaper drinks at venues bars, band merchandise and more...   

Social

🖥️ Social media

I created a short commercial video for the app, as well as printable poster, spreading the idea behind the app.

logo.png

Thank you!

bottom of page