ESGI

Site web

L'ESGI est une école ancrée dans le secteur informatique. Située à Paris, elle forme de Bac à Bac+5 des professionnels de l'informatique, des systèmes d'information et du numérique.

scroll

flèche vers le bas

Introduction

L'ESGI n'avait pas connu de refonte de son site depuis début 2016. Cette nouvelle refonte sur laquelle j'ai travaillé date d'octobre 2019. Ce projet a duré 8 mois de la veille jusqu'à la livraison. Nous étions deux graphistes sur la création du site.

Mon rôle

En collaboration avec mon collègue graphiste, nous avons réalisé la charte graphique, l'évolution de l'identité et les maquettes graphiques. Ainsi, nous avons travaillé sur une vision plus "modernisée" d'une école informatique. La conception des maquettes fonctionnelles a été produite par l'équipe digital avec qui nous nous sommes associés pour ce projet. Enfin, l'équipe de développement web a intégré nos maquettes.

La Charte Graphique

Nous avons conçu nos propres patterns afin d'illustrer les différentes filières. On y retrouve un motif représentant chacune des spécialités. Notre charte possède deux typographies différentes :

  • - Monument Extended
  • - Roboto
  • C100
  • M89
  • J45
  • N52
  • R0
  • V27
  • B64

HEX.#001b40

  • C59
  • M0
  • J11
  • N0
  • R0
  • V234
  • B255

HEX.#00eaff

  • C3
  • M9
  • J92
  • N0
  • R254
  • V222
  • B0

HEX.#fede00

#

Le Logo

Nous avons respecté la demande en ne faisant aucune refonte majeure du logo. Nous l'avons actualisé avec les couleurs de notre nouvelle charte graphique.

Les maquettes

Nous nous sommes répartis les maquettes avec mon collègue. Après avoir défini notre charte, nous avons pris en compte le mobile first. Nous sommes partis sur le plus petit format possible pour les maquettes mobile et desktop. Cela nous a permis de designer nos interfaces de manière responsive.

Découvrir le site

Homepage avant la refonte graphique et structurelle

Maquettes après la refonte