Comment Scroll a désigné et développé un site décalé et interactif ?

Secteur :
Agence de communication
Missions :
Branding
Site internet
Technologies :

En mars 2021, la toute naissante agence Woopah contacte Scroll pour être accompagnée dans son lancement. Coline et Shana ont lancé leur agence de communication en mai 2021, et qui dit création d'agence de communication dit inévitablement création d'un site pour être présent sur internet et être crédible aux yeux de leurs futurs collaborateurs.

Woopah cherchait donc une agence web à l'écoute de leurs attentes et leurs souhaits pour développer un site à leur image avec une équipe à l'écoute de leurs besoins.

01. Prise de brief

Lors du rendez-vous de prise de brief, les fondatrices ont expliqué qu'elles avaient besoin d'une image de marque complète qui reflète leur positionnement. De plus, il fallait réaliser des bannières pour illustrer le site et une maquette découlant du branding pour établir l'apparence de leur futur site web.

Le tout devant coller avec leur slogan : "Agile et culotté".

02. Spécificités

Création du branding

Les fondatrices voulaient une image de marque décalée, atypique, féminine et qui représente les valeurs de leur agence : transparence, agilité, confiance. La partie branding a donc été développée avec ses attentes. Cela comprenait la création de plusieurs éléments : un logo, une charte graphique, des bannières pour habiller le site internet et une maquette sur-mesure qui a servi par la suite au développement du site web.

Création du site internet

L'objectif était de créer un site vitrine qui représente leur agence et leur personnalité forte. Leur slogan "agile et culotté" devait y être bien représenté. Le site devait également permettre à Woopah de créer du contenu : USE CASE, blog, afin de montrer leurs compétences et leurs expériences.

Problème

Le problème était de réussir à créer une image de marque, une maquette et enfin un site vitrine qui reflète les valeurs funs et décalées de Woopah, tout en proposant une offre claire et compréhensible.

03. Développement

Création du branding

Pour la création du logo notre UI/UX designer a donc pris en compte les attentes des fondatrices qui étaient d'avoir un logo pouvant s'animer : chose qui a été faite sur leur site. Le logo a été créé avec le nom de la marque et a été construit de sorte à ce que chaque élément puisse se détacher et créer une animation.

Pour la création des bannières (toujours dans un esprit décalé), elles sont animées pour apporter de l'interactivité au site. Plusieurs étapes ont été nécessaires pour la création des bannières, la première était la définition des mots-clés à illustrer, ensuite, il fallait créer des visuels en rapport avec ses mots-clés et les modifier selon la demande client. Pour finir, des textes ont été rajouté et des animations. Tout cela a été créé sur photoshop.

Pour créer la maquette, notre UX/UI manager a créé différents moodboards. Par la suite, Woopah s'est positionné sur l'un d'entre eux, ce qui a permis de créer les éléments de la maquette.

Création du site web

Le site vitrine de Woopah a été développé sur Webflow.

04. Choix des outils

File:Webflow logo.svg - Wikimedia Commons

Pour le développement de leur site web, c'est Webflow qui a été choisi, répondant parfaitement aux besoins du projet, grâce à sa grande flexibilité au niveau du développement : permettant de répondre au design avancé, mais aussi grâce à son back-office maniable permettant de gérer le contenu facilement.

Figma logo DOWNLOAD in SVG or PNG format - LogosArchive

Pour la partie branding, les bannières ont été réalisées sur photoshop et la maquette sur Figma.

05. La collaboration

Tout au long du projet la collaboration entre Scroll et Woopah était fluide, le projet demandant beaucoup de validation et de changements de la part des créatrices cela a donc facilité énormément la rapidité du projet. De plus, le communication s'est faite exclusivement en visio, ce qui aurait pu être un frein au vu de la complexité de certains éléments du projet. Comme quoi même à distance, tout peut bien se dérouler.

06. Résultat

Le site a vu le jour, le 25 août 2021, ce dernier a rencontré un franc succès. Le site a fait l'unanimité auprès de leur communauté. L'originalité et les risques pris n'ont pas été vains puisqu'elles ont reçu une vague de commentaires positifs.

Score de A sur GT Metrix

Discutons de votre projet