Thotèque – illustrations et webdesign

Thotèque est une plateforme en ligne qui permet à ses utilisateurs de partager et lire des histoires en ligne. La cliente très attachée aux concept de rencontre et de partage souhaitait créer un univers convivial, simple qui permette à des enfants et à des jeunes d’hopitaux, d’écoles ou d’autres institutions de partager leurs écrits. Le but est favoriser le lien, le partage, le désir de transmettre autour d’un univers bien particulier : celui du voyage et de l’espace.

Cette métaphore sert de fil directeur à l’identité graphique du site : les auteurs ont chacun leur planète sur laquelle on peut découvrir leurs oeuvres. Ces auteurs sont réunions dans des univers. Les lecteurs partent en exploration de ce petit cosmos d’histoires au fil des liens du site. Le défis a été d’avoir à la fois une identité graphique forte qui rappelle l’espace et le voyage, tout en mettant en avant le contenu principal du site, à savoir les textes des auteurs.

J’ai travaillé sur ce projet en partenariat avec Martin Roy qui a lui pris en charge toute la partie intégration et développement.

Client : thoteque.com

Date : Décembre 2014


Travail sur la typographie responsive

La lisibilité des textes sur différents supports que ce soit grand écran, mais également mobile et tablette a donc priomordiale pour ce projet. Pour m’en assurer, j’ai créé avant la phase de design un protype de typographie responsive. Il m’a permis de tester et valider la lisibilité du texte à différentes tailles.

Typographie Responsive

Travail de manière flexible avec un guide de styles

Après avoir fait valider l’ergonomie du site à l’aide de wireframes, nous avons décidé de travailler de manière plus flexible avec le développeur. La création graphique a été faite sous forme de style des guide qui présente différentes parties du site, ainsi que les boutons et les illustrations.


L’accueil

Thotèque Accueil


Une page livre et une page chapitre

Thotèque Livre et Chapitre


La page auteur

Page auteur Thotèque


Le menu off-canvas

Menu Offcanva Thotèque


Le style guide et les illustrations

styleguide

Travail sur l’optimisation mobile responsive

Nous avons travaillé main dans la main avec Martin pour la version responsive. Il a travaillé directement dans le navigateur à partir de différentes consignes de redimension des blocs et éléments que je lui ai fourni. Le but est de proposer une expérience de lecture agréable quelque soit l’appareil de l’utilisateur.

optimisation mobile responsive pour Thotèque

 

Pandasuite, le site vitrine

Pandasuite, le site vitrine

Identité graphique avec version mobile

Menu Responsive et Retina-Friendly

Menu Responsive et Retina-Friendly

Designé et Optimisé pour mobile et tablette

#WdStr- Webdesigner Strasbourg

#WdStr- Webdesigner Strasbourg

Site responsive et visuels de réseaux sociaux