Céline & Etrange Ordinaire

Dernier bonjour à trois bises Dernier déjeuner sur la terrasse Derniers croquis d'écrans d'application Dernières photos reportage pour le blog*  Premier "la porte de l'agence est ouverte, tu peux passer quand tu veux !" 

Voilà. Les mois de stage chez etrangeOrdinaire s'achèvent aujourd'hui. Nous avons continué un maximum l'application avec Baptiste qui va prendre pleinement le relais. J'espère lui laisser suffisamment de codes pour qu'il puisse créer les derniers écrans dans la lignée de la charte graphique mise en œuvre durant tout le mois de septembre. 

C'est l'heure du bilan avec Lucas. Clément est malheureusement absent mais pour la bonne cause : Tourlaville a accepté de signer un contrat avec le Réservoir à Souvenirs !! OBJECTIF TOURLAVILLE ATTEINT CLÉMENT !! :D Bonne nouvelle de fin de stage. Elle sonne comme une conclusion plus que positive pour le gros dossier qui a rythmé une très grosse partie de mon stage : la création et le développement de sa charte graphique. Le travail mené a porté ses fruits !! Heure du bilan donc !... Lucas nous a rempli nos fiches d'évaluation, et nous a fait la surprenante demande de faire le même exercice envers l'agence. Initiative aussi étonnante et qu'inattendue de la part d'une entreprise. De tous les stages que j'ai fais jusqu'alors, aucun ne m'avait demandé de retours sur son fonctionnement, son rapport humain, ses compétences de transmission de savoir. Durant la dernière heure, avec Élora, nous avons fait une rétrospective sur ce qui s'est passé. Malheureusement, trop ambitieuses, nous n'avons pas pu finir le livret imaginé à temps... J'espère pouvoir le boucler ces prochains jours afin que la volonté de départ s'amenuise et que le contenu perde son intérêt les jours passant.

Arrivée matinale à l’agence. J’en profite pour faire des photos de l’espace de co-working qui me serviront à la mise en page du rapport de stage papier. 

Avec Baptiste, nous avons passé la journée sur l’application. Nous validons ensemble, un par un, les écrans que l’agence va fournir à David. Baptiste se chargera, la semaine prochaine, de lui envoyer tous les fichiers des cotes et des fonctionnalités (bon courage par avance ! ;) ). En fin de matinée, l’équipe a fait un dernier test du jeu avant que Lucas, Stephanie et Élora ne parte sur Montpellier. Et en fin de journée, grand rangement ! J’ai trié tous les dossiers et la tooooonne de papiers que j’ai utilisé pendant mon stage.

Aller ! On fait une partie ? :)

Il fait pas bon d’être un post-it au Réservoir à Souvenirs !... :)

Toutes les checks list ont été fini pour le site internet ! J’ai donné les derniers fichiers à David qui va faire tout son possible pour les intégrer avant que Clément partes. J’en ai même développé jusqu’au favicon, le petit pictogramme tout minuscule qui se situ sur les onglets de votre navigateur à côté du nom du site ! :D Mais je reste connectée sur Skype au cas où il faille faire une modification d’urgence...

Dernière semaine chez etrangeOrdinaire : top départ !

Lucas et Clément étaient absent ce matin à l’agence mais les consignes sont claires pour moi : il faut que je mette les bouchées doubles pour finir le site internet et avancer un maximum sur l’appli du Réservoir à souvenirs. J’ai travaillé sur la version smartphone jusqu’à la mi-journée. A son arrivée, Lucas m’a fait une check list des priorités. Je dois envoyer le plus rapidement des éléments pour la version web à David pour qu’il puisse avoir le temps de les développer avant jeudi. En effet, Clément a rendez-vous à Tourlaville (mais si, vous savez ! La commune qui a occasionné la refonte du logo du Réservoir ! > voir le post du 20 juillet) pour leur présenter le site et les convaincre d’y ajouter toutes les archives citoyennes collectées par la municipalité.  A la fin de la journée, tout était fini, il ne reste plus que le feu vert de Lucas et Clément sur le player, la timeline et une fenêtre modale coriace pour que je fasse les fichiers de cotes avant demain midi. 

40ème jour chez etrangeOrdinaire ! Et c’est aux aurores que nous nous levons pour le jour J de l’installation du stand URIKA ! :)

Et c’est avec un beau soleil, bien lumineux que nous nous hâtons à finaliser le stand ! Nous avons assemblé et renforcé les trois panneaux de la structure, collé les éléments textuels et imagés. Lucas et Clément, ont galéré à installer l’urinoir sur la gouttière. Jusqu’à la dernière minute nous avons eu des surprises : l’urinoir, prototypé par ecosec, n’est pas totalement fidèle aux dessins fournis. La partie qui devait s’insérer dans la gouttière n’a pas été moulé, nous obligeant à la remplacer par un * beau tuyau bleu chantier *. Mais cela ne nous a pas empêché d’être prêt à temps pour l’arrivée des premières personnes importantes, comme le chargé de l’entretien et de la propreté de la ville de Montpellier. 

Petit coup de rush pour la scénographie d’Urika ! On coupe, on contre-colle, on peint, on fait de la typo à la main, on utilise la technique du transfert pour parer les panneaux de tous les éléments d’information. On fait avec les aléas de dernières minutes, des problèmes de découpe des planches par Leroy Merlin une grande marque de bricolage et d’outillage... A 17h30, la voiture de Lucas était chargée avec les planches que l’on assemble sur le parc d’exposition directement. 

Le bâton relais est donné à Lucas pour la suite des opérations d’Urika. La brochure a été envoyé à l’impression, elle devrait être disponible en une centaine d’exemplaires d’ici vendredi matin pour l’ouverture du salon.

La scénographie, de son côté, prend vie ! Clément et Élora se sont chargés de peindre et de coller une par une les lettres le logo et sa base-line, découpées à l’imprimante laser, sur les panneaux. Les dernières couches de peintures ont été appliqué par Stéphanie. Quelques éléments ont été imprimé puis contre-collé sur du carton plume pour donner du volume à l’installation. Demain il nous reste à découper tous les cartouches des textes, à coller le tout (opération délicate en vue ! ) à peindre les flèches reliant chaque parties et les légendes. 

En début d’après-midi la mise en page de la scénographie était finie. Nous avons décidé, face à la quantité trop importante de texte, de réaliser des collages de feuilles qui seront judicieusement placées sur les panneaux avec de la colle à tapisserie. Ce choix pris, il m’a été plus facile de faire la composition car je calculais la quantité de travail que pourrai engendrer chacun des attributs que je mettais en place : texte en gras, cartouche en forme de cercle, pictogrammes en défonce (!)... Seuls quelques textes, les légendes et les flèches devront être peint à la main. Elle n’a pas encore été officiellement approuvé d’un “oui” franc par Clément et Lucas, nous verrons bien demain, quand nous commencerons à préparer les différents formats à coller...

Vous avez commandé un logo express avec un supplément picto ?! :)

Lundi hyper-productif ! Le logo Urika est calé et verrouillé. Dans le principe. Car oui. Il y aurai toujours de quoi l’améliorer, le perfectionner... 

On a opté pour un compromis entre les deux pistes envisagées vendredi soir. Le logo connote une image assez “clean” (hygiénique/propre pour les puristes de la langue française ;) ) grâce à la typo avec sa graisse régulière, ses arrondis lisses et généreux mais on a glissé, tout de même, une petite extravagance sur le “i”, qui prend la forme d'un personnage se soulageant. Je suis passée assez rapidement entre la phase de la recherche de composition globale, à l’amélioration du ‘i’ central et la phase de vectorisation de l’ensemble sur Illustrator.

Je regrette juste le choix contraint de la couleur. En effet, pour avoir le temps de façonner scénographie (découpage, peinture, assemblage) et avoir tout le matériel nécessaire à sa réalisation, des couleurs ont été choisi en magasin jeudi. Lucas et Stéphanie ont opté pour quatre couleurs : un gris clair pour le fond des planches, un gris anthracite pour les textes de labeur et deux toniques, bleu et orange, à la limite du pastel. Les deux dernières devant être celles utilisées pour l’identité du produit. Or, une fois apposées, les couleurs complémentaires ne fonctionnent pas ensemble. Elles sont sur les mêmes niveaux en terme de luminosité, de valeur et de saturation ! En résumé, elles se sabotent l’une et l’autre. Nous avons alors opté pour le bleu en tant que couleur dominante pour transmettre l’image hygiénique voulant être mise en avant par le dispositif (même si les tranches de la structure ont déjà été peinte en orange...). Mais ce n’est que pour la scénographie ! Les couleurs, au même titre que les formes du logo, pourront toujours être remaniées par la suite !

Attend-tend-tend !... Je crois que j’ai compris !! Ah non... En fait, non...

J’ai jonglé une partie de ma matinée entre Urika ! et le site internet du Réservoir. En effet, je l’abandonne au commencement d’une partie qui est tout de même importante : la réalisation de la zone de navigation dans la carte des souvenirs ! Une timeline, des boutons de navigations, et un player doivent être pensés et placés sur une carte. Mais malheureusement, le wireframing que j’avais imaginé ne peut se faire... Une partie de la version beta doit restée verrouillée car elle a nécessité beaucoup d’heures de développement de la part de David et il serait impensable de la supprimer tout bonnement. On a tenté avec Baptiste de comprendre le fonctionnement de ce qui est déjà en place et nous avons imaginé un autre agencement, mais il n’est pas facile pour nous communiquer à l’écrits nos idées pour savoir si elles sont viables et à David de les réfuter par le biais de Skype. Nous sommes finalement passés par le dessin pour essayer expliquer notre vision de chose. Vision balayée avec brio par notre développeur au terme d’une démonstration en live :) 

Affaire à suivre...

Je me suis concentrée pleinement l’après-midi sur le logo d’Urika ! qui demande à être rapidement fixé pour pouvoir continuer la suite. Je me suis un peu perdue entre deux pistes de développement ; une qui communique plus sur le fait de hacker les gouttières et d’être un dispositif mis en place dans les villes lors d’occasions festives, l’autre qui se concentre plus sur le côté solution hygiénique du projet. En fin de journée, les votes étaient incertains. 

Aujourd’hui j’ai basculé sur le projet des urinoirs urbains en partenariat avec l’entreprise ecosec. Je rejoins donc Stéphanie et Élora qui travaillent dessus depuis deux petites semaines. Le projet consiste a créer un urinoir se fixant sur une gouttière. Il profite ainsi de cette voie d’évacuation toute tracée en direction des égouts. Le but de ce produit est d'offrir une solution aux municipalités face aux incivilités et au manque d’hygiène dans les rues notamment les soirs de week-end ou de festivité. Montable / démontable le dispositif peut-être facilement déployable pour une période donnée, et être facile d’entretien et de stockage.

Les filles ont déjà verrouillées la forme de cet objet qui est en cours de prototypage dans les locaux d’ecosec. Je les épaule à partir de maintenant pour ce qui concerne l’identité de ce nouveau produit (qui aura certainement une gamme) et la scénographie prévue pour le week-end prochain lors d’un salon sur Montpellier. Il nous reste jusqu’à jeudi soir pour atteindre ces objectifs car la structure se doit d’être sur place le vendredi matin pour être montée.

Ce matin, rendez-vous avec David et Léo pour faire le point sur le développement du site du Réservoir à Souvenirs. David nous a complimenté sur la qualité des fichiers références que nous lui fournissons ! Ils lui permettent de coder sans se poser de questions, il a juste à suivre toutes les instructions que nous lui notons minutieusement ; cela fait plaisir à entendre car nous passons énoOormément de temps à les créer !... 

Le graphisme du site lui est facile à mettre en place, nous avons bien pris en compte ce qui est réalisable dans les temps, dans le budget, dans ses capacités (même si nous lui fournissons quelques défis techniques :) ). C’est toute la mécanique derrière qui sera plus complexe : la gestion des posts de souvenirs, la création d’un flux d’actualité... 

A côté, j’ai fini de créer la lettre manquante de la typographie Palitoon : le fameux “à” qui était étrangement évincé par le “â”. Les tentatives de générer la font reste jusqu’ici infructueuse (ligne de base trop haute, approche trop importante...).

Fenêtres modales, quand il n’y en a plus, il y en a encore !...

Nous avons encore passé toute la journée avec Baptiste sur la création de diverses fenêtres modales pour le site, j’ai l’impression de ne pas en voir le bout. Je crée des checks list à rallonges pour toutes se les rappeler et se les départager, c’est le bloc note qui en pâti :) La rencontre avec David sera un bon moyen, demain, de faire le point sur ce qui reste à faire et surtout sur ce qui fonctionne pas. Nous pouvons voir en parallèle son avancement, grâce à l’hébergement provisoire du site sur une adresse secrète ;)

Lucas m’a fait découvrir un bon site internet : IcoMoon. Il permet de générer des fonts à partir de fichiers .svg pour aider le développeur d’un site à manipuler plus facilement les pictogrammes que nous avons conçus et leurs changements colorés. Une sorte de Wingdings personnalisée...

Et c’est reparti ! Pour ce début de semaine, nous travaillons toujours sur le site internet, mais cela ne devait pas tarder à changer... La version application nous attend.

Nous finissons de nous mettre d’accord sur les navigations des fonctionnalités phares telles que l’ajout d’un souvenir sur le site ou la création d’une collection. Ce qui nous vaux encore des feuilles gribouillées dans tous les sens :) A noter tout de même la tentative d’y mettre de l’ordre avec de la couleur, sans grand succès... :)

Cet après-midi, j'ai bouclé toutes les fenêtres modales concernant l’ajout d’une collection de souvenirs. Il me reste le loooong fichier explicatif (arborescence + fonctionnalités + graphisme + côtes) à créer pour le donner à David.

Une cartographie A0 toute fraîchement imprimée !! :D 

Recherche de la meilleure UX par Baptiste