• Tiama1_Maquette.png
  • Tiama2_Maquette.png
  • Tiama3_Sketch.png
  • Tiama4_Wireframes.png
  • Tiama5_Arborescence.png
  • Tiama6_DesignSystem.png
  • Tiama7_GuideLines.png

TM Gamme 5

Refonte d’une gamme d’applications

Dans le cadre d’un changement de technologie et du développement de l’IA, j’ai eu à revoir l’ergonomie et la conception graphique de toute une gamme d’applications tactiles de contrôle qualité pour l’industrie des contenants en verre.

Prestation de 4 ans allant de l’audit en usine jusqu’au développement front-end.
Travail en équipe : PO, UX/UI, utilisateurs et formateurs machines, Dev, CP, Scrum Masters…

UX Design

Audit, interviews, workshops, tri des cartes, user flow, wireframes et rédaction d’user stories avec les PO.

UI Design

Création d’icônes, maquettes graphiques, prototypes interactifs et élaboration d’un Design System.

Préparation des styles

Codage en XAML des composants et des ressources graphiques organisés dans un SDK.

Intégration en WPF

Intégration visuelle des appli via GIT, validation de la conformité des maquettes (travail en sprint), amélioration des process et rédaction de guidelines.


read more
  • Luxaqua_mockup_1.png
  • Luxaqua_mockup_2.png
  • Luxaqua_mockup_3.png
  • Luxaqua_mockup_4.png
  • Luxaqua_mockup_5.png

Luxaqua Japon

IHM de gestion d’aquariums

Dans le cadre d’une recherche pour la sauvegarde des coraux, Luxaqua m’a confiée la conception des interfaces qui pilotent plusieurs systèmes d’aquariums de laboratoire installés à l’université d’Okinawa au Japon.

Modulable

Conception modulaire pour supporter une variété de systèmes d’aquariums plus ou moins complexes

Tactile

Adapté à l’usage tactile sur des écrans réduits

Design system

Définition d’un design system pour une meilleure cohérence et plus d’évolutivité


read more
  • App_Mobile_CalDual_1.png
  • App_Mobile_CalDual_2.png
  • App_Mobile_CalDual_3.png

Cal Dual

Conception d’application mobile

Recherches UX

Interview utilisateur, analyse et recherches

Organisation de l'information

Croquis et travail d’architecture visuelle

Conception graphique

Création visuelle basée sur un design system

Présentation et accompagnement

Explication des concepts et support à l’équipe de developpement


read more
  • RecoStudio_mockup_1_x2.png
  • RecoStudio_mockup_2_x2.png
  • RecoStudio_mockup_4_x2.png
  • RecoStudio_mockup_3_x2.png
  • RecoStudio_mockup_5_x2-1.png

Reco Studio

Design d’une application de reconnaissance de pièces avec IA

UX Design

Audits, production de wireframes et ateliers d’ergonomie avec des utilisateurs (tri des cartes, A/B test)

UI Design

Réalisation de maquettes graphiques, création d’icônes, mise au point d’une charte d’interface

Préparation des styles

Code des contrôles d’interface, organisation des ressources dans des dictionnaires XAML et réalisation des états visuels interactifs (pressé, sélectionné, inactif, focus…)

Intégration WPF

Création des animations et mise en page des écrans, adaptation de la taille des contrôles en fonction du contenu, de la fréquence d’utilisation ou des proportions d’écran


read more
  • SXEtu_Rea_App_XLive.jpg
  • SXEtu_Rea_App_XImages.jpg
  • SXEtu_Rea_App_Theme.jpg
  • SXEtu_Rea_App_Microscope.jpg

SX Etu

Interface d’application pour microscope

Recherche

et définition d’un thème graphique

Concéption

Réalisation des maquettes graphiques de tous les écrans

Thème graphique WPF

Préparation des styles de tous les contrôles et d’un thème UI indépendant et réutilisable

Intégration XAML

Intégration de l’interface dans un prototype selon les demandes des développeurs


read more
  • 2Day_Rea_App_DesktopDark.jpg
  • 2Day_Rea_App_DesktopLight.jpg
  • 2Day_Rea_App_WindowsPhone.jpg
  • 2Day_Rea_Logo.jpg

2Day

Interface de l’application .NET 2Day

2 thèmes

Tout le design est décliné en deux styles différents : thème sombre ou thème clair.

Multi supports

Conception de l’interface pour la version sur PC et sur Windows Phone


read more
  • Schneider_Rea_App_Next.jpg

Next

Intégration graphique d’application

Préparation des contrôles

Préparation des styles et des templates XAML en vue de l’intégration des contrôles

Intégration XAML

Intégration graphique de l’interface avec l’équipe de développement


read more
  • Schneider_Rea_App_Samee.jpg

Samee

Intégration graphique d’application

Préparation des contrôles

Préparation des styles et des templates XAML en vue de l’intégration des contrôles

Intégration XAML

Intégration graphique de l’interface avec l’équipe de développement


read more
  • Tyco_Rea_App_Entrapass.jpg

Entrapass Web

Interface d’application

Concéption

Création et déclinaison des maquettes graphiques

Thème graphique Silverlight

Réalisation du thème graphique Silverlight + styles des contrôles et widgets spécifiques

Intégration XAML

Intégration de l’interface au sein de l’équipe avec les développeurs


read more