UX/UI, développement Webflow, architecture CMS, migration et SEO
Architecture d’intérieur & design
Ibiza, Espagne
Conception et développement Webflow pour Bloom Studio, studio d’architecture d’intérieur et de design à Ibiza. Un portfolio éditorial où le choix des photographies, le rythme des compositions et la précision des interactions donnent forme à une expérience sobre et soignée.
Le point de départ
Bloom souhaitait une présence en ligne capable de refléter la sensibilité de son travail. Dès les premiers instants, le site devait faire ressentir l’attention portée aux proportions, à l’équilibre et aux détails qui caractérise les projets du studio.
J’ai construit le projet autour de cette intention, en travaillant sur la découverte des images et sur l’espace qui les entoure. L’objectif était de créer un parcours visuel qui éveille la curiosité et invite à prendre le temps de regarder.
Un design éditorial et intemporel
L’approche s’inspire de la mise en page éditoriale : une hiérarchie lisible, des compositions équilibrées, une typographie discrète et de l’espace pour les images. J’ai choisi une esthétique simple et intemporelle, dont le caractère se dessine dans la relation entre ces éléments.
Cette simplicité demande de la précision. Alignements, proportions et espacements construisent un ensemble cohérent, pensé pour conserver son identité à mesure que le portfolio accueille de nouveaux projets.
Choisir les images, construire le récit
Le choix des photographies fait partie intégrante du design. J’ai travaillé leur succession en imaginant la manière dont elles seraient découvertes : laquelle ouvrirait le récit, lesquelles gagneraient à être rapprochées et à quel moment laisser une pause.
Ces choix ont guidé les compositions asymétriques, l’alternance des formats et les changements d’échelle. Certaines photographies occupent toute la largeur, d’autres sont associées ou présentées seules. Chaque disposition change le rythme et la place d’une image dans le récit.
J’ai aussi soigné le passage d’une composition à la suivante. L’espace vide laisse à une photographie le temps de retenir l’attention avant que le défilement n’amène la suivante. Chaque projet trouve ainsi son propre rythme, au sein d’un langage visuel commun.
Des animations discrètes, des détails précis
J’ai porté la même attention au mouvement. De légères animations accompagnent le défilement et les interactions, tout en préservant la sensation de calme.
L’apparition d’un élément, une légende qui se révèle ou la réaction de l’interface au survol participent à la perception du site. J’ai ajusté la durée et l’intensité de ces mouvements pour qu’ils s’inscrivent naturellement dans la composition.
Cette attention se retrouve dans la distance entre une photographie et son texte, la position d’un lien ou la continuité des alignements. Ensemble, ces détails donnent au site son caractère.
Une structure souple dans Webflow
Pour préserver cette liberté de composition, j’ai développé un CMS modulaire dans Webflow. Les pages projets reposent sur des blocs réutilisables : images pleine largeur, formats verticaux et photographies côte à côte, qui peuvent être assemblés en différentes séquences.
Cette structure permet de créer un récit propre à chaque réalisation tout en conservant des proportions et des règles communes. Les textes, les informations et les contenus complémentaires s’intègrent selon les besoins de chaque projet.
J’ai également adapté les compositions aux différents écrans, en ajustant les dimensions, les espacements et la disposition des éléments pour conserver le rythme sur mobile.
Migration et continuité SEO
Le passage du site existant à Webflow demandait aussi de tenir compte de la visibilité déjà acquise par Bloom. J’ai abordé la migration avec l’objectif de préserver la valeur SEO des contenus et d’assurer la continuité de la présence en ligne du studio.
L’optimisation a accompagné la refonte. L’organisation des pages, la hiérarchie des titres et les métadonnées ont été retravaillées pour clarifier les contenus et leur lien avec l’activité de Bloom.
Sur un site aussi visuel, la place du texte demande un équilibre particulier. J’ai veillé à intégrer les informations utiles au référencement dans le récit, en respectant la sobriété du projet. La migration a ainsi permis de renouveler l’expérience tout en consolidant ses bases SEO.
Le résultat
Bloom dispose aujourd’hui d’un portfolio dont la présentation reflète le soin apporté à ses réalisations.
La sélection des photographies et leur disposition construisent le récit ; les animations discrètes en accompagnent la découverte. Une structure Webflow souple et un travail dédié à la continuité SEO soutiennent l’évolution du site, avec la même attention portée au design, aux contenus et aux détails.
