Pour ce projet, la demande était de faire un design pour une future agence web de façon à ce qu’elle puisse clairement se démarquer des autres agences. J’ai utilisé Figma comme logiciel de design.

Vous avez accès ici à la page d’accueil :

Version table (pas d’interactivité) 

Version mobile (interactivité seulement sur le bouton menu)
https://www.figma.com/proto/DnuF5VfNP0IcxKXDSQrol2oY/Allegro-pour-portfolio?node-id=0%3A1&scaling=min-zoom

Comme notre clientèle cible pourrait venir de tous acabits, il m’a semblé important que la première impression du site web de notre agence marque et se distingue des autres agences web. Le grand fil conducteur de notre concept est la musique, d’où le nom de l’agence : Allegro. Le thème de la musique a été choisi pour son alliance de l’art (créativité) et de sa rigueur mathématique tout comme le web allie harmonieusement le design et la programmation.

Allegro, en musique, représente une pulsation rapide et joyeuse. Le design est donc construit de façon rythmé dans sa composition graphique : par l’alternance les zones de couleurs vives et pleines avec les zones blanches épurées et par l’alternance des formes organiques avec les formes carrées ou triangulaires. Les allusions à la musique sont subtiles, mais omniprésentes par les clefs en filigrane sous la section des réalisations, la forme de violon et les lignes de la portée dans le pied de page. Puis, éventuellement par des animations CSS d’icônes. Les deux teintes de mauve en dégradé et le flat design épuré présents dans la page sont en accord avec les dernières tendances du web. De même que les formes organiques toutes dessinées à la plume vectoriel.

La typographie du logo et titre / sous-titre est hors du commun par ses formes géométriques. J’ai utilisé ici Major Mono Display. C’est d’ailleurs de là que découle l’idée du logo en triangle représentant le « A » de « Allegro ». Le triangle est un symbole fort de puissance, de résilience et de solidité. Pour le texte courant j’ai utilisé Open Sans pour sa grande lisibilité et son côté un peu rond, donc plus organique. Décidément, ce design représente bien le concept intentionné et le comble les besoins de l’agence web Allegro.