Product design et accompagnement technique

ELVUP 

Elvup accompagne les éleveurs dans le développement de leurs activités et de leurs projets. Pour accélérer leur réussite, la démarche vise à promouvoir les bonnes pratiques et développer la performance.

MISSIONS

  • UX Design (design sprint, wireframe, parcours utilisateurs, tests utilisateurs…)

  • UI Design, Design system

  • Accompagnement stratégie et architecture technique

  • Dataviz

  • Portabilité sur différentes plateformes.

Architecture technique

Une architecture de services à concevoir

L’architecture devait permettre une interconnexion à plusieurs bases de données en mettant en place un backend for frontend  qui alimentera les différents services :

  • Application mobile
  • Application desktop
  • Site Web
  • Extranet
  • Génération automatisée de rapport pdf

Parcours utilisateurs entre les plateformes

Les parcours utilisateurs ont été réfléchis pour garantir la fluidité entre les différentes plateformes.

En fonction du contexte d’utilisation et des tâches à effectuer les utilisateurs doivent pouvoir changer d’environnement très simplement. 

Personnas
Parcours inter-plateformes

Architecture de l’application mobile

Architecture application Elvup

Design System

Garant de l’homogénéité de l’identité graphique

Toutes les applications Elvup(web, mobile, print, réseaux sociaux…) pourront suivre ce guide de style. Il sert de référence visuel et technique pour toutes les interfaces à créer.

Design system
Elvup login

Colors & Material

Raspberry leaf green

#0C5333

Macharius solar orange

#E44200

Buddha green

#39B57D

Typography

Heebo

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

San Francisco Pro

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Fichiers Sketch

Une source de partage pour les intervenants

  • Tous les écrans et les flow livré dans sketch
  • Design system mis à jour dans sletch
  • Invision pour les prototype interactifs
  • Systeme de versionning pour améliroer le travail avec les développeurs
  • Design atomique : tout designer en composant réutilisable

Design livré, testé et documenté.

Toute l’application a été conçu à base de sprint design. Des tests utilisateurs ont été menés pour chaque fonctionnalité. Une fois validé les écrans sont documentés et livrés aux développeurs pour intégration.

Micro-interactions

Portabilité desktop

L’Application a été portée en web / desktop.

Le but était de modifier aucun composants mobile pour permettre une utilisation confortable tout en maîtrisant les coûts de développement.

Des widgets allant chercher via des API des news ou des données a été mis en place ce qui permet de faire le lien avec les autres plateformes.

Extranet Elvup
Extranet elvup