Brand Identity & UI/UX Design
Project Scope
For this project, we were to design a unique restaurant brand and create a fully expanded app for customers to use. Flipside is a 1970’s themed karaoke bar and restaurant where guests can come and enter in karaoke competitions and vote on their favorite singers. Flipside’s environment and brand is supposed to make you feel as though you stepped back in time, to the groovy disco scene of the 70’s.
For the app design, we were to create an app that could not be interchangeable with a mobile site. In order to expand the app beyond ordering food to go, I included the option for guests to sign up for karaoke as a guest or singer, and vote on their favorite singers.
Design Styles
Logo & Branding
Flipside’s branding is inspired by the psychedelic-art nouveau art style of the late 1960’s and 1970’s. Icons and color palette are based off of relics primarily from the 70’s, and are heavily influenced from the disco music scene.
This logo was incredibly tricky, as the form for each letter had to be perfect to give it the fully rounded and clean aesthetic. The logo was hand-drawn and based on the psychedelic, typographic art style found on music posters of the 60’s and 70’s.
The app icons are based on popular relics from the 70’s.
Assets
Social Media
UX/UI
What is the app for?
The Flipside app allows guests order food from home, participate in karaoke nights, and redeem rewards with points earned while dining at Flipside. The app is primarily used for karaoke in the restaurant, but also allows guests to order and enjoy takeout at home.
The app allows guests to pick their account name or come up with a new name during the karaoke competition. This allows guests to become fully immersed and come with their own alter ego or name. This can also allow multiple people to sign up if the guests wants to sign another individual up through their own device.
Guests can easily customize their food if they have any allergies, dietary restrictions, or preferences. Guests can also gain points for every dollar they spend while dining at Flipside. These points can be redeemed for coupons in the Rewards section.
Guests have a variety of coupons and special offers to choose from. After the guest redeems their points, the coupon will be added to the Saved Coupons list on the Rewards screen. Guests can also view their used coupons, to keep track of coupons they’ve used and points they’ve acquired.
Photos courtesy of Ivan Dorofeev, Jack Hamilton, Axi Aimee, Lee Campbell, Regina Valetova, Nik, Paul Zoetemeijer, and David Grandmougin on Unsplash