back
Logo Mi'o

Context

Mi'o is a website redesign and visual identity project for a Paris-based architecture agency. The main objective was to modernize the brand image while improving the user experience on the site, in order to make it more accessible and attractive to the agency's customers. My role, as a product designer with a focus on branding, was to rethink the agency's visual identity in line with the new interface, as well as adapting the interface to mobile.

February 2023 (1 week)

Role : Art direction ,UX/UI conception (desktop & mobile)

Software : Figma

Challenges and approach

The main challenge was to create a modern brand identity, consistent with the agency's architectural values, while making the site's interface clearer and more intuitive for users. We opted for a minimalist, unstructured approach to free up visual space and allow each element to breathe. This structure allowed for fluid navigation and airy content, highlighting the architectural projects without overloading the user.

Ancienne home desktop du site Mi'o

Before

After

Nouvelle home desktop du site Mi'o

Art direction and design system

The logotype, which had become a little dull and dated, needed updating. We therefore opted for a resolutely modern Grotesk typography, to reflect our quest for contemporaneity. In addition, we simplified the brand name, keeping only “Mi'o”, to reinforce its visual impact while asserting our identity with greater freshness and dynamism.

Design system du site Mi'oRecherches de logos Mi'o en testant différentes typographies
Déclinaison des logos Mi'o en noir et blanc

Mobile experience

To complement the website, we developed a web-app to optimize the user experience on mobile devices. The width limitation on smartphone screens has been compensated for by fluid vertical navigation, encouraging content scrolling and exploration. The mobile experience is aligned with the same design concepts as the main site, guaranteeing visual and functional continuity.

Page produit version mobile du site Mi'o, actuellement sur une bibliothèqueMockup web-app Mi'o Page home version mobile du site Mi'o
Mockup du site Mi'o version desktop

Key points

  • A modernized brand identity in line with the agency's values

  • A clearer, more intuitive interface, making navigation easier for users

  • A smooth user experience on mobile thanks to a dedicated web-app

  • An unstructured layout that creates space and makes content easier to read

What to remember

The Mi'o project transformed the online presence of this Paris-based architecture firm, offering a more modern visual identity and a user interface designed to provide clear, fluid navigation. Thanks to a minimalist approach and vertical design on mobile, the site and web-app guarantee a harmonious experience, consistent with the agency's values of innovation and creativity.

Others projects