Overview Screens


Firefly Music App - personal project


UI/UX Design, Interaction Design, App Design


February 2019


I’m often looking out for opportunities to gain some experience conceptualizing and designing applications end-to-end. This project was for Adobe's XD Daily Creative Challenge. These challenges last 2 weeks and are ment to sharpen your UI/UX design skills.

The main goal of this challenge was to design and prototype a music player app and to create a design system. I came up with Firefly.

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