Online Trainers


Description du projet

  • 2012-2015
  • formation
  • cours de langue
  • plateforme en ligne

Online Trainers est une société de cours de langues en ligne. J'ai effectué de nombreux travaux pour eux et participé à l'évolution graphique de la marque.

  • Skills

    • personnage vectoriel
    • illustration
    • set d'icônes
    • bannières web
    • bande dessinée
    • ebooks
    • conception et réalisation graphique
    • web design
    • design print
    • vidéo
    • motion design
  • Clients

    • Online Trainers

Quand j'ai débuté mon travail pour Online Trainers, leur identité visuelle était constituée d'un mélange hétéroclyte de photographie détourées et d'images vectorielles toutes récupérées sur des banques d'images. Le premier projet que j'ai eu à faire pour eux a été de proposer une identité visuelle plus cohérente, tout en conservant leur logo et leurs couleurs. J'ai d'abord proposé un style dessin et couleurs en applats puis du photomontage/vectoriel. Le photomontage est resté leur style pendant un moment.

Déclinaison photomontage pour l'entête de leur site.

Kit de banières

Mailings. Je ne m'occupais pas uniquement du design des emailings mais le design complet du gabarit et de l'image, en passant par l'intégration html et en finissant par l'analyse statistique des résultats. Seul l'envoi des emailing et la création des campagnes ne m'était pas attribué.

Landing page pour le programme d'affiliation.

Vidéo promotionnelle. Je conçoit et réalise cette vidéo dans un but à la fois promotionnel et didactique. L'idée directrice de la vidéo est de faire évoluer l'action autour du logo de la marque (casque audio) qui se révèle à la fin. La double fonction promotion et tutorial m'a été demandé. Cependant ce format s'est révélé inadéquat. En effet, les personnes souhaitant juste découvrir la marque quittaient rapidement cette vidéo trop longue et les adhérants du programme cherchant un didacticiel trouvaient probablement la narration un peu trop supperflue.

Le besoin d'une refonte de l'image de la marque se fait sentir. Je commence par proposer une étude de couleur et de typographie en conservant comme base le logo et le orange caractéristique de la marque.

Ensuite je passe par l'adaptation de la plateforme aux propositions faites pour la charte graphique. La plateforme devait garder la même structure, il s'agit seulement d'un habillage.

Pour l'occasion je crée des icônes pour compléter le set actuel.

Mes recherches et les décisions successives du client, ont mené à cette nouvelle identité visuelle à base de tableau noir, dessin à la craie et photo qui plait beaucoup et est plus cohérente avec leur activité de cours de langue. Ici vous voyez un avant/après du design de la plateforme.

Je crée un nouveau set d'icônes

Pour animer un peu la plateforme, la page d'accueil change à chaque connection sur un pays différent.

Ici la déclinaison des autres pages de la plateforme

Une autre vidéo est donc programmée pour correspondre à la nouvelle charte graphique. Mais également pour répondre au besoin uniquement promotionnel cette fois et beaucoup moins long. Je crée le scénario, réalise le filmage, montage, illustrations et effets.

Le site web est complètement refondu pour l'occasion. Je m'occupe de son design et de son développement sans CMS en n'utilisant que la boiler-plate bootstrap ( car il s'agissait d'un site statique et j'étais compétente pour le maintenir ).

Un flyer selon le nouveau design

Plus tard d'autres projets me seront proposés comme la conception de l'application mobile.

Une série d'ebook.

J'ai également conçu un système de cartes cadeau personnalisables en live sur le site web et imprimables depuis chez soi, dont j'ai également créé les visuels à partir d'images libres de droit.

Dans les outils modifiables en live, j'ai aussi créé cette page de customisation de la plateforme pour les marques blanches.

Un "angry teacher" pour surffer sur une tendance qu'adoptaient les concurrents.

Quelques flyers.

J'ai proposé des bandes dessinées courtes. L'une sur la génèse des lettres de l'alphabet. à gauche vous voyez un extrait pour la lettre A. L'autre sur les mots ou expressions intraductibles. à droite vous avez l'exemple pour "Mamihlapinatapaï", un mot en Yagan, qui signifie "un regard partagé entre deux personnes dont chacune espère que l'autre va prendre l'initiative de quelque chose que les deux désirent mais qu'aucun ne veut commencer".

Et enfin un certificat à remettre aux utilisateurs de la plateforme.

  • Online Trainers-1
  • Online Trainers-2
  • Online Trainers-3
  • Online Trainers-4
  • Online Trainers-5
  • Online Trainers-7
  • Online Trainers-8
  • Online Trainers-9
  • Online Trainers-10
  • Online Trainers-11
  • Online Trainers-12
  • Online Trainers-13
  • Online Trainers-15
  • Online Trainers-16
  • Online Trainers-17
  • Online Trainers-18
  • Online Trainers-19
  • Online Trainers-20
  • Online Trainers-21
  • Online Trainers-22
  • Online Trainers-23
  • Online Trainers-24

Me suivre aussi sur...