Sketches
I kicked off the design phase with manual sketches to materialize my initial ideas before moving to high-fidelity prototyping in Figma.
I kicked off the design phase with manual sketches to materialize my initial ideas before moving to high-fidelity prototyping in Figma.
Sketches
I kicked off the design phase with manual sketches to materialize my initial ideas before moving to high-fidelity prototyping in Figma.
Moodboard
The visual conception phase began with a Moodboard focused on Barcelona's urban aesthetic. To start, I selected colors and created shapes inspired by Gaudí’s work.
The visual conception phase began with a Moodboard focused on Barcelona's urban aesthetic. To start, I selected colors and created shapes inspired by Gaudí’s work.
I also incorporated the iconic 'Panot de Barcelona', the city’s floral paving tile and a symbol of its identity as a core pattern. The goal was to create a design that is intrinsically linked to the city’s cultural and architectural heritage.
I also incorporated the iconic 'Panot de Barcelona', the city’s floral paving tile and a symbol of its identity as a core pattern. The goal was to create a design that is intrinsically linked to the city’s cultural and architectural heritage.
Moodboard
The visual conception phase began with a Moodboard focused on Barcelona's urban aesthetic. To start, I selected colors and created shapes inspired by Gaudí’s work.
I also incorporated the iconic 'Panot de Barcelona', the city’s floral paving tile and a symbol of its identity as a core pattern. The goal was to create a design that is intrinsically linked to the city’s cultural and architectural heritage.
Style Guide
Once the visual direction was established in the Moodboard, I proceeded to consolidate these elements into a structured Style Guide.
Once the visual direction was established in the Moodboard, I proceeded to consolidate these elements into a structured Style Guide.
Style Guide
Once the visual direction was established in the Moodboard, I proceeded to consolidate these elements into a structured Style Guide.
Prototype
With the Style Guide established, I moved into the high-fidelity prototype phase in Figma. I added a video of the prototype below, but you can check the prototype on Figma by clicking here.
With the Style Guide established, I moved into the high-fidelity prototype phase in Figma. I added a video of the prototype below, but you can check the prototype on Figma by clicking here.
5/7
5/7
la cultural: Ideate
la cultural: Ideate