Smart Traffik

<h2></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitze2a2jeb55gu6aj0fyav.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p><br><br>Smart Traffik est une entreprise spécialisée dans le marketing digital et les solutions Web-to-Store (B2B). Leur activité principale tourne autour de l'optimisation de la performance des points de vente physiques en utilisant des outils numériques tels que le géomarketing, la collecte et l'analyse de données clients. Nous les avons accompagné dans la refonte graphique de leur SaaS.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitzsvq2jem55gu487a1j8u.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>L'objectif de la refonte est de rendre l'outil plus attractif, convivial et en adéquation avec les besoins d'une clientèle diversifiée.</p><p></p><ol><li><p><strong>Branding</strong> : Nous avons préconisé une identité avec des couleurs vives pour apporter une dimension plus humaine à la plateforme. En représentant chaque segment de l'outil avec des couleurs distinctes, nous avons rendu la navigation plus intuitive et agréable pour nos utilisateurs.<br></p></li><li><p><strong>UI</strong> : Une attention toute particulière est portée aux détails pour une expérience utilisateur sans accroc. Les éléments de navigation clairs et les menus simplifiés permettent un accès rapide à l'information, améliorant ainsi la productivité et la satisfaction globale des utilisateurs.<br>L'ajout d'illustrations 3D permet de donner de la personnalité à notre plateforme.</p><p></p></li><li><p><strong>Design System </strong>: Nous avons mis en place un design system complet pour la plateforme SaaS.<br>Ce design system garantit une cohérence visuelle et une expérience utilisateur harmonieuse à travers toutes les fonctionnalités du produit. Il inclut des directives détaillées sur les composants d'interface, les typographies, les couleurs et les interactions, facilitant ainsi le travail des développeurs et assurant une évolutivité optimale de l'interface.</p></li></ol><p></p><p></p><p>En résumé, notre travail a permis pour Smart Traffik de se démarquer sur le marché en offrant une expérience utilisateur unique avec interface avec notre image de marque dynamique et innovante.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitzzjj2jb954fk0f0d96sn.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsixmzzm2ldg55gug4kjdmb0.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsir2lxg2hli55gu4llxas91.png"><div class="image-overlay"></div></div></div></div>

Branding et UI design du SaaS Smart Traffik.

UX Product Design

Laboratoire Gallia - Blédina

<h2></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsisk5212ih855gubx1ggaz9.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p><br>Dans un monde où la technologie joue un rôle crucial dans la facilitation de la vie quotidienne, le Laboratoire Gallia a identifié une opportunité dans la création d'une application mobile dédiée à accompagner les femmes enceintes tout au long de leur grossesse. Inspiré par la nécessité croissante de soutien et d'informations fiables pour les futures mamans, l'idée est d'imaginer une plateforme numérique ludique.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitozni2j4k54fka2i8ad4l.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>La conception de l'application "9 mois et moi" a suivi une approche pragmatique centrée sur ses utilisatrices. Voici les étapes clés de notre processus :</p><p></p><ol><li><p><strong>Compréhension du besoin</strong> : Nous avons débuté par une phase de recherche exhaustive pour comprendre les besoins spécifiques des femmes enceintes tout au long de leur grossesse. Cette étape cruciale nous a permis d'identifier les défis auxquels sont confrontées les futures mamans et les informations essentielles dont elles ont besoin pour vivre une grossesse épanouie.<br></p></li><li><p><strong>Wireframes</strong> : En nous appuyant sur les informations recueillies, nous avons commencé à élaborer des wireframes pour l'application mobile. Ces wireframes représentent une maquette simplifiée de l'interface utilisateur, mettant en évidence les fonctionnalités clés telles que les conseils quotidiens, la vie pratique, les partages d'expérience et les informations sur la santé et l'alimentation. L'accent a été mis sur la convivialité et la facilité d'utilisation, afin de garantir une expérience fluide pour les utilisatrices.<br></p></li><li><p><strong>UI</strong> : En parallèle, nous avons brandé et charté cette application en nous assurant de maintenir une cohérence totale avec la charte graphique du Laboratoire Gallia. Nous avons créé un univers doux et chaleureux, offrant une interface claire et intuitive, parfaitement adaptée à une lecture quotidienne sur mobile.</p></li></ol><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitp7dy2j4t54fk3kmx9o8a.png"><div class="image-overlay"></div></div></div></div><p>En conclusion, le développement de l'application "9 mois et moi" s'est appuyé sur une approche centrée sur l'utilisateur, visant à offrir aux futures mamans un compagnon de grossesse complet et personnalisé.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitpdyl2j4z54fk63q9e9fj.png"><div class="image-overlay"></div></div></div></div><h2>🎯 Résultats :</h2><p></p><p>L'application, née en 2014 puis refondue en 2020, est une véritable réussite :</p><p></p><ul><li><p><strong>Déploiement</strong> : Cette application développée sous IOS a été déclinée, suite à son succès, sur Android et déployée à l'international.<br></p></li><li><p><strong>Traffic</strong> : Plus de 200 000 téléchargements annuels et 20 000 visites par jour, depuis la sortie de l'application en 2014.</p></li></ul><p></p><ul><li><p><strong>Audience</strong> : En 2020 L'application est téléchargée par 1/5 des femmes enceintes, avec un taux de satisfaction de 94% pour une utilisation d'au moins 1 fois/semaine.</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsispuk72ijf54fk2ulm7fho.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsir2lxg2hli55gu4llxas91.png"><div class="image-overlay"></div></div></div></div>

UX/UI design d'une application mobile d’accompagnement des femmes enceintes.

Product Strategy

Communication Campaign

Gallia 9 mois & moi

ALEC Lyon

<h2></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsixxwfv2lk855gufdwichxx.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p><br>Dans un contexte où la qualité de vie urbaine est au cœur des préoccupations, l'Agence Locale de l'Énergie et du Climat (ALEC) Lyon a entrepris une refonte majeure de son site web, avec pour objectif de sensibiliser le public lyonnais à l'amélioration de leur cadre de vie à travers le prisme de la sobriété énergétique.</p><p>L'éco-conception du site web est le leitmotiv de cette refonte, incarnant l'engagement de l'ALEC Lyon à promouvoir la sobriété énergétique tout en offrant une expérience utilisateur optimale.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsixygia2lew54fk84smhhuk.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>La refonte de l'interface utilisateur et le rebranding de l'ALEC Lyon se sont appuyés sur différents aspects :</p><p></p><p></p><ol><li><p><strong>Branding</strong> : En forgeant une identité visuelle percutante, l'ALEC Lyon cherche à établir un lien fort avec son public et à amplifier son impact dans la promotion de la sobriété énergétique. Les choix de couleurs, de typographie et d'illustrations incarnent son dynamisme et son engagement, tandis que leur harmonie confère à l'agence une identité distinctive et mémorable. Cette démarche vise à susciter une connexion émotionnelle avec son audience, renforçant ainsi son message et son influence.</p><p></p></li><li><p><strong>UI Eco-conçu</strong> : La création de l'identité digitale a été guidée par des principes de sobriété énergétique. Des choix ont été faits pour minimiser la consommation d'énergie du site, notamment en réduisant la taille des images et en les utilisant seulement lorsque cela est nécessaire. L'esthétique du nouveau site web repose sur la sobriété graphique, avec une utilisation minimale d'éléments visuels superflus. Cette approche minimaliste met en avant le contenu informatif et facilite la navigation, permettant aux visiteurs de trouver facilement des informations pertinentes sur les actions à entreprendre pour améliorer leur efficacité énergétique.</p><p></p></li></ol><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiypxhz00oi54f94nukfdvo.png"><div class="image-overlay"></div></div></div></div><p>Ce site web nouvellement conçu est non seulement visuellement attractif, mais il sert également de plateforme robuste pour partager des contenus riches et informatifs. En mettant l'accent sur la qualité du contenu et sur une expérience utilisateur optimale, l'ALEC Lyon renforce son rôle en tant que source fiable de connaissances et d'inspiration pour la transition vers un avenir plus durable.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiypp2700hv55hn95ml0n4h.png"><div class="image-overlay"></div></div></div></div><h2>🎯 Résultats :</h2><p></p><p>Voici les principaux résultats observés autour de la refonte visuelle :</p><p></p><ul><li><p><strong>Eco Index B</strong> : Réduction de l'empreinte environnementale de la page d'accueil : Le score d'empreinte environnementale est passé de G (5,52 /100) à B (74,31 /100) après la refonte. L'ensemble des pages est plus sobre en coût énergétique.<br></p></li><li><p><strong>Une belle audience</strong> : Le site Internet <a href="http://ALEC-Lyon.org" rel="noopener noreferrer nofollow" target="_blank">ALEC-Lyon.org</a> reçoit aujourd'hui une moyenne 300 visites par jour et permet d’informer ses visiteurs pour mettre en place des actions afin d’atténuer les effets du dérèglement climatique.</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiyqq2w00mm55hnc8eyg9yh.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsir2lxg2hli55gu4llxas91.png"><div class="image-overlay"></div></div></div></div>

Rebranding et refonte UI du site de l'ALEC Lyon (Agence Locale de l'Energie et du Climat de la Métropole de Lyon)

Une collaboration parfaite en tout point grâce au professionnalisme d'Aurélie ! Elle a su comprendre nos attentes et les retranscrire à la perfection. Réactive et impliquée, ce fut une réel plaisir de travailler avec Aurélie ! Je recommande à 100% !

UI/UX Designer - Product Designer - Brand Designer

Freelance - DA digital

• Groupe Lafuma
• Rowenta
• Time
• Laboratoire Gallia
• Photoweb
• Bioderma

Aurélie Di Cesare

UI/UX Designer - Product Designer - Brand Designer

À propos

Expérience de travail

Freelance - DA digital

Native

Directrice artistique digital

Webdesigner

Webdesigner

Formation

GOBELINS Paris

Université de Limoges

Portfolio

Smart Traffik

Smart Traffik

Gallia 9 mois & moi

Laboratoire Gallia - Blédina

ALEC Lyon

ALEC Lyon

Talents

Recruteurs

À propos