FORGIARINI

Forgiarini, source d’inspirations

Expertises :
Ateliers co-conception UX / UI Design
Développement et maintenance

Livrables :
Site internet RWD (responsive Web Design)

En 2024, lorsque Forgiarini nous confie la refonte complète de leur site internet, les objectifs sont multiples et stratégiques.

Pour l’entreprise, il s’agit de construire l’avenir en augmentant sa visibilité et sa crédibilité en ligne, augmenter son chiffre d’affaires et amorcer la vente en ligne à travers une sélection de produits ciblés.
Pour les équipes internes, fournir aux commerciaux un outil digital efficace, véritable support à leur activité quotidienne grâce à des informations claires, actualisées et facilement accessibles.
Pour les utilisateurs : proposer une expérience digitale inspirante, à la hauteur de la qualité et de la diversité des produits Forgiarini, tout en facilitant les relations avec les promoteurs immobiliers et les architectes en quête d’idées et de solutions pour leurs projets.

NOTRE RÉPONSE UX/UI

Nous voulions un site qui inspire, informe et transforme.

PARTIS-PRIS

UX/UI

L’interface a été pensée pour répondre à la stratégie de Forgiarini de se faire (re)connaître auprès des particuliers, artisans et prescripteurs comme un acteur d’influence, tout en facilitant la mise en relation et la vente grâce à des fonctionnalités  e-commerce intégrées.

❌ Pain points identifiés (Avant)

Site peu inspirationnel, ne reflétant pas la richesse des produits.
Catalogue limité, ne servant pas d’outil de vente pour les équipes internes.
Peu de points de contact digitaux avec les utilisateurs.

✅ Nos réponses (Après)

Un site inspirationnel et transactionnel construit autour de trois piliers :

Plus de contenus éditoriaux
… qui permettent de faire son choix ou de s’inspirer.
- Inspirations, références et actualités.
- Mise en avant de projets pour nourrir l’imaginaire des particuliers comme des professionnels.
Plus de fonctionnalités
… qui donnent de véritables outils de vente.
- Fiches produits détaillées.
- Wishlist et formulaires de contact.
- Premiers parcours e-commerce pour transformer le catalogue en outil de vente hybride (on & offline).
Plus d’interactions
… qui établissent une relation avec la marque.
- Call-to-action visibles et incitatifs.
- Animations et micro-interactions pour dynamiser la navigation.
- Abonnement newsletter, articles blog et présentation des ambassadeurs des réseaux sociaux, pour maintenir le lien avec la marque.

APPROCHE UX

Une expérience centrée sur les utilisateurs

Chaque page du site a été conçue pour informer et inspirer simultanément, afin de capter l’attention tout en apportant une réponse claire aux besoins des différents profils (particuliers, professionnels, prescripteurs).

Une grille immersive
La mise en page exploite toute la largeur et la hauteur de l’écran afin de plonger l’utilisateur dans l’univers de Forgiarini. Chaque page devient une vitrine immersive qui l’invite à se projeter dans ses propres projets d’aménagement.

Une expérience cohérente et contextuelle
Le parcours utilisateur a été pensé pour s’adapter aux usages réels : consulter le site depuis un smartphone en showroom (Forgiarini ou concurrent) ou poursuivre la visite à domicile. Cette continuité garantit une expérience fluide et homogène, quel que soit le support.

Une ergonomie intuitive
Les fonctionnalités et contenus sont positionnés stratégiquement là où l’utilisateur en a besoin. Leur accessibilité immédiate favorise une navigation naturelle et efficace, réduisant les frictions dans la découverte comme dans la prise de contact.

Une navigation centrée sur les besoins
Le site propose plusieurs points d’entrée adaptés aux différents profils et intentions :

Par catégories de produits
Par pièces à vivre
Par inspirations éditoriales (blog, références, actualités)
Via le moteur de recherche

Chaque page a été pensée selon sa finalité : plus éditoriale pour inspirer (inspirations, références, actualités), plus technique pour informer (catalogue produits).

Chacune raconte son propre storytelling, qu’il s’agisse de présenter, d’inciter à l’action ou d’orienter l’utilisateur vers une visite en showroom.
Les parcours sont conçus pour être fluides et cohérents grâce à une diversité de systèmes de navigation. Sliders, accordéons, boutons, liens, pictogrammes ou encore éléments “sticky” sont intégrés de manière stratégique pour :

offrir plusieurs façons d’explorer le contenu,
faciliter l’accès rapide aux informations,
et maintenir une navigation intuitive et engageante.

APPROCHE UI

Un style graphique épuré, élégant et dynamique

Les fondements UI reposent principalement sur les éléments visuels, la typographie et l’animation.

Les visuels
L’image occupe une place centrale dans l’interface. Utilisées comme source d’inspiration, les photos d’ambiance permettent aux utilisateurs de se projeter dans leurs projets. Elles renforcent l’impact visuel, nourrissent l’univers de marque et créent une expérience mémorable et engageante.
Les produits sont présentés via des visuels soigneusement détourés, parfois superposés à une image d’ambiance ou à un fond coloré, afin d’assurer une identification claire.

Chaque fiche produit est enrichie par :

des vues complémentaires (textures, coloris, perspectives),
des pictogrammes techniques,
et des associations avec des images d’ambiance pour favoriser la projection dans un usage concret.

La typographie
Le texte est pensé comme un élément graphique à part entière, peu abondant mais percutant. Son rôle est multiple :

Lire et comprendre : clarté et lisibilité immédiates.
Hiérarchiser : titres, sous-titres et corps de texte différenciés pour guider le regard.
Identifier : une typographie qui porte la personnalité de Forgiarini et renforce la reconnaissance de marque.
Améliorer l’expérience : un style typographique qui influence la perception, véhicule l’émotion et soutient l’esthétique globale du site.

 L’animation
Les animations viennent renforcer l’immersion et dynamiser l’expérience utilisateur. Elles apportent de la fluidité et favorisent l’interaction tout au long du parcours.

Liens et boutons : des effets de survol offrent un retour visuel immédiat, rendant chaque interaction plus intuitive et engageante.
Carrousels : l’intégration de carrousels met en valeur des contenus multimédias dynamiques et permet une exploration plus immersive.
Formulaires : conçus avec un langage clair et naturel, les formulaires sont pensés pour simplifier la communication avec l’utilisateur et encourager l’engagement.