Brand Identity & Digital Experience
Barcelona
The new website made its portfolio easier to explore, improved the way its projects were presented and provided the company with a professional platform to communicate its experience.
The identity remains in use today.
Overview
F87 is an architecture and engineering firm based in Barcelona, specialising in the development of comprehensive projects for built environments. Its portfolio includes work for organisations such as Barcelona Activa, the Barcelona Chamber of Commerce and the Fundació Joan Miró.
The project focused on building a cohesive brand identity and creating a new digital presence that could communicate the company's expertise, experience and portfolio of work.
The Challenge
F87 had an outdated and unstructured digital presence, with no defined visual identity or consistent way of presenting its projects. Its website did not fully communicate the scope of its work, particularly in engineering, and lacked the visual content and structure needed to showcase its experience.
The challenge was to create a clear and sophisticated identity and translate it into a website that could function as the company's main portfolio and presentation tool.
The Approach
I developed F87's visual identity around three key principles: sophistication, elegance and simplicity.
From this direction, I created the logo, typography, colour palette and brand guidelines, establishing a consistent visual language for the company.
I then designed the website from the ground up, defining its structure, content and user experience. A key part of the process was creating two distinct systems for presenting the company's work: one for architecture projects, focused on photography and visual storytelling, and another for engineering projects, where technical drawings and plans played a central role.
I also produced the photographic and video content for the projects, designed the project covers and landing page, and developed the website's copy and visual layouts. The final design was handed over to an engineer for implementation in WordPress.
