Mongoose Signs & Advertising

À propos du projet

Mongoose Signs & Advertising est un site professionnel complet créé pour Serhii Titov et son entreprise spécialisée dans les enseignes et la publicité. L'objectif du projet était de transformer plus de 20 ans d'expérience pratique dans le secteur et une importante archive de réalisations en une présence en ligne claire et moderne, capable d'expliquer les services de l'entreprise, de présenter des projets réels et de guider les clients potentiels vers une demande de devis. Le site présente l'activité à travers des sections dédiées : Home, About, Services, Portfolio, Reviews, Blog et Contact. La structure des services couvre notamment l'installation d'enseignes, l'installation de panneaux publicitaires, les enseignes LED, la réparation et la maintenance, le marquage de véhicules, l'aide aux permis et d'autres solutions publicitaires. La section About présente le parcours professionnel de Serhii, depuis son entreprise en Ukraine et son expérience internationale jusqu'à son activité actuelle dans l'État de Washington. Le site explique également la zone desservie et le processus allant de la consultation à l'installation. Une partie importante du projet est le portfolio visuel. Les réalisations sont organisées en catégories dédiées telles que la publicité lumineuse, les façades, les stèles, les panneaux publicitaires, les intérieurs, les auvents, les structures métalliques, le branding de véhicules, les bannières, les films et teintages, les panneaux routiers, la publicité en aluminium et les travaux de peinture. J'ai conçu le portfolio de manière à ce que les pages de catégories chargent les images depuis des dossiers de projet organisés et affichent progressivement des réalisations supplémentaires au lieu de charger toute l'archive en une seule fois. Cela rend un grand volume de contenu visuel plus facile à consulter et à maintenir. Le frontend a été développé avec Next.js 16, React 19 et TypeScript en utilisant l'App Router et du CSS global personnalisé. J'ai créé des composants réutilisables, des mises en page responsives pour ordinateur et mobile, un menu burger mobile, des éléments d'interface SVG modifiables et des images WebP optimisées. Le design s'adapte aux différentes tailles d'écran tout en gardant l'identité de l'entreprise, les appels à l'action et les coordonnées facilement accessibles. J'ai également développé les parcours d'interaction liés aux demandes clients. Les liens depuis les services peuvent transmettre le service sélectionné directement au formulaire de devis, les interactions avec le numéro de téléphone affichent une confirmation de copie et le comportement de l'e-mail est adapté aux usages desktop et mobile. Les formulaires de contact et d'avis ont été préparés avec validation et des adaptateurs API prêts pour un futur backend, incluant vérification de l'origine, protection honeypot, limites de requêtes, restrictions de fichiers et logique de rate limiting. L'application comprend aussi des en-têtes de sécurité et une Content Security Policy. Le stockage persistant des formulaires a volontairement été laissé pour une connexion backend ultérieure et n'est donc pas présenté comme une fonctionnalité de base de données déjà finalisée. Le projet comprend également des éléments pratiques de production tels qu'une page 404 personnalisée, un sitemap, une configuration robots, l'optimisation des images et la préparation au déploiement. Le résultat final est un site professionnel responsive qui combine présentation de l'entreprise, informations sur les services, portfolio catégorisé de grande taille, parcours d'avis et de demande de devis, ainsi qu'une base technique pouvant évoluer avec un backend au fur et à mesure du développement de l'activité.

Mon rôle

J'ai pris en charge la conception complète du site et le développement frontend : architecture de l'information, interface responsive, composants Next.js réutilisables, structure des services et du portfolio, optimisation des images, design des interactions, validation des formulaires et logique de sécurité prête pour une API, pages techniques liées au SEO, tests et déploiement sur Vercel.

Ce que j’ai réalisé

• ✓Planifié l’architecture de l’information et le parcours utilisateur orienté vers les objectifs commerciaux
• ✓Développé le site avec Next.js 16, React 19, TypeScript et l’App Router
• ✓Créé des mises en page responsives desktop et mobile avec du CSS global personnalisé et une navigation burger
• ✓Développé les pages Home, About, Services, Portfolio, Reviews, Blog, Contact, catégories, 404, sitemap et robots
• ✓Créé un système de portfolio basé sur des dossiers, avec catégories et chargement progressif des images pour une grande archive de projets
• ✓Optimisé les visuels du portfolio en WebP et créé des éléments SVG d’interface réutilisables et modifiables
• ✓Implémenté la présélection du service dans le formulaire de contact, le retour visuel lors de la copie du téléphone et des interactions e-mail adaptées au desktop et au mobile
• ✓Préparé les formulaires de contact et d’avis avec validation, vérification d’origine, honeypots, limites de requêtes, restrictions de fichiers et logique de rate limiting
• ✓Ajouté des security headers et une Content Security Policy et préparé les adaptateurs API pour un futur stockage backend
• ✓Testé le projet et déployé le frontend prêt pour la production sur Vercel