Claire HAHN

Chef de projet digital

Calendrier de l’Avent 2020

Pour cette année 2020, j’avais vraiment envie de faire un calendrier qui nous suggérerait ce qu’on pourrait regarder quel soir jusqu’à Noël pour éviter la question existentielle « on regarde quoi ce soir ? » qui nous fait rentrer dans une question infini généralement suivi de la réponse « je sais pas tu veux regarder quoi ? ».

Oui ma vie ressemble à celle des vautours du livre de la jungle.

Ensuite, de fil en aiguille, je me suis retrouvée à faire un calendrier en ligne. J’ai trouvé des tutos pour la partie Grid CSS notamment celui-ci = https://webdesign.tutsplus.com/tutorials/how-to-build-a-festive-advent-calendar-with-css-grid–cms-30070 auquel j’ai rajouté l’option d’avoir des pop in pour mettre plus de contenus en avant. J’aime plutôt bien comme cette affichage est géré sur mobile et desktop. Cela m’a aussi permis d’explorer le partage de réseaux sociaux avec ce type d’éléments meta = <meta property= »og:title » content= »2020 Advent Calendar »>. Au final c’est rien de FOU pour un développeur FRONT ça c’est sûre. Mais j’aime bien garder ma tête un tout petit peu dedans, je trouve que c’est une vrai plus-value pour un chef de projet et bon, il faut être honnête, ça m’amuse 🙂

Vous trouverez dans ce calendrier des recettes de Noël, des suggestions de musiques traditionnelles pour cette saison et les films / séries / animations recommandées chaque jour jusqu’à Noël.

C’était aussi l’occasion de tester un style graphique avec la Cintiq.

C’est donc un projet assez complet que j’ai réalisé en quelques jours (je pense que le contenus était le plus long à regrouper) qui m’a permis de mettre à la fois des éléments assez perso et des compétences que j’aimerais garder dans le temps.

Le lien vers le calendrier de l’Avent = http://claire-hahn.fr/advent_calendar/

Création de cartes de personnages D&D

Non contente du seul personnage féminin dans un jeu de plateau j’ai décidé de créer mon propre personnage avec ses cartes et d’autres sont en cours de création (des personnages issus directement des Royaumes Oubliés pour compléter le jeu).

Lindorïe is a fierce Knight serving Alustriel. She fights with her sword and her magic fueled by her deep connection to nature.

Les images des personnages utilisent https://www.heroforge.com/.

Réussir sa relation client-prestataire en 4 points

Dans le cadre de mon travail, je peux être amenée à rédiger des articles sur mon métier. Je trouve ça très inspirant d’avoir la possibilité de partager mon point de vu et mon expérience mais surtout de pouvoir le confronter à d’autres collègues qui ont aussi des expériences riches. 

Je me suis demandée pendant un moment quelle était mon expertise, car j’aime l’UX, l’UI, et d’autres métiers du web, mais les professionnels pour qui c’est le métier sont plus légitimes. Puis, ça m’a parue évident au final que mon expertise réside dans l’humain, mon métier requiert réellement de comprendre mes collègues, mes équipes, mes clients etc. 

Un extrait : 

Chef de projet, je suis au front de la relation client-prestataire, sujet qui me tient particulièrement à cœur. Mon expérience m’a permis de lister quelques principes de base pour rendre une relation positive et saine. Ce sont les valeurs que j’applique au jour le jour dans chacun de mes projets, dans mes relations avec les différentes équipes et même dans ma vie perso.

Ces principes visent un monde idéal (celui avec des licornes et des arcs en ciel) où tout se passe pour le mieux. A chaque fois qu’on appliquera ces principes au mieux, on se rapprochera de ce monde idéal pour avoir une réelle dynamique projet.

#communiquer, #engager, #échanger, #positiver

1ER POINT DE LA RELATION : LA TRANSPARENCE / LA SINCÉRITÉ

A chaque instant d’un projet, il est important de partager les points bloquants, les problèmes et les réussites. On se focalisera sur les premiers points qui sont ceux qui donnent le plus de challenge à partager.

Souvent, on imagine qu’il vaut mieux cacher le problème sous le tapis tant que l’on n’a pas trouvé de solution. Par exemple, l’équipe de développement du projet peut rencontrer des problèmes et savoir que les délais ne seront pas tenus. Mais si elle ne partage pas cette information avec le client, elle ne saura pas que de son côté, le client ne pense pas tenir non plus les délais : il s’agit alors d’un « faux » problème.

Le mieux est d’apporter des solutions et non pas « LA » solution, car si vous avez la bonne solution, le problème est inexistant (oui… S’il y a une solution il n’y a pas de problème, ce qui nous intéresse ici ce sont des solutions qui ne résolvent pas tout à fait le problème mais qui améliorent la situation). Si vous apportez des solutions, le client pourra avoir le choix d’opter avec vous pour celle qui se prête le mieux au contexte du projet pour aller de l’avant et réussir le projet.

Pas étonnant qu’il s’agisse d’un pilier en agilité !

[…]

La suite sur https://www.sqli-digital-experience.com/blog-fr/reussir-sa-relation-client-prestataire-en-4-points 

UX design

J’adore l’UX design, je trouve que c’est la meilleure manière d’aborder un projet et je suis ravie de voir qu’à présent c’est un automatisme dans beaucoup d’agences.

Je vis l’UX plus comme une passion qu’un métier, étant chef de projet ce n’est pas ma fonction principale, je laisse faire les pro. 

Un article dribble sur « qu’est ce que l’UX » abordé via des projets et de vrais retours d’UX designer https://dribbble.com/stories/2018/11/07/what-is-ux-design

Déguiser un carton

Je sors d’un déménagement, c’est Noël, on décore et je me dis que je ne peux pas laisser mes cartons visibles. Donc j’ai peint les cartons restants pour en faire un support d’arbre de Noël. Beaucoup de couleur, j’ai fait une sous-couche au rouleau (avec du bleu, vert, jaune et vert d’eau pur). Puis j’ai fait un dessin dans lequel j’ai ramené les couleurs de mon calendrier de l’avent.

 

C’est ainsi que l’on finit avec un château sur des nuages 🙂

 

Coup de cœur de novembre

https://experience.eau.veolia.fr/ 

Le site de Veolia qui apporte une expérience ludique et pédagogique sur le travail effectué chaque jour par l’entreprise.

Les entreprise comme EDF, Enedis ou encore Veolia ont besoin de ce type d’expérience pour expliquer ce qu’ils font, car nous avons du mal à savoir concrètement ce qu’il se passe, avec ce site le parie est réussi.

Le design utilise des couleurs assez « acidulé » qui augmente le côté enfantin et la simplification polygonale fonctionne bien. La musique se marie bien avec l’ensemble.

Dans la même lignée, un portfolio hyper coloré : https://mawla.io/.

Je trouve ça passionnant la couleur et je suis toujours hyper impressionnée quand on arrive à l’utiliser surtout sur un site et que ça passe toujours en mode « classe ».

La veille

La veille c’est important et puis c’est ludique, c’est l’occasion de s’intéresser à des nouvelles tendances mais aussi des innovations techniques.

J’utilise l’agrégateur de flux « Feedly » qui se base sur feu Google Reader. Et je compile différents types de sites : 

En Design Graphique : 

  • https://graphism.fr/

En web design :

  • https://www.fastcompany.com/
  • https://www.smashingmagazine.com/articles/
  • https://www.blogduwebdesign.com/
  • https://thefwa.com/
  • https://www.designersinteractifs.org/

Pour ne citer que ces sites. J’aime particulièrement le blog du webdesign, car ils font des thématiques qu’ils publient régulièrement : 

  • Les tendances du mois d’octobre, novembre etc.
  • Les ressources web du lundi
  • Découvrez 5 sites avec une navigation et un concept original
  • etc.

Ils parlent autant de codes que de graphisme (typographies, pictogrammes etc.). Souvent des ressources gratuites que vous allez pouvoir utiliser pour nourrir vos créations. 

Globalement c’est ma valeur sûre quand il s’agit de trouver quelque chose. D’ailleurs souvent je procède à des recherches Google du type : 

site:https://www.blogduwebdesign.com portfolio

site:https://www.blogduwebdesign.com icône

site:https://www.blogduwebdesign.com typographie

Bonne journée et bonne veille !

Bienvenue

Bienvenue sur mon site portfolio, je créée une section blog en espérant bientôt poster des articles et donner de la vie à ce site. 

Bonne journée !

Post Human War

Post Human War – Un jeu vidéo indépendant

Contexte :

Post Human W.A.R. est un jeu de stratégie tactique au tour par tour en ligne, sans hasard et en free-to-play. Développé par le studio Chahut, sa sortie est prévu à l’automne 2016 (sorti depuis voir la page Steam https://store.steampowered.com/app/462240/Post_Human_WAR/).

Ma principale mission a été de programmer les pages « from scratch » (sans framework ni CMS) en tant qu’intégratrice pour faire le pont entre la graphiste web et les développeur serveur. Le site incorpore le jeu directement dans la partie haute du site afin de laisser les joueurs naviguer librement dans le site pendant une partie. La stratégie en tour par tour permet dans l’attente d’un tour de faire autre chose en même temps, donc autant proposer au joueur de naviguer sur le site plutôt que d’aller ailleurs.

Plus d’informations :

Le site du jeu : http://alpha2.posthumanwar.com/accueil/ 

J’ai réalisé la version responsive du site vitrine temporaire de Post Human War.

L’ancien site vitrine : http://demo.posthumanwar.com/index.php

Compétences :

Fun facts :

J’ai donné ma voix à un robot.