ronan-hello-logo

Ronan Hello est un site proposant de se former au web par le biais de formations en ligne accessibles. Les formations s’articulent autour de sujet comme la maîtrise du logiciel Matomo mais aussi Google Analytics, Tag Manager et bien d’autres à venir !

Challenge

Le projet de Ronan Hello ? Rendre la formation web simple et accessible pour tous. Pour cela nous avons travaillé sur la création d’un site web, mettant en avant ce service de formation à travers une interface claire et lisible.

Client
Ronan Hello
Service

Création graphique
Développement (Lazuli Agency)

Typo

H1 - Montserrat
H2 - Nunito
Nunito Lorem ipsum dolor amet fixie YOLO organic knausgaard, chicharrones polaroid 90's craft beer dreamcatcher hot chicken pinterest. Slow-carb gluten-free gochujang organic XOXO wolf fixie tote bag. Fashion axe kitsch kale chips squid cardigan green juice single-origin coffee. Trust fund distillery wayfarers, ramps echo park la croix cold-pressed godard gochujang wolf.
#ffba53
#3ed77f
#5867dc
#5e0cb8

Couleurs

ronan-hello-formation-web

Mise en forme

Nous avons voulu rendre la formation web simple, accessible et ludique à travers un univers graphique coloré et simple d’utilisation. Le but étant que la structure des cours soit comprise dès les premières secondes d’utilisation.

Les leçons s’articulent autour d’outils particuliers (Search console, Tag manager …). L’icône de ces outils est donc le premier élément visuel qui permet au visiteur d’identifier une leçon. Nous avons donc créé un code couleur afin que l’utilisateur puisse s’orienter facilement. Ainsi chaque leçon est définie par une couleur particulière qui est ensuite appliquée à tous les composants. Cela permet d’identifier la leçon et ce a tous les niveaux de lecture.

Responsive design

L’interface mobile a été pensée pour être la plus simple possible. Quand vous arrivez sur le cours vous retrouvez les détails importants (numéro du cours, date de publication …). Ensuite viens la vidéo puis le contenu textuel.

Nous avons pris un soin particulier à la mise en avant du contenu textuel sur la plateforme. Notre recherche s’est donc penchée tout particulièrement sur le choix de la typo, la couleur qui devait être choisie, sa taille.

ronan-hello-formation-video

Découvrez les autres projets

king-heart

Envie d'être informé de la sortie de nouvelles créations ?

king-heart

Vous trouvez ça cool ? Si vous souhaitez être les premiers à être au courant de la sortie d’une nouvelle création entrez votre email !