Conception d'un site vitrine sur mesure (Bento Grid) pour un technicien spécialisé en fibre optique à Montpellier.
AEH Connect est une entreprise spécialisée dans l'installation, le raccordement et le dépannage de la fibre optique pour les professionnels et particuliers, située dans la région de Montpellier.
Le prestataire souhaitait disposer d'une vitrine en ligne afin de présenter ses différentes prestations — allant de l'Audit au diagnostic par Réflectomètre (OTDR) — tout en rassurant sur son expertise. L'objectif de la création de ce site est de faciliter grandement la prise de contact d'urgence, en offrant un accès direct aux coordonnées avec une clarté optimale. J'ai eu la charge de concevoir la maquette et d'en assurer la retranscription web de A à Z.
Découpe des compétences (Installation, Maintenance et Zone d'intervention) sous la forme de cartes séparées, ce qui fluidifie la lecture pour l'utilisateur pressé.
Interface sombre résolument technologique. Les effets de reflets sur les cartes et les dégradés cyan/bleu néon rappellent les lasers et la fibre optique (L'Excellence Connectée).
Site conçu sur mesure sans le moindre framework CSS lourd, il assure à la page de se charger quasi instantanément et de garantir la meilleure note SEO.
Un utilisateur victime d'une coupure en magasin a besoin d'interagir vite. Des boutons surdimensionnés au bas de l'écran lancent les appels immédiatement via téléphone.
Design et Expérience Utilisateur (UI/UX) : Conception de la charte graphique et de la structure architecturale (One-Pager fluide) garantissant de rassurer les clients particuliers ou entreprises.
Intégration HTML/CSS Modulaire : Développement de tout le responsive à base de
CSS Grid (notamment grid-template-columns auto-adaptatifs) et utilisation de CSS
natif avancé (Variables :root, clamp() pour la typographie).
Scripting Vanilla JS & Animations : Implémentation d'une navigation fixe floutée au défilement et intégration d'un "Intersection Observer" permettant de faire apparaître doucement les éléments (Micro-interactions de scroll).
J'ai pour volonté sur ce genre de vitrine de contourner toute utilisation de builders au bénéfice d'un code totalement maitrisé, performant et 100% accessible.