Overview Screens


Firefly Music App


UI/UX Design, Interaction Design, App Design


February 2019


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

Lo Fidelity Artboards

Hi Fidelity Artboards

Hi Fidelity Artboards


See it in action