Opening Act

Talent competition app for musicians
Project LeadiOS app for Coreware Labs
Opening Act app: welcome, home, a tour page, a performance video and Apple Pay Opening Act app: home, a tour page and a performance video

Overview

The app and my role

Opening Act gives up-and-coming musicians a shot at the stage: they apply to open for a touring artist, upload a performance video and pay a small entry fee per round, while fans vote the best acts through to the Top 20. As lead external collaborator for Coreware Labs, I oversaw the project and helped the team deliver it, from the first flows to the payment.

54Screens in
the app
3Rounds
per tour
4Main
tabs
4Ways to
sign in

My Responsibilities

Lead external collaborator

Coreware Labs designed and built the app; I led the project from outside the team.

Direction

Set the course with the Coreware Labs team, from the first flows to the final round.

Design review

Reviewed every flow, from onboarding to payment, for clarity and consistency.

Product flow

Helped shape the path from finding a tour to recording, paying and voting.

Priorities

Kept the scope on what artists and fans needed first: apply, vote and perform.

Brand consistency

Kept the OA mark, the gradient and the stage-dark interface consistent across the app.

Delivery

Worked with designers and developers to carry the screens from design into the build.

Brand identity

Logo, color and type

An O with a star cut into its ring and an A drawn as a stage spotlight, in white on a cyan to violet gradient. The app runs on near-black, so photos of artists carry the color, with violet for every action and the gradient kept for the icon and the splash screen.

Opening Act logo on the brand gradient

On the gradient

Opening Act logo on Night

On Night

Opening Act logo on Stage Violet

On Stage Violet

Color palette

Stage Violet#7152E5 · Buttons and selected states
Cyan#00AEEF · Gradient start, icon and splash
Navy#0459AD · Gradient middle
Plum#471F6F · Gradient end
Night#0E0F10 · Screen ground
Surface#2C2C2F · Fields and cards

Typography

Avenir type scale of the Opening Act app, from Black 36 artist names to Heavy 12 labels Avenir type scale of the Opening Act app

UI components

Buttons

Opening Act primary button, Get startedOpening Act button, activeOpening Act button, disabled

Sign in

Opening Act sign in with Apple buttonOpening Act sign in with Google buttonOpening Act sign in with Facebook buttonOpening Act sign in with e-mail button

Fields: default, focus, filled

Opening Act input field, defaultOpening Act input field, focusOpening Act input field, filled
Opening Act country code field

Payment

Opening Act Apple Pay option, selectedOpening Act saved card, selectedOpening Act add credit card

Vote, comment, share, record

Opening Act vote iconOpening Act comment iconOpening Act share iconOpening Act record button
Opening Act performance video card

Navigation and settings

Opening Act tab bar: Apply, Vote, Activity, Profile
Opening Act switch, onOpening Act switch, off

Onboarding and sign in

From the splash screen to the first tour

Three welcome screens set the promise in one word each, Apply, Vote and Perform, over concert photos. Signing in takes one tap with Google, Apple or Facebook, or an e-mail and password, and a new account asks only for a name and a phone number.

Welcome

Opening Act app: splash

Splash

Opening Act app: apply

Apply

Opening Act app: vote

Vote

Opening Act app: perform

Perform

Sign in

Opening Act app: sign in

Sign in

Opening Act app: log in with e-mail

Log in with e-mail

Opening Act app: forgot password

Forgot password

Create account

Opening Act app: sign up

Sign up

Opening Act app: e-mail

E-mail

Opening Act app: typing

Typing

Opening Act app: password

Password

Opening Act app: name and phone

Name and phone

Opening Act app: finished

Finished

Apply

Find a tour, read the rounds

Home lists upcoming tours as large cards by genre. A tour page shows the artist, the current round with its entry fee and a live countdown, the later rounds and their dates, and the cities on a map. Closed tours and the Top 20 stay readable after the deadline.

Discover

Opening Act app: home

Home

Opening Act app: all tours

All tours

Opening Act app: search

Search

Opening Act app: typing

Typing

Opening Act app: results

Results

Tour

Opening Act app: tour page

Tour page

Opening Act app: tour info

Tour info

Opening Act app: closed

Closed

Opening Act app: top 20

Top 20

Vote

Watch, vote, comment, share

Every entry plays full screen. Fans get a limited number of votes per round, shown in the corner, and can comment or share to Instagram, Facebook or Twitter. The vote button fills in place, so the count updates without leaving the video.

Vote

Opening Act app: vote list

Vote list

Opening Act app: vote now

Vote now

Video

Opening Act app: video

Video

Opening Act app: voted

Voted

Opening Act app: comments

Comments

Opening Act app: write a comment

Write a comment

Opening Act app: share

Share

Submit and pay

Record, upload, pay the round

An artist records or picks a video, adds a song title and artist name, and pays the round fee. Apple Pay is one double click; a card can be added once and saved for later rounds.

Submit

Opening Act app: record

Record

Opening Act app: upload

Upload

Opening Act app: details

Details

Opening Act app: payment method

Payment method

Pay

Opening Act app: apple pay

Apple Pay

Opening Act app: add a card

Add a card

Opening Act app: card selected

Card selected

Profile, activity and settings

Everything after the stage

The profile collects an artist’s uploaded videos. Activity lists votes, comments and round results. Settings keep the account, notifications and saved payment methods in one place, with a default card.

Profile

Opening Act app: signed out

Signed out

Opening Act app: sign up prompt

Sign up prompt

Opening Act app: profile

Profile

Opening Act app: added video

Added video

Activity

Opening Act app: signed out

Signed out

Opening Act app: activity

Activity

Opening Act app: today and older

Today and older

Settings

Opening Act app: settings

Settings

Opening Act app: notifications on

Notifications on

Opening Act app: edit profile

Edit profile

Opening Act app: change password

Change password

Payment methods

Opening Act app: payment method

Payment method

Opening Act app: apple pay

Apple Pay

Opening Act app: add card

Add card

Opening Act app: saved cards

Saved cards

Opening Act app: edit card

Edit card

What the design delivered

Outcomes of the work

One flow from audition to stage.

A clear path for artists

Find a tour, read the rounds and fees, record and pay, all in one flow.

Voting that feels like watching

Full-screen videos with the vote, comments and sharing one tap away.

Payment without friction

Apple Pay in one double click and a saved card for every next round.

A brand built for the stage

The OA mark, the cyan to violet gradient and a dark interface that lets the performers shine.

Lead external collaborator for Coreware Labs, Belgrade

Thank you!

Have a project in mind?

Let's
talk