{"id":28,"date":"2026-03-14T10:57:53","date_gmt":"2026-03-14T10:57:53","guid":{"rendered":"http:\/\/benedicte-garry.fr\/?page_id=28"},"modified":"2026-03-22T10:55:51","modified_gmt":"2026-03-22T10:55:51","slug":"ux-ui","status":"publish","type":"page","link":"https:\/\/benedicte-garry.fr\/index.php\/ux-ui\/","title":{"rendered":"UX\/UI"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UX\/UI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Le design, c’est bien plus qu’une question d’esth\u00e9tique. C’est comprendre un besoin, structurer une information, guider un utilisateur sans qu’il s’en rende compte. Sur cette page, retrouvez des projets de maquettes et prototypes r\u00e9alis\u00e9s sur Figma – du dashboard fonctionnel au prototype interactif, en passant par l’identit\u00e9 visuelle d’un site responsive.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Plant'It -Application pour le jardin connect\u00e9 de l'IUT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Acc\u00e9der \u00e0 la maquette Figma<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Plant’It est un prototype interactif d’application mobile con\u00e7u pour piloter le jardin connect\u00e9 de l’IUT de B\u00e9ziers.\u00a0<\/p>

Le prototype est enti\u00e8rement cliquable et int\u00e8gre des animations de transition pour simuler une exp\u00e9rience utilisateur r\u00e9aliste. Un projet qui m\u00eale design d’interface, logique d’usage et univers de l’IoT.<\/p>

Ce que j’y ai appris :<\/strong> Cr\u00e9er un prototype Figma avec interactions et animations, penser une navigation mobile intuitive, et concevoir une interface pour un contexte technique et connect\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Dashboard de suivi de formation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Acc\u00e9der \u00e0 la maquette Figma<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Maquette de tableau de bord destin\u00e9 au suivi de formation. L’enjeu : rendre lisible une information dense sans surcharger l’interface.<\/p>

Le travail s’est concentr\u00e9 sur la hi\u00e9rarchie visuelle, le choix des composants et la coh\u00e9rence de l’ensemble pour qu’un utilisateur comprenne sa situation en quelques secondes.<\/p>

Ce que j’y ai appris :<\/strong> Concevoir une interface orient\u00e9e donn\u00e9e, structurer un layout complexe, et travailler la lisibilit\u00e9 comme une contrainte de design \u00e0 part enti\u00e8re.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Budg'Air - Application de gestion de budget \u00e9tudiante<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Acc\u00e9der \u00e0 la maquette Figma<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Budg’Air est un prototype fonctionnel d’application mobile pens\u00e9e pour aider les \u00e9tudiants \u00e0 g\u00e9rer leur budget au quotidien. Suivi des d\u00e9penses, cat\u00e9gorisation, visualisation des soldes \u2014 tout est con\u00e7u pour \u00eatre rapide \u00e0 consulter et simple \u00e0 utiliser, m\u00eame quand les finances sont serr\u00e9es.<\/p>

L’accent a \u00e9t\u00e9 mis sur la clart\u00e9 de l’interface et la fluidit\u00e9 du parcours utilisateur : en quelques gestes, l’\u00e9tudiant sait ce qu’il a d\u00e9pens\u00e9, o\u00f9, et ce qu’il lui reste. Le prototype est enti\u00e8rement fonctionnel et naviguable sur Figma.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tT\u00e9l\u00e9charger le projet de recherche associ\u00e9<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Domus Bellatore - Site web d'un h\u00f4tel fictif inspir\u00e9 de Gladiator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Acc\u00e9der \u00e0 la maquette Figma<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Domus Bellatore est la maquette d’un site web pour un h\u00f4tel fictif inspir\u00e9 de l’univers des films Gladiator.\u00a0<\/p>

La maquette a \u00e9t\u00e9 d\u00e9clin\u00e9e en version desktop et mobile, avec une attention particuli\u00e8re port\u00e9e \u00e0 l’adaptation du contenu, la hi\u00e9rarchie des \u00e9l\u00e9ments et la coh\u00e9rence visuelle entre les deux formats.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

UX\/UI Le design, c’est bien plus qu’une question d’esth\u00e9tique. C’est comprendre un besoin, structurer une information, guider un utilisateur sans […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/benedicte-garry.fr\/index.php\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benedicte-garry.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benedicte-garry.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benedicte-garry.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benedicte-garry.fr\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":26,"href":"https:\/\/benedicte-garry.fr\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":281,"href":"https:\/\/benedicte-garry.fr\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/281"}],"wp:attachment":[{"href":"https:\/\/benedicte-garry.fr\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}