Logo header Raphaëlle Roussel
Logo header Raphaëlle Roussel
logo Demobaza 2018

Arthémon : l'Art de la formation

Site institutionnel Wordpress

Arthémon est un organisme de formation situé à Paris, qui propose aux particuliers et entreprises des formations sur différentes thématiques sous forme d'ateliers théâtre.
Pour ses 20 ans, l'entreprise souhaitait la refonte de son site web, une nouvelle mise en page de sa brochure de formations et également la refonte de son ancien logo.

Réalisations

  • Création logo
  • Charte graphique
  • Wireframing
  • Design web
  • Intégration Wordpress

Outils

  • Photoshop
  • Illustrator
  • Wordpress

Année

  • 2019

Propositions logos

Quelques propositions pour le logo Arthémon : l'axe créatif du rideau de scène, l'axe des masques de la commedia dell'arte et enfin le logo final : l'axe créatif de l'envolée, la créativité , qui était déjà l'axe de création de l'ancien logo.

étapes créatives logo 1 Arthémon
proposition 1 du logo Arthémon
Axe 1 : Rideau de théâtre
étapes créatives logo 1 Arthémon
proposition 2 du logo Arthémon
Axe 2 : Masques théâtre
étapes créatives logo 1 Arthémon
proposition 2 du logo Arthémon
Axe 3 : L'envolée / Logo final

Logo final

Couleurs

logo Arthemon - couleur orange
#FF7B0F
logo Arthemon - couleur violet
#91125A
logo Arthemon - couleur blanche
#000000

Typos

Abel Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 1234567890-=!@#$%^&*()_+

Open Sans Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 1234567890-=!@#$%^&*()_+

logo Arthemon - version violet
logo Arthemon - version negatif
logo Arthemon - version noir

Moodboard


J'ai au préalable crée un moodboard, afin de définir un axe de création pour la nouvelle identité d'Arthémon, en gardant quelques éléments à la demande des associés de l'entreprise .

Moodboard site web Arthemon

Wireframing

Pour les wireframes, j'ai tout d'abord décliné chacune des pages du futur site sur divers devices.

wireframing 1 site web Arthémon
wireframing 2 site web Arthémon
wireframing 1 site web Arthémon

Design web

Arthémon souhaitait un site plus moderne que le précédent, qui conserverait les codes couleurs de son ancienne version (violine, orange).

Le site actuel propose une navigation plus intuitive et permet un accès à l'information plus direct.
En m'appuyant sur le benchmarking précédemment réalisé, j'ai mis en avant les services proposés par Arthémon par des sections clairement définies au travers des différentes pages du site.

Aperçu de la homepage du site web Arthémon
Aperçu de la homepage du site web Arthémon
Aperçu des pages du site web Arthémon
Aperçu des pages du site web Arthémon
Versions responsive ( smartphone )

Brochure

Le contenu des formations n'étant pas directement disponible sur le site, à la demande de l'entreprise, j'ai réalisé la brochure PDF des formations Arthémon à consulter en ligne ou à télécharger.

Brochure des formations inter-entreprises Arthémon