{"id":200,"date":"2025-05-16T23:02:14","date_gmt":"2025-05-16T21:02:14","guid":{"rendered":"https:\/\/webetu.iutnc.univ-lorraine.fr\/www\/kuppel1u\/wordpress-6.7.1-fr_FR\/wordpress\/?p=200"},"modified":"2025-06-15T00:10:00","modified_gmt":"2025-06-14T22:10:00","slug":"ux-ui","status":"publish","type":"post","link":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/2025\/05\/16\/ux-ui\/","title":{"rendered":"UX \/ UI"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Vous trouverez ici <strong>plusieurs mod\u00e8les UX et UI<\/strong> r\u00e9aliser lors de diff\u00e9rents cours <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mod\u00e8le UX Geek and Gift <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ici nous devions, en groupe de 4 r\u00e9aliser le <strong>prototype UX d&rsquo;un site e-commerce<\/strong> pour <strong>l&rsquo;entreprise fictive de Culture Geek \u00ab\u00a0Geek and Gift\u00a0\u00bb<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous trouverez ci-dessous un <strong>aper\u00e7u interactif de la maquette.<\/strong><\/p>\n\n\n\n<iframe style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"800\" height=\"450\" src=\"https:\/\/embed.figma.com\/proto\/egoPI02GqWGn1j7SZyEhHr\/UX-Design---Geek-and-Gift?node-id=65-2782&#038;p=f&#038;scaling=min-zoom&#038;content-scaling=fixed&#038;page-id=3%3A114&#038;starting-point-node-id=65%3A2782&#038;show-proto-sidebar=1&#038;embed-host=share\" allowfullscreen><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\">Ou une vid\u00e9o si vous n&rsquo;avez pas de compte Figma<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"UX Geek and Gift\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/J1F-tzECxXc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Catalogue commun des Biblioth\u00e8ques <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"border-radius:21px\">Pour ce projet r\u00e9alis\u00e9 \u00e0 4 lors d&rsquo;une SAE, nous devions <strong>r\u00e9pondre au cahier des charges fictifs de la Biblioth\u00e8que Nationale de France<\/strong> afin de leur <strong>r\u00e9aliser un site internet.<\/strong> Nous devions alors <strong>r\u00e9aliser le mod\u00e8le UX et UI de l&rsquo;interface de plusieurs cat\u00e9gories d&rsquo;utilisateurs<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous trouverez ci-dessous<strong> le mod\u00e8le UX et UI (non interactifs).<\/strong><\/p>\n\n\n\n<iframe style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"800\" height=\"450\" src=\"https:\/\/embed.figma.com\/design\/rb5PfQxDHyx6F6BFa3lPVb\/SAE_301?node-id=0-1&#038;embed-host=share\" allowfullscreen><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"border-radius:15px\">Ou une vid\u00e9o si vous n&rsquo;avez pas de compte Figma <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"UI BNF\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Umv148q2_nE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Vous trouverez ici plusieurs mod\u00e8les UX et UI r\u00e9aliser lors de diff\u00e9rents cours Mod\u00e8le UX Geek and Gift Ici nous devions, en groupe de 4 r\u00e9aliser le prototype UX d&rsquo;un site e-commerce pour l&rsquo;entreprise fictive de Culture Geek \u00ab\u00a0Geek and Gift\u00a0\u00bb. Vous trouverez ci-dessous un aper\u00e7u interactif de la maquette. Ou une vid\u00e9o si vous [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":615,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"_links":{"self":[{"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":15,"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":642,"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/posts\/200\/revisions\/642"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/media\/615"}],"wp:attachment":[{"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kuppel.but23.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}