Construction du site unite-mobile.fr

Construction du site unite-mobile.fr

unite-mobile.fr est une entreprise de formation à la prévention incendie. Les formateurs interviennent avec un camion appelé « unité mobile incendie », qui permet de former le personnel à la prévention incendie. Ils interviennent avec le véhicule dans les entreprises ou les associations lorsque les locaux ne sont pas adaptés pour accueillir un bac à feu. Le camion dit « unité mobile incendie » Pour se faire connaître, ils ont eu besoin d’un site vitrine très clair extrêmement bien référencé. Première maquette présentée J’ai donc, comme pour antinuisibles, travaillé avec un développeur et un référenceur pour que le site puisse être parfait et correspondre entièrement à la demande de mon client. Deuxième maquette présentée Comme tout commencement de site, je m’entretiens avec le client pour comprendre ses besoins et sa demande. Ensuite nous réfléchissons à un plan de site pour que je puisse créer mes maquettes correctement. Maquette de l’accueil retravaillée et retenue en faisant un mélange des deux maquettes présentées initialement. Je présente ensuite deux maquettes de la page d’accueil. Le client choisit ensuite celle qui préfère et demande en général quelques retouches. C’est là que je retravaille aussi le logo ou que j’en crée un nouveau pour le site. Logo retravaillé pour le site Puis une fois la page d’accueil validée, je construis le design des pages internes. Tout au long de ces travaux et réflexions, je travaille étroitement avec le client, le développeur et le référenceur pour que le résultat soit optimal. Exemple du design présenté de la page contact. Pour au final rentrer parfaitement dans la demande et atteindre les objectifs que le client s’était fixé. Si vous aussi,...
Pourquoi un graphiste ne présentera jamais tout son travail ?

Pourquoi un graphiste ne présentera jamais tout son travail ?

A part les débutants qui n’ont pas encore grand chose à montrer dans leur portfolio, un graphiste ne montrera jamais tout son travail. Il y a plusieurs raisons à cela. Démodés : Lorsque j’ai effectué mes études de communication visuelle de 2004 à 2007 puis une année en 2009, j’avais fait pas mal de choses, notamment à la main. Les logiciels et la mode graphique ont vraiment évolué depuis. En effet, avant les versions de Photoshop, d’InDesign et d’Illustrator n’avaient pas autant de fonctionnalités. Aujourd’hui, tous les ans il y a une mise à jour avec de nombreuses nouveautés qui simplifient le travail. Surtout qu’on n’avait pas d’abonnement et de mises à jour régulières, puisqu’on devait payer la licence de chaque logiciel. Donc il était bien plus difficile de changer et de faire des graphismes toujours plus poussés. A cette époque aussi, les sites internet commençaient à se démocratiser pour en faire des vitrines pour les entreprises. Les smartphones commençaient tout juste à afficher des sites. Et je me souviens encore que lorsque l’on m’avait dit en 2009 que la plupart des gens regarderaient plus souvent les sites sur leur téléphone que sur un ordinateur, je n’y croyais pas. Pourtant, 12 ans après c’est bien le cas. Imaginez donc comment les smartphones ont tout changés en terme de graphisme. Mais j’en parle bien mieux dans cet article. Aujourd’hui, la mode graphique et web a bien évoluée grâce ou à cause des nouvelles technologies. Voilà pourquoi je ne pourrai pas aujourd’hui présenter mon ancien travail car il ne représenterait pas ce que je fais aujourd’hui, et personne ne pourrait se...
Création du site web antinuisibles-paris.fr

Création du site web antinuisibles-paris.fr

Antinuisibles-paris.fr est une entreprise de dératisation et de désinsectification, intervenant sur Paris et ses alentours. Il leur fallait un site pour être joignable facilement. A chaque projet son évolution. Je me suis donc chargée de la création des maquettes du site. J’en ai tout d’abord présenté deux différentes, ainsi qu’une avec diverses versions colorées. La première maquette proposée, basée sur la page d’accueil. La version orange. Une version jaune. Une version turquoise. Une idée de bannière qui a finalement été abandonnée. Finalement c’est elle qui a été choisie. Elle a un peu évoluée avec le temps.Il fallait que les informations nécessaires, comme les lieux d’intervention, le numéro et les spécialités de l’entreprise soient visibles tout de suite pour que les internautes puissent comprendre de-suite qu’ils étaient sur le bon site. La maquette choisie. Les pages internes ont été ensuite construites en fonction de la charte graphique de la page d’accueil. Maquette de page interne pour les articles. Maquette de page interne pour un article. Et en général, si le client n’a pas de logo, je lui en fais un rapidement pour convenir avec l’ensemble. Je n’hésite pas non plus à faire un favicon, vous savez, l’icône que l’on voit dans les onglets des sites ? Histoire que tout aille bien ensemble. Logos créés spécialement pour le site. Ensuite, je découpe tout et j’envoie à mon développeur qui développe un thème spécialement pour le client. Pour ce site en particulier, nous avons fait appel à un référenceur professionnel avec qui je travaille de puis un moment déjà, parce que la compétition était rude sur ces mots clés et il fallait...
Comment le smartphone a changé le design :

Comment le smartphone a changé le design :

En 15 ans, j’ai pu voir l’évolution du graphismes et des nouvelles technologies. Et oui, cela fait déjà plus de 15 ans que j’ai commencé mes études de dessinateur maquettiste. A l’époque, j’étais dans une section qui avait déjà 20 ans de retard pour certaines matières. Alors, j’ai même appris à faire des mises en page sans ordinateur. Lorsque j’y repense, je me dis que je pourrai donc vous conter 35 ans d’histoire graphique, pourtant j’en ai à l’heure où je vous écris ces lignes, que 33. Etre graphiste avant les ordinateurs : Autrefois, toutes les mises en pages, les logos, la créations de nouvelles typographies, d’illustrations… Tout, se faisait à la main ! Les ordinateurs sont donc arrivés peu à peu dans la vie professionnelle pour simplifier le travail de beaucoup de gens et surtout, accélérer les processus. Tout était si lent et si inconfortable. Chaque malfaçons devait être refaite car le ctrl+Z n’existait pas. Alors, il ne fallait pas se tromper. Mais au final, ça avait tout de même son charme. Cela m’a permis de bien penser mes design avant de les coucher sur un papier très spécial. Ce papier était assez épais et dès qu’une erreur survenait, nous pouvions le gratter avec une lame de rasoir pour effacer la rature. Le dessin, le découpage et le collage était aussi très souvent utilisés. Car je le rappelle, ces cours avaient 20 ans de retard et venaient tout droit des années 80, début 90 ! L’arrivée des ordinateurs : Heureusement, en parallèle, j’avait quelques cours de logiciel de mise en page et de retouche d’image : Photoshop, Illustrator...
Mises en page pour Reussir-mon-ecommerce.fr

Mises en page pour Reussir-mon-ecommerce.fr

Reussir-mon-ecommerce.fr est une site destiné aux e-commerçants qui souhaitent optimiser leur référencement pour effectuer plus de ventes. Recherche et mise en page d’une bannière, à partir d’une maquette crée pour Réussir son e-commerce. « E-commerce : boostez vos ventes grâce au référencement naturel ! ». Reussir-mon-ecommerce.fr est un client récurrent qui a une technique très optimisée pour collaborer. J’adore travailler avec lui car on ne perd pas de temps et c’est très pratique. En effet, il utilise le logiciel asana qui permet d’externaliser tout le travail et de donner des tâches à toute une équipe et de manager chacun à distance. Ce qui me permet de lui faire des tarifs plus réduits car finit les mails à rallonge et les retours incessants. Mise en page d’une roue pour mettre en avant les différents aspects du SEO. Crée pour Réussir son e-commerce. Son travail est donc d’aider les e-commerçants pour mieux vendre et optimiser leurs site. Il est de très bon conseil et utilise lui-même ce qu’il indique de faire. Ses conseils sont donc excellents. Recherche et mise en page à partir d’une maquette crée pour Réussir son e-commerce. « Rédigez vos fiches produits pour des personnes, pas pour Google ». De mon côté, je lui fais régulièrement des visuels pour illustrer ses articles, ses mises en pages et certaines illustrations. J’ai fait une charte graphique et une maquette assez simple mais efficace. Avec une typographie lisible et actuelle, sans empâtements. Les couleurs choisies sont assez pastelles et se marient parfaitement bien avec les photographies. Recherche et mise en page à partir d’une maquette crée pour Réussir son e-commerce. « 80% des actions en SEO...
Site de Boulimie & hyperphagie et autre communication

Site de Boulimie & hyperphagie et autre communication

Le thérapeute Dominique Morinello a fait appel à mes services pour que je fasse la refonte de ses sites pour aider des personnes en détresse psychologique notamment liées aux addictions. Voici donc le premier site qui a été fait : boulimie-et-hyperphagie.fr La maquette devait être simple et efficace. Je regrette de ne pas avoir gardé une capture d’écran de son ancien site pour vous montrer la différence. Mais voici quelques maquettes : J’ai beaucoup travaillé avec mon développeur qui a notamment fait un plugin de pop up en bas à droite pour inciter à s’inscrire. En effet, la volonté de Dominique était de pouvoir le plus de contact possible pour remplir ses séances de thérapie, notamment de groupe. L’UX et l’UI design ont été primordiaux pour mener au mieux la clientèle vers le but à atteindre : à savoir récolter un maximum d’adresse mail et que les clients appellent. J’ai donc misé sur plusieurs portes d’entrées : La grande pop up au milieu de l’écran sur la page d’accueil qui se transforme en bouton après pour ne pas trop agresser le visiteur Le plugin « chat » en bas à droite Les coordonnées sur le header (la bande en haut) La page contact Les appels à l’action Une newsletter Le design quant à lui a été surtout d’ajouter des images et des couleurs à des endroits précis pour guider l’œil, mais aussi pour donner un côté plus ludique et reposant pour le visiteur. Trois couleurs étaient dominantes : je gris foncé, le bleu et le jaune. Le site devait donner une image d’espoir ainsi que d’empathie envers les personnes malades pour...