3A Concept

Un site Webflow pour 3A Concept, spécialiste de l'architecture commerciale et du design d'intérieur près de Marseille, qui transforme trente ans de conception et de réalisation en un parcours clair, de la première visite à la demande de projet.

  • Design UI/UX
  • Développement Web

Le projet en bref

L'essentiel en 10 secondes

3A Concept
Secteur
Immobilier & Archi
Ce que nous avons fait
  • Design UI/UX
  • Développement Web
Lecture
3 min

L'histoire

Basée près de Marseille, l'entreprise 3A Concept conçoit et réalise des espaces professionnels depuis 1994 : boutiques, concept stores, restaurants, showrooms, bureaux et rénovations privées, en France comme à l'étranger. Son équipe prend en charge chaque étape d'un projet — de la première esquisse et des permis de construire jusqu'à la direction de chantier et la livraison finale — en tant qu'interlocuteur unique. TechFlow a conçu et développé un site web qui traduit cette expérience à travers un récit clair et donne aux réalisations de l'entreprise la visibilité qu'elles méritent.

Chapitre

Contexte et enjeux

Après plus de trente ans d'activité, 3A Concept avait besoin d'une présence en ligne à la hauteur de la qualité de ses prestations, s'adressant directement à ses donneurs d'ordre : enseignes de retail, restaurateurs, acteurs de l'hôtellerie et entreprises multi-sites cherchant un partenaire de confiance pour leurs délais, leurs budgets et leur image de marque.

Le site web avait trois objectifs majeurs : présenter l'ensemble des compétences de 3A Concept, prouver la qualité de son travail à travers ses projets concrétisés et transformer les visiteurs intéressés en demandes de projets qualifiées. Il devait également incarner l'esprit d'une entreprise familiale, où le fondateur et la nouvelle génération travaillent côte à côte sur le terrain.

Un défi éditorial s'est également posé : six services, cinq secteurs d'activité et une méthode en neuf étapes devaient être présentés sans submerger les visiteurs sous de longues listes. La photographie des espaces réalisés devait occuper une place centrale, tandis que la navigation devait permettre d'évoluer facilement entre secteurs, services, méthode et réalisations.

Le site de 3A Concept entouré de photos d’espaces réalisés

Chapitre

Notre approche

1. Direction artistique et architecture de l'information

Nous avons exploré trois directions visuelles avant d'opter pour un style sobre et intemporel qui reflète la philosophie de 3A Concept : des concepts pérennes plutôt que des tendances éphémères. Une palette neutre et une typographie soignée laissent toute la place aux espaces réalisés. Nous avons ensuite structuré le contenu autour des questions fondamentales de chaque prospect : que faites-vous, pour qui travaillez-vous, comment travaillez-vous et quelles sont vos réalisations ? Chaque réponse trouve sa place dédiée sur le site : services, secteurs, approche et projets.

Les maquettes des pages de 3A Concept dans Figma, avec les commentaires du client et l’arborescencePalette de couleurs de 3A Concept : blanc #FFFFFF, gris clair #EDEDEE, gris #949598, gris foncé #4D4F53, noir #171819Typographie de 3A Concept : STIX Two Text pour les titres, Hind pour le texte

2. Design UX/UI

Nous avons conçu les maquettes finales sur Figma avec une esthétique classique et élégante : de beaux espaces blancs, une typographie raffinée et de grands visuels. Chaque page poursuit un but précis : instaurer la confiance avec les clients potentiels et inciter à la prise de contact. Les visiteurs passent ainsi naturellement d'un secteur au service correspondant, consultent les réalisations associées, puis contactent l'équipe grâce aux coordonnées et boutons d'action toujours accessibles. La méthode en neuf étapes est présentée sous forme de phases numérotées très simples pour rassurer le client sur le déroulement des opérations, tandis que des références de marques et un témoignage client viennent renforcer la crédibilité.

Page d’accueil de 3A Concept : « Trois décennies d’expertise en conception, et réalisation de projets »Les six services sur la page d’accueil de 3A ConceptL’équipe de 3A Concept sur la page « À propos »

3. Développement web

Nous avons développé le site web sur Webflow en suivant un processus rigoureux, de la structure aux finitions :

  • Design system avant tout : grâce à la méthodologie Client-First, nous avons mis en place des systèmes de typographie, de couleurs et d'espacements qui reproduisent fidèlement le design system Figma, afin de ne perdre aucun détail lors de l'intégration.
  • Composants réutilisables : au-dessus de cette structure, nous avons créé une bibliothèque de composants qui constitue la colonne vertébrale du site et garantit une cohérence visuelle parfaite sur l'ensemble des pages.
  • Composants sur mesure : lorsque les éléments standards ne suffisaient pas, nous avons développé des composants personnalisés appliqués globalement, assurant ainsi la maintenabilité et l'évolutivité du site.
  • Intégration responsive : chaque page a été soigneusement adaptée pour un affichage optimal sur ordinateur, tablette et mobile.
  • Animations fluides : des transitions subtiles viennent parfaire l'expérience utilisateur, renforçant l'aspect élégant et haut de gamme du site sans jamais perturber la lecture des contenus.
Les pages d’accueil et des réalisations de 3A Concept sur ordinateur et sur mobile
Les pages d’accueil et des réalisations de 3A Concept sur tablette et sur deux mobiles

4. CMS

Les fiches projets et la section Ressources sont gérées via le CMS Webflow, permettant à l'équipe de publier de nouvelles réalisations, de mettre à jour les contenus et d'éditer des articles en toute autonomie. Nous avons pensé une structure simple et intuitive afin que même les profils non techniques puissent la prendre en main rapidement et gérer le site en toute confiance.

Page des réalisations de 3A Concept, avec ses filtres par secteurUne fiche projet de 3A Concept : Restaurant Mongelli

Chapitre

Résultats

Résultats

3A Concept dispose désormais d'un site web à l'image de son exigence professionnelle. Son expertise, sa méthode et ses réalisations s'articulent au sein d'une expérience fluide, pensée pour convertir les visiteurs en demandes de projets qualifiées. Les réalisations y trouvent la mise en valeur qu'elles méritent, tandis que l'histoire de l'entreprise et l'équipe humaine apportent un visage incarné à plus de trente ans d'expérience. Grâce à un CMS facile à prendre en main, l'équipe bénéficie d'un socle solide qu'elle pourra faire évoluer au fil des nouveaux projets livrés.

Le site de 3A Concept sur ordinateur portable et sur mobile, parmi des plans, des croquis et des échantillons de matériaux