Une refonte complète UI/UX conçue pour offrir à une agence de marketing la présence qu'elle avait méritée.
Gigawatt Group est une agence de marketing créatif définie par des idées audacieuses et une vision stratégique, mais leur site web avait cessé de le refléter. Ce que la marque représentait en personne ne transparaissait pas en ligne. Elle a pris en charge la refonte complète UI/UX pour combler cet écart: alignant la présence numérique de l'agence avec la qualité et l'ambition du travail qui la sous-tendait.
APERÇU
LOGICIELS
Figma
FigJam
Wordpress
Illustrator
Photoshop
Procreate
CLIENT
Gigawatt Group
SECTEUR
Marketing numérique et médias créatifs
CRÉDITS
Conception UI/UX et web · Illustration numérique → Yasmine Bouchlaghem
Marketing et direction artistique → Jim McNulty
Stratégie marketing → Orlando Trott
SERVICES
Conception web
UI/UX
Illustration numérique
Gigawatt Group avait un site web qui ne reflétait plus le niveau de savoir-faire de l'agence, avec un langage visuel et une structure qui semblaient en décalage avec son identité en évolution. Mais au-delà de l'esthétique, le problème fondamental était celui de la perception. Pour une agence créative, le site web est le travail lui-même, et celui-ci n'exprimait pas pleinement la profondeur de ses capacités.
La refonte devait aller au-delà d'une mise à jour visuelle. Elle devait établir la confiance au premier regard, communiquer les compétences avec clarté et exprimer un point de vue distinct. L'objectif était de créer une expérience qui soit indubitablement Gigawatt Group, la démarquant dans un espace où de nombreux sites d'agences commencent à sembler interchangeables. La portée a été délibérément calibrée comme un rafraîchissement de marque plutôt qu'une refonte complète: préservant ce qui fonctionnait tout en élevant ce qui ne fonctionnait pas.
DÉFI
APPROCHE STRATÉGIQUE
En étroite collaboration avec le directeur artistique et la stratège marketing senior, l'équipe a débuté par une série de sessions de travail stratégiques pour s'aligner sur le positionnement, l'audience et les priorités de messagerie, établissant une direction claire sur la façon dont la marque devait être vécue en ligne. Sur cette base, une carte de site complète a été développée pour définir non seulement où le contenu résidait, mais le rôle que chaque section jouait dans la narration globale de la marque. Chaque page a été abordée simultanément à travers deux prismes: ce que l'utilisateur avait besoin de comprendre, et ce que l'entreprise cherchait à communiquer. Ce double cadre est devenu le fondement de toutes les décisions qui ont suivi, s'assurant que la refonte serait aussi intentionnelle que réfléchie.
Elle a également créé une suite complète d'illustrations et d'iconographie personnalisées, dotant la marque d'un vocabulaire visuel distinct qui allait bien au-delà de ce que tout gabarit ou élément de stock aurait pu offrir. Ces éléments ont été intégrés aux mises en page pour soutenir la narration à chaque niveau de la page, transformant l'expérience de quelque chose de passivement défilé en quelque chose de personnel et véritablement ressenti.
Plutôt que d'adapter les mises en page aux écrans plus petits en fin de processus, chaque décision de design a été prise en tenant compte de l'ensemble des appareils dès le départ, afin que l'expérience soit réfléchie et adaptable à chaque taille.
Tout au long du processus, des révisions itératives avec le directeur artistique et la stratège numérique senior ont maintenu le travail ancré. Les meilleurs résultats de design proviennent rarement d'un travail en isolation, et ce projet n'a pas fait exception. La collaboration a apporté des questions plus précises, de meilleures réponses et, en définitive, un site où rien n'était arbitraire et où tout avait sa place méritée.
DÉMARCHE CRÉATIVE
Une fois une base stratégique claire établie, elle est passée à la conception des mises en page, en commençant par des maquettes filaires axées sur la hiérarchie, le flux et la clarté compositionnelle avant d'introduire tout traitement visuel. La rigueur de cette étape était intentionnelle: lorsque la structure est résolue en premier, chaque décision stylistique qui suit dispose d'un socle solide sur lequel s'appuyer.
Une fois l'architecture établie, elle a développé le langage visuel en présentant des cadres de style. La typographie a été sélectionnée avec soin, avec des choix de polices intentionnels qui ont modernisé la voix de la marque sans effacer ses fondations. Un système de dégradés personnalisé a été construit comme un outil de design réfléchi, chaque dégradé étant calibré selon le ton émotionnel de son contenu environnant, ajoutant profondeur et mouvement sans compromettre l'intégrité de la mise en page.
RÉSULTAT
Le site web relancé de Gigawatt Group a aligné leur présence numérique avec leur identité créative. Une navigation plus claire a réduit la friction pour les nouveaux visiteurs. Le design visuel raffiné, construit sur un système cohérent de dégradés personnalisés, d'illustrations dessinées à la main et de typographie, a positionné l'agence comme un partenaire créatif réfléchi, crédible et distinctement moderne, se démarquant dans un marché saturé.
Le résultat était bien plus qu'un rafraîchissement visuel. C'était une plateforme construite avec intention, où chaque interaction a été pensée pour créer un parcours utilisateur fluide à travers les appareils, équilibrant clarté, performance et réactivité pour s'assurer que l'expérience soit aussi sans effort qu'engageante.
Développement d'une bibliothèque évolutive d'illustrations personnalisées, appliquées de manière cohérente à travers le site web.
Construction d'un système de dégradés personnalisé avec des expressions distinctes adaptées aux différentes sections du site.
