{"id":752,"date":"2025-09-19T15:41:38","date_gmt":"2025-09-19T13:41:38","guid":{"rendered":"https:\/\/bondonmatthieu.com\/?page_id=752"},"modified":"2026-01-14T11:45:57","modified_gmt":"2026-01-14T10:45:57","slug":"projet-genial-shop","status":"publish","type":"page","link":"https:\/\/bondonmatthieu.com\/en\/projet-genial-shop\/","title":{"rendered":"Projet : G\u00e9nial Shop"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"752\" class=\"elementor elementor-752\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11ae0027 e-flex e-con-boxed e-con e-parent\" data-id=\"11ae0027\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3df2aadc e-con-full breadcrumbs e-flex e-con e-child\" data-id=\"3df2aadc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-521bdb1f elementor-widget elementor-widget-text-editor\" data-id=\"521bdb1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/bondonmatthieu.com\/en\/\">Accueil\u00a0<\/a> &gt;\u00a0\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bbc74bd elementor-widget elementor-widget-text-editor\" data-id=\"4bbc74bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/bondonmatthieu.com\/en\/#projets\">Projects\u00a0<\/a> &gt;\u00a0\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43fbcb21 elementor-widget elementor-widget-text-editor\" data-id=\"43fbcb21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>G\u00e9nial Shop<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76d55098 e-con-full e-flex e-con e-child\" data-id=\"76d55098\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cb69b0e e-con-full e-flex e-con e-child\" data-id=\"cb69b0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e011475 elementor-widget elementor-widget-heading\" data-id=\"e011475\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">G\u00e9nial Shop<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30d96b7f elementor-widget elementor-widget-heading\" data-id=\"30d96b7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Homepage of an e-commerce site for mobile catering cargo bikes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebbb7bd elementor-widget elementor-widget-text-editor\" data-id=\"6ebbb7bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Fictional project \u2013 UI design \u2013 March to August 2025\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-354b040b e-con-full e-flex e-con e-child\" data-id=\"354b040b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11406e25 elementor-widget elementor-widget-image\" data-id=\"11406e25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/01\/thumbnail_genial-shop.webp\" class=\"attachment-full size-full wp-image-1513\" alt=\"image projet genial shop\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/01\/thumbnail_genial-shop.webp 1920w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/01\/thumbnail_genial-shop-300x200.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/01\/thumbnail_genial-shop-1024x683.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/01\/thumbnail_genial-shop-768x512.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/01\/thumbnail_genial-shop-1536x1024.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/01\/thumbnail_genial-shop-18x12.webp 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ebad1f0 e-flex e-con-boxed e-con e-parent\" data-id=\"2ebad1f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5581a029 elementor-widget elementor-widget-heading\" data-id=\"5581a029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Background and objectives<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ae302f6 e-con-full e-flex e-con e-child\" data-id=\"5ae302f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-60e6c908 e-con-full e-flex e-con e-child\" data-id=\"60e6c908\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73acc52 elementor-widget elementor-widget-image\" data-id=\"73acc52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/TP_Matthieu_Bondon-1-scaled.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"TP_Matthieu_Bondon-1\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NzQ4LCJ1cmwiOiJodHRwczpcL1wvYm9uZG9ubWF0dGhpZXUuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8wOVwvVFBfTWF0dGhpZXVfQm9uZG9uLTEtc2NhbGVkLndlYnAifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2560\" height=\"1836\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/TP_Matthieu_Bondon-1-scaled.webp\" class=\"attachment-full size-full wp-image-748\" alt=\"\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/TP_Matthieu_Bondon-1-scaled.webp 2560w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/TP_Matthieu_Bondon-1-300x215.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/TP_Matthieu_Bondon-1-1024x734.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/TP_Matthieu_Bondon-1-768x551.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/TP_Matthieu_Bondon-1-1536x1101.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/TP_Matthieu_Bondon-1-2048x1469.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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<div class=\"elementor-element elementor-element-7fb61a30 e-con-full e-flex e-con e-child\" data-id=\"7fb61a30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7014ee17 elementor-widget elementor-widget-text-editor\" data-id=\"7014ee17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"translation-block\">As part of my Web Designer UX-UI training course (Activmedia), I worked on this joint project involving a <strong>website<\/strong> and <strong>360\u00b0 communication<\/strong>. This work was mainly a technical and sometimes creative application of the various training modules.<\/p><p class=\"translation-block\">The <em>fictional<\/em> client is <strong>G\u00e9nial Shop<\/strong>, a company specialising in the sale (B2B) of electric and eco-friendly cargo bikes for <strong>mobile catering.<\/strong><br>In addition to UI design, I worked on:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-756b7c99 elementor-widget elementor-widget-text-editor\" data-id=\"756b7c99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Visuals<\/strong><\/li><li><strong>Logo<\/strong><\/li><li><strong>A flyer<\/strong><\/li><li><strong>A video<\/strong><\/li><li><strong>Homepage Wordpress integration\u00a0<\/strong><\/li><li><strong>A newsletter<\/strong><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9edc93 elementor-widget elementor-widget-text-editor\" data-id=\"2d9edc93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Tools used:<\/strong> Canva, Photoshop, Illustrator, Filmora, WordPress<\/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<div class=\"elementor-element elementor-element-fc5bd99 e-flex e-con-boxed e-con e-parent\" data-id=\"fc5bd99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ced5a65 elementor-widget elementor-widget-heading\" data-id=\"6ced5a65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UI design<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7edaafae e-con-full e-flex e-con e-child\" data-id=\"7edaafae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-68f34af6 e-con-full e-flex e-con e-child\" data-id=\"68f34af6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42f877eb elementor-widget elementor-widget-text-editor\" data-id=\"42f877eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"translation-block\">The UI design part consisted in recreating the mock-up of the website's home page in Figma, for both desktop and mobile versions. I used auto layouts, grids, components, variants, colour styles and typography.<\/p><p>Page layout:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0c4374 elementor-widget elementor-widget-text-editor\" data-id=\"a0c4374\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li class=\"translation-block\">A <strong>header<\/strong>, with logo, navigation menu, and shopping basket icon<\/li><li class=\"translation-block\">A \"hero\" section with a visual, a tagline, and the <strong>value proposition<\/strong><\/li><li class=\"translation-block\">Grid buttons to access product <strong>categories<\/strong><\/li><li class=\"translation-block\">A <strong>call-to-action<\/strong> that leads to the shop<\/li><li class=\"translation-block\">Two descriptive sections highlighting the specific features of the offer and its <strong>advantages.<\/strong><\/li><li class=\"translation-block\">Two <strong>social proof<\/strong> sections with testimonials and logos of partner companies<\/li><li class=\"translation-block\">A <strong>footer<\/strong>, with logo, navigation menu, and newsletter sign-up form<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-165fb11c e-con-full e-flex e-con e-child\" data-id=\"165fb11c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb7d20b elementor-widget elementor-widget-image\" data-id=\"bb7d20b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/maquette_genial_shop.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"maquette_genial_shop\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NzQ3LCJ1cmwiOiJodHRwczpcL1wvYm9uZG9ubWF0dGhpZXUuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8wOVwvbWFxdWV0dGVfZ2VuaWFsX3Nob3Aud2VicCJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"976\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/maquette_genial_shop-1024x976.webp\" class=\"attachment-large size-large wp-image-747\" alt=\"\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/maquette_genial_shop-1024x976.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/maquette_genial_shop-300x286.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/maquette_genial_shop-768x732.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/maquette_genial_shop-1536x1464.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2025\/09\/maquette_genial_shop-2048x1951.webp 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1059c926 elementor-widget elementor-widget-text-editor\" data-id=\"1059c926\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Tool used:<\/strong> Figma<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c679ef7 elementor-align-center animated-fast elementor-invisible elementor-widget elementor-widget-button\" data-id=\"7c679ef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.figma.com\/design\/aKbAgpl15ELDHTXIcbsQ5s\/TP_GENIAL_SHOP?node-id=1-2&#038;t=HMD9Bn4zZGkBsXPP-1\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Mockup Figma<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1cf6ff86 e-flex e-con-boxed e-con e-parent\" data-id=\"1cf6ff86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3be932b4 elementor-widget elementor-widget-heading\" data-id=\"3be932b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78213ac6 elementor-widget elementor-widget-text-editor\" data-id=\"78213ac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\ud83d\udcdd This project was above all a set of technical exercises meant to validate our knowledge. The UX aspect was almost entirely absent. Nevertheless, this work allowed me to train my designer's eye and acquire automatic reflexes in Figma.<\/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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Accueil\u00a0 &gt;\u00a0\u00a0 Projets\u00a0 &gt;\u00a0\u00a0 G\u00e9nial Shop G\u00e9nial Shop Homepage d&rsquo;un site E-commerce de v\u00e9los cargos de restauration mobile Projet fictif &#8211; UI design &#8211; Mars \u00e0 ao\u00fbt 2025\u00a0 Contexte et objectifs Dans le cadre de ma formation Webdesigner Concepteur UX-UI de Activmedia, j&rsquo;ai travaill\u00e9 sur ce projet commun de site web et communication \u00e0 360\u00b0&#8230;.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-752","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/pages\/752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":46,"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/pages\/752\/revisions"}],"predecessor-version":[{"id":1784,"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/pages\/752\/revisions\/1784"}],"wp:attachment":[{"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/media?parent=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}