logo Arthémon Formations

Arthémon : l'Art de la formation

Site institutionnel Wordpress

Arthémon est un organisme de formation situé à Paris, qui propose aux 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 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é.

é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
#FF7B0F
Typos
Abel Regular

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

Open Sans Regular

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

Variante colo 1 - Logo Arthémon
Variante colo 2 - Logo Arthémon
Variante colo 2 - Logo Arthémon

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

Wireframes


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

Wireframe desktop site web Arthemon
Wireframe tablette site web Arthemon
Wireframe mobile site web Arthemon

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.

Design web 1 site web Arthemon
Design web 2 site web Arthemon
Design web 3 site web Arthemon
Design web 4 site web Arthemon
Versions responsive (smartphone)

Brochure

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

Projet suivant
Demobaza : fashion of the future