Le site de PIAmot Formation a été conçu dans le but de présenter les différents niveaux d’apprentissage proposés notamment aux professionnels, afin de leur permettre de se familiariser avec l’outil (de la découverte à la maîtrise du clavier), selon leurs objectifs.
Aperçu de la page d’accueil du site de PIAmot Formation
Mon travail a été de proposer un design de base pour les fonctionnalités et les pages principales du site (ex. : page d’accueil publique, tunnel d’inscription, tableau de bord une fois connecté(e)) et de déterminer l’ambiance graphique générale de la plateforme. Cela est notamment passé par la refonte du logo déjà existant du Carnet en Ligne.
Aperçu du logo et du tableau de bord de L’Annuaire du Carnet en Ligne – 2021
Aperçu de la page d’accueil publique du Carnet en Ligne – 2021
Documents et supports annexes autour de L’Annuaire et du Carnet en Ligne
En plus de la plateforme en tant que telle, j’ai élaboré divers supports de communication et de documents visant à promouvoir le Carnet en Ligne.
Supports numériques
Réalisation d’un template de newsletter pour La Lettre mensuelle de L’Annuaire du Carnet en Ligne
Création d’une bannière pour la page LinkedIn du Carnet en Ligne
Création d’un modèle de courrier pour les Ambassadeurs du Carnet en Ligne modifiable via un logiciel de traitement de texte
Création d’une base graphique pour des présentations sur écran
Aperçus (de gauche à droite) : La Lettre de L’Annuaire avec une mise en situation sur mobile et ordinateur, la bannière LinkedIn, le courrier des Ambassadeurs et la base graphique pour les présentations sur écran – Le Carnet en Ligne – 2021
Retrouvez ci-dessous quelques exemples de sites web dont j’ai réalisé le design et le graphisme.
Sites vitrines 2021
Aperçus des pages d’accueil sur bureau et mobile des sites vitrines du Transport du Coglais et de l’Hôtel Médor – 2021 (Crédits photos : Transport du Coglais / Unsplash)Aperçus des pages d’accueil sur bureau et mobile des sites vitrines de La Fabrique Publicité et de CM Recyclage – 2021 (Crédits photos : La Fabrique Publicité / 123RF)
Le Voyage Immobile (2021)
Site vitrine d’une entreprise qui propose des voyages aux quatre coins du monde pour l’enseignement, les associations et les particuliers.
Maquette de la newsletter de lancement et présentation du site sur ordinateur et mobile – 2021 (Crédits photos : 123RF et Unsplash)
Site e-commerce, fournisseur d’équipements pour les points de vente et les commerces.
Mise en situation et aperçu de la maquette de l’accueil du site – 2019-2020 (Crédits photos : L’Ensemblier et 123RF)Mise en situation et aperçu de la maquette de la page-type catégorie – 2019-2020 (Crédits photos : L’Ensemblier et 123RF)Mise en situation et aperçu de la maquette de la page-type produit – 2019-2020 (Crédits photos : L’Ensemblier)
Site vitrine adaptatif aux écrans mobiles pour un restaurant
Fonctionnalités principales : présentation du restaurant, descriptif des menus et des prestations (réceptions / cocktails), formulaire de réservation
Mise en situation et aperçu de la maquette de l’accueil – 2018 / 2019 (Crédits photos : Le Septentrion)Mise en situation et aperçu des maquettes sur tablette – 2018 / 2019 (Crédits photos : Le Septentrion)
Présentation de la propriété et du domaine (avec visite virtuelle de la demeure)
Présentation de la région et des environs
Possibilité de faire des demandes de réservation
Contact et accès
Domaine Jean du Claud – Refonte du site web – Page d’accueil (Sources photos : Domaine Jean du Claud)Domaine Jean du Claud – Aperçu de la partie ‘Réservations’ en 3 étapes, sur tablette et mobile (Sources photos : Domaine Jean du CLAUD)
Retrouvez ci-dessous quelques exemples de newsletters que j’ai réalisées (maquette + intégration) :
Aperçu de la newsletter de L’Ensemblier sur le thème des soldes – Juin 2019 (Photos des produits : l’Ensemblier)Aperçu de la newsletter de l’hôtel des Acacias sur le thème de la Saint-Valentin – Février 2019 (Sources photos : 123RF)Exemples de bannières de newsletters pour Equip’Pro – 2019 (Sources photos : 123RF, photos des produits : L’Ensemblier)
Accompagnement des clients dans les démarches pour obtenir le produit souhaité (prise de contact et échanges avec l’imprimeur et l’encadreur notamment).
Les étapes de réalisation, illustration personnalisée pour un cadeau d’anniversaire – Novembre 2020Mise en situation de l’illustration personnalisée pour un cadeau d’anniversaire – Novembre 2020 – Crédits photos : Jelena Mirkovic / Unsplash
Pour d’autres exemples d’illustrations personnalisées, vous pouvez consulter les liens suivants :
Des flyers, des dépliants et des plaquettes commerciales pour promouvoir votre activité professionnelle ou associative
Voici quelques exemples de supports imprimés réalisés pour des professionnel(le)s :
Flyers recto verso au format « DL » (99 x 210 mm) pour deux kinésiologues, dont vous pouvez retrouver les projets complets ici (CorpoWell) et ici (Anne-Lise SANLOUP) – 2020
Dépliant 3 volets A4 (297 x 210 mm) réalisé pour la plateforme monaSTAY – 2017
Aperçu des flyers et du dépliantAperçu de la plaquette (1ère de couverture – pages internes – 4e de couverture)
Des affiches pour promouvoir vos événements
Voici quelques exemples de flyers et d’affiches réalisé(e)s pour des associations :
Vélo Jeunes Aventure : affiche au format A3 (297 x 420 mm) déployée sur format A4 (210 x 297 mm) et format A5 (148 x 210 mm) pour la promotion d’une course de VTT – 2020
UFOLEP Manche : affiche au format A3 (297 x 420 mm) et flyer recto verso A5 (148 x 210 mm) pour la promotion d’un raid – 2018
Aperçu des affiches et des flyers
Des livrets pour mettre en avant vos menus et vos produits
Cette offre s’adresse plus particulièrement :
aux commerçant(e)s du secteur alimentaire (boucheries / traiteurs, boulangeries, fromageries, cavistes, etc.),
aux restaurants, bars, salons de thé, etc.
qui souhaitent mettre à disposition des client(e)s leurs cartes et leurs offres tout au long de l’année ou lors de périodes spécifiques comme les fêtes de fin d’année, la Saint-Valentin, Pâques, l’été…
Aperçu de la création graphique d’un livret de 8 pages pour les offres de fêtes de fin d’année d’un traiteur basé à LENS (réalisation dans le cadre de ma collaboration avec l’agence IBWeb Communication) – 2021
Bon à savoir
La création graphique d’un document destiné à l’impression peut facilement être adaptée pour une exploitation dématérialisée (ex. : envoi du document par mail ou accessible via un lien de téléchargement).
Comme la plupart des enfants, j’ai dû commencer à faire mes premiers gribouillages vers l’âge de trois ans. A l’époque, j’étais à mille lieues d’imaginer que cet ensemble de formes et de traits constituaient en fait le point de départ d’une activité qui deviendrait un élément majeur de ma personnalité.
Héritage familial
Grâce à mes parents et à leur attrait prononcé pour la littérature et pour la bande dessinée, j’ai eu accès à tout un ensemble de livres et d’albums qui m’ont servi d’inspiration pour développer mon coup de crayon. Durant ma jeunesse, deux dessinateurs qui m’ont particulièrement influencée, à savoir Marcel MARLIER (notamment la série Martine) ainsi que Pierre PROBST (Caroline et ses amis Noiraud, Pouf, Youpi…), dont j’ai toujours les ouvrages dans ma bibliothèque. Je me faisais la main en recopiant les illustrations. Ainsi, mon intérêt pour le dessin de personnages et d’animaux a-t-il toujours été une composante importante de mon travail. Dès que les bases de l’écriture furent acquises, je me suis tournée vers la bande dessinée afin de pouvoir créer des personnages et leur donner vie. Comme MARLIER ou PROBST, j’avais aussi mes personnages fétiches, des chiens anthropomorphes, qui avaient droit à leur propre série de BD.
Souvenirs d’école (la classe et la cantine) – Archives 1996-97
Etant à l’époque passionnée d’équitation, les aventures de mes personnages étaient à la fois inspirée de ma propre pratique et de l’univers développé par Bonnie BRYANT dans sa série de livres jeunesse Grand Galop, dont j’étais une grande lectrice. Il a fallu attendre le collège pour que mes personnages deviennent des humains en tant que tels et que je commence réellement à développer mon propre style.
Aperçu de ma production de bandes dessinées de 1997 à 2001 (à gauche) et de 2002 à 2008 (à droite)
Et le Japon dans tout cela ?
Comme vous êtes sur mon site, vous avez très certainement pu remarquer mon goût pour le Japon, les références à celui-ci étant nombreuses, en commençant par mon logo. C’est également un thème prépondérant dans mes créations personnelles.
En tant que dessinatrice, il aurait été tout à fait possible que mon attrait pour la culture nippone provienne de la découverte des mangas. Or, il n’en est rien. J’ai commencé à lire mes premiers mangas aux alentours de vingt ans (ce qui est assez tardif par rapport à ma découverte du Japon) et ma référence favorite en la matière, par son style graphique soigné et les sujets de vie quotidienne qu’il traite avec délicatesse et émotion, Jirô TANIGUCHI, est loin d’être le plus japonais des mangakas, puisqu’il a toujours été très influencé par les auteurs européens de bande dessinée.
Mon attrait pour le Japon s’est révélé d’une autre manière. Sans avoir une idée précise de son origine, quand je regarde mes vieux dessins sur le sujet datant d’une petite vingtaine d’années, ce sont les kimonos, les katanas et la culture du zen qui reviennent le plus souvent, soit le témoignage d’une sensibilité vis-à-vis d’un savoir-faire et d’un état d’esprit.
Cette réceptivité s’est renforcée au fil des ans, à mesure que je grandissais et que j’engrangeais de la connaissance sur cette culture.
Je suis tout simplement fascinée par cette perpétuelle volonté d’atteindre la perfection dans chaque chose accomplie. Raffinement, délicatesse, équilibre, harmonie, tels sont les mots qui me viennent à l’esprit quand je pense à la culture japonaise.
Je me suis tout simplement retrouvée dans cette conception du savoir-faire et de l’esthétisme, et c’est ce vers quoi j’essaie de tendre quand j’exerce mon travail de designer-graphiste ou quand je dessine.
Jeu d’encens, dessin de 2003 (à gauche) / Études de Kendo, 2010 (à droite)Sérigraphie réalisée en réaction aux événements de Fukushima, 2011 (à gauche) / Enveloppe réalisée dans le cadre du concours d’enveloppe de la Japan Expo grâce à laquelle j’ai gagné ma place : ), 2012 (à droite)
Pratique personnelle quotidienne
Je crois faire partie des autodidactes qui ont cherché à développer leur style en travaillant avec passion et détermination au fil des ans, dès qu’un moment de libre se présentait. Je n’ai jamais vraiment pris de cours de dessin et mon lien réel avec les écoles d’art s’est bâti lorsque j’ai été admise aux Beaux-Arts en 2007, soit à 19 ans… De plus, une fois entrée dans l’établissement, je me suis focalisée sur le design-graphique et mon projet de fin d’études, cinq ans plus tard, était axé sur l’étude de l’information et la visualisation de données…
Chaque chose à sa place
Le graphisme, en plus d’être ma profession principale a été et est toujours très bénéfique pour ma pratique du dessin. En effet, devant petit à petit abandonner le format de la bande dessinée, faute de temps, je me suis tournée vers le format du texte illustré, où l’image n’était en fait qu’une traduction quasi-littérale de l’écrit. L’étude et la pratique du graphisme m’ont permis d’aller plus loin en m’orientant vers l’illustration plus subtile, porteuse de sens, qui peut se suffire à elle-même, à l’instar d’un logo correspondant l’esprit et à l’essence d’une entreprise.
Vers le partage…
Désormais, c’est en suivant cette voie que je produis de nouveaux travaux et que j’ai eu envie de partager tout cela, en créant un compte personnel Instagram, @cdegouville_dessins, en 2020. Les retours étant plutôt positifs, j’ai sérieusement commencé à réfléchir à la possibilité de proposer à la vente certains de mes travaux, à l’instar de nombreux artistes et illustrateurs présents sur les réseaux sociaux. C’est vrai, après tout, pourquoi pas moi ?
En attendant que les choses se concrétisent davantage, si vous souhaitez voir d’autres illustrations, je vous invite à consulter mon compte Instagram. Par la suite, il sera mon principal vecteur de communication pour promouvoir mes dessins. À bientôt !
Illustration vectorielle sur le thème de la veille de Noël : représentation d’un village de montagne enneigé et illuminé par des guirlandes.
Impression sur un papier légèrement pailleté afin d’apporter une touche festive à l’ensemble.
Format A5 (148,5 x 210 mm)
Quelques photos des exemplaires de la carte
Carte de vœux professionnelle – Aperçu général – Décembre 2019 Carte de vœux professionnelle – Détail de l’illustration vectorielle – Décembre 2019 Carte de vœux professionnelle – Détail du grain du papier – Décembre 2019 Carte de vœux professionnelle – Aperçu de mon logo – Décembre 2019
Dans cette optique, j’ai commencé par me procurer un répertoire papier mais le manque de place pour certaines lettres s’est vite fait ressentir. Il fallait donc que je trouve quelque chose de plus évolutif et de facilement modifiable.
Après réflexion, je me suis naturellement tournée vers le format numérique. C’est donc en m’inspirant de l’application que j’utilise pour réviser tous les jours que mon dictionnaire a commencé à prendre forme.
Actuellement, je travaille sur ce projet dès que j’ai un peu de temps de disponible. En effet, outre l’aspect usuel de l’outil dans le cadre de mes cours de japonais, me lancer dans la réalisation de ce dictionnaire numérique me permet de faire appel à mes compétences en matière de création graphique, de design et de développement web et donc de progresser en la matière.
De quoi ai-je besoin ?
Identification des fonctionnalités
J’ai
identifié 4 actions de base en partant de la langue française, à
savoir :
ajouter des mots,
accéder à la liste des mots classés par ordre alphabétique, avec une possibilité de consultation transversale par type de mot,
rechercher un mot,
réviser les mots de façon simple (sélection d’un mot français au hasard avec sélection de la bonne traduction japonaise parmi trois possibilités).
Ces fonctionnalités sont accessibles via un tableau de bord, uniquement consultable par identification. En effet, en tant qu’outil personnel et donc propre à son utilisateur, cela m’a paru logique de ne pas laisser le dictionnaire consultable publiquement. C’est pour cette raison que je réfléchis, en parallèle, à une page publique de présentation de l’outil.
Aperçu de la maquette du tableau du bord pour un ordinateur de bureau. – 2019 Extrait de la page publique en cours de maquettage (partie présentation du tableau de bord) – 2019
Choix techniques
Mon dictionnaire est en cours de développement sur une base WordPress 5 (PHP), à partir de laquelle j’enrichis et modifie les fonctionnalités de base. Cela me permet de créer un thème sur-mesure et adapté à mes besoins. À ce jour, la majorité du travail restant réside surtout dans la mise en forme (intégration CSS / HTML / JS) de certains éléments.
Identité visuelle, design et graphisme
Le
logo de mon dictionnaire, que j’ai simplement nommé kuremansu
no jisho
(クレマンス
の じしょ)
ou « Le dictionnaire de Clémence » est la fusion
d’un éventail (évocation du Japon, renforcée avec le rappel du
drapeau) avec un livre (évocation du dictionnaire).
Le rouge s’est naturellement imposé comme la teinte dominante de l’outil, dans le but de rester cohérent avec le logo et donc, par extension, avec le drapeau japonais.
Afin d’apporter une touche ludique à mon dictionnaire, j’ai créé une mascotte que l’on peut retrouver un peu partout sur le site (pour notamment illustrer les 4 fonctionnalités) et sur le logo. Je l’ai conçue à partir du kanji 学 (gaku), qui signifie étudier / apprendre.
Aperçu du logo du dictionnaire avec la mascotte – 2019 Aperçu des déclinaisons de la mascotte pour chacune des fonctionnalités principales (de g. à dr. : ajouter un mot, sélectionner un mot au hasard, consulter la liste des mots, rechercher un mot) – 2019 Aperçu des déclinaisons de la mascotte – Gestion de la réponse (bonne/mauvaise) pour la révision d’un mot par la sélection aléatoire Versions mobiles – 2019
Aperçus des pages
Voici quelques mises en situation des pages déjà développées, à la fois sur mobile, tablette et ordinateur de bureau. J’ajouterai les autres dès qu’elles seront terminées 😉 !
Aperçus responsives de la page-type ‘Liste’ – 2019 Aperçus responsives de la page-type ‘Mot’ – 2019 Aperçus responsives de la page ‘Choisir un mot au hasard’ – 2019