04 Project

Fuego App

Principal Designer on the Fuego MVP, a mobile app gathering every concert happening in Paris. Built in Flutter, it shipped on the App Store and the Play Store; it no longer exists today.

Role: UI / Brand Designer
Company: Fuego
Year: 2024
Tools: Figma / Figjam / Trello
Focus: Mobile / UI Kit / Branding

Screens from the Fuego mobile app lined up on a lime background

Case study

Building the visual identity

Getting this app off the ground meant building a visual identity first: a logo, colours, a typographic choice, iconography and so on. All of it within budget constraints, and within accessibility constraints too, colour contrast in particular.

Fuego visual identity: logotype, colour palette and typographic specimens in Rubik Bold, Rubik Semibold and Rubik Regular, each set on the phrase « The quick brown fox jumps over the lazy dog » — Fig. 1Logotype, palette and typographic choice: Rubik Bold, Semibold, Regular

Building the UI Kit

Even though the UI Kit for this app held few components, since what shipped was an MVP, it still had to be built with room to grow quickly. So I set up the variables and created every component we needed, respecting the basic accessibility rules.

Fuego UI Kit: components, variables and states, organised in Figma — Fig. 2Components, variables and states

Melody UI (Figma) (opens in a new tab)

Building the interface

For the interface itself, we chose to split the files by EPIC and carry that way of working forward.

The Figma files of the Fuego interface, split by EPIC — Fig. 3One file per EPIC

Fuego Searchbar (Figma) (opens in a new tab) Fuego Homepage (Figma) (opens in a new tab) Fuego Splashscreen (Figma) (opens in a new tab)