Overview Screens

Client

Firefly Music App

Role

UI/UX Design, Interaction Design, App Design

Tools

Adobe XD, Photoshop

Year

February 2019

Firefly

The main goal of this project was to design and prototype a music player app and to create a design system.

A design system (or design library) is a collection of guidelines, style guides, and reusable components that enable rapid creation of mockups and support faster build-out of features. It can answer specific questions from what fonts and colours are used on websites, to how buttons and panels are displayed.

Design System

Design System

Low Fidelity Artboards

Low Fidelity Artboards

High Fidelity Artboards

High Fidelity Artboards

Prototype

See it in action