Conception web · Développement
Arum Agence
Un site web complet pour une agence marketing de Gatineau, qui offre à ses services de marque, vidéo et web une vitrine numérique pensée pour convertir les visiteurs en prospects.
2026
Conception et développement
6 semaines
Aperçu
Client
Secteur
Services
Platform
Arum Agence
Agence marketing
Développement web · UI/UX · SEO · Hébergement
WordPress · Elementor
Résumé
Arum avait besoin d’un site aussi soigné que les identités visuelles et les contenus vidéo qu’elle crée pour ses clients, avec un véritable portfolio et un chemin clair vers la prise de contact.
Le défi
Arum possédait un solide portfolio créatif, mais aucun site pour le mettre en valeur. Comme agence de services complets offrant identité visuelle, vidéo, photographie et marketing, elle avait besoin d’un lieu unique capable de présenter l’ensemble avec crédibilité auprès d’une clientèle gatinoise francophone. J’ai aussi dû apprendre Elementor dans WordPress à partir de zéro — un environnement bien différent de mon flux de travail habituel orienté code — et maîtriser assez bien l’outil pour créer des interactions personnalisées plutôt que de simples blocs par défaut.
Objectifs du projet
Établir une présence numérique crédible · Mettre en valeur les projets clients · Générer des demandes de contact qualifiées
Objectifs utilisateurs
Comprendre l’offre de services · Parcourir de vrais projets · Prendre contact avec un minimum de friction
Découverte et recherche
Constat 01
Les sites d’agences locales s’appuyaient largement sur des photos d’archives plutôt que sur le travail réel de leurs clients.
Constat 02
Le marché gatinois réagit mieux à un texte local et direct qu’à un ton corporatif traduit.
Constat 03
Cinq services distincts risquaient de paraître dispersés sans fil conducteur visuel.
Orientation du système de design
Le langage visuel se veut audacieux et affirmé, construit autour de la phrase « authentique, stratégique, local ». Une typographie forte et un détail animé façon défilement portent l’énergie de l’agence, tandis qu’une grille cohérente relie les cinq lignes de services en une offre unifiée.
Système de conception
La conception haute fidélité a été réalisée directement dans un système partagé Elementor. Sans étape distincte de maquette filaire, la structure et la finition ont été décidées ensemble à l’aide de couleurs globales, de styles typographiques, de boutons et de gabarits de sections réutilisables.
Conception haute fidélité
Ordinateur, tablette et mobile
La grille de réalisations et le carrousel à défilement ont été reconstruits en CSS personnalisé pour mobile, avec une correction de curseur et un arrière-plan vidéo masqué qui reste fluide sur toutes les tailles d’écran.
Développement
Créé dans WordPress avec Elementor · Mises en page réactives · Stratégie SEO complète avec Yoast et métadonnées · Configuration de l’hébergement et maintenance technique · CSS personnalisé pour le carrousel et le masquage vidéo
Réflexion
C’était mon premier projet où je prenais en charge la conception, le développement, le SEO et l’hébergement, ainsi que mon premier usage sérieux d’Elementor. Apprendre un outil visuel après des années à coder des sites à la main a d’abord été déstabilisant; de petites choses comme l’espacement adaptatif prenaient plus de temps que prévu. Cette expérience m’a toutefois poussé à penser en composants réutilisables plutôt qu’en pages uniques. Le plus difficile était de conserver une identité visuelle propre à chacun des cinq services sans briser le système partagé. La prochaine fois, je fixerais le guide de style global avant de construire la première page, plutôt que de l’affiner en cours de route.