Mission DA - UX - UI - Intégration

Année 2013 - 2014

Version Desktop & Mobile

Lien du site Pas d'url disponible

Giving Corner

Giving Corner propose à ses entreprises clientes une plateforme web collaborative pour motiver et encourager leurs salariés à réaliser des tâches (remplir ses feuilles d’heures, participer à des événements internes, réduire sa consommation de papier…) en leur offrant la possibilité de faire des dons aux associations caritatives de leurs choix (SOS Villages d’enfants, la Croix Rouge, Pure Projet,…).

concept-employe-FR

La charte graphique

Création de l’identité visuelle à partir du logo déjà existant et gestion de la conception de ses déclinaisons multi-supports : mise en place de visuels en interne tout en respectant la charte graphique (kakemono, documents commerciaux, infographies, concours Facebook…).

img-half-imgmarque-internal

… Mais aussi la gestion des prestataires pour vérifier et suppléer la mise en place et la réalisation de certains éléments propres à Giving Corner (Site vitrine, vidéo de présentation…).

La plateforme produit

Etape 1 : Le parcours utilisateur
Création du parcours utilisateur pour avoir une vue d’ensemble. Quelles seront les futures pages ? Quel sera le contenu et comment le placer dans chacunes d’elles ?

parcours-utilisateur

Etape 2 : Les mockups
Réalisation des mockups sous Balsamic. Les mockups permettent de visualiser et de mettre en situation les décisions de l’étape 1, afin de travailler sur l’ergonomie et l’expérience utilisateur.
Les Mockup sont une visualisation sur le long terme de la plateforme. Il a fallu prioriser certaines pages ou fonctionnalités pour les étapes suivantes en fonction des demandes clients et de l’avancée du projet.

givco-mockup-1
givco-mockup-2
givco-mockup-3
givco-mockup-4
givco-mockup-5
givco-mockup-6

Etape 3 : Les maquettes
Réalisation des maquettes graphiques grâce aux logiciels de création PAO (Photoshop, illustrator si besoin).

presentation-home

Etape 4 : L’intégration html/CSS
Une fois les maquettes terminées, la réalisation technique se fait en coopération avec le développeur.

givco-screen-1
givco-screen-2
givco-screen-3

La version mobile

Il a été nécessaire de retranscrire la plateforme en version mobile pour une utilisation en toutes circonstances.

cercle-mobile-prez

copyright © Florian Rivière 2017