{"id":711,"date":"2024-09-13T14:26:29","date_gmt":"2024-09-13T12:26:29","guid":{"rendered":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/?page_id=711"},"modified":"2024-09-24T16:34:31","modified_gmt":"2024-09-24T14:34:31","slug":"marche-direct","status":"publish","type":"page","link":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/marche-direct\/","title":{"rendered":"March\u00e9 direct"},"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
\n\t\t\t

Hackathon : march\u00e9 direct<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"page<\/figure><\/a><\/div>
\"liste<\/figure><\/a><\/div>
\"page<\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\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>\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\t\t
\n\t\t\t\t
\n\t\t\t

Logiciel utilis\u00e9<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"logo\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
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"logo\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Description<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Il s’agit d’un projet r\u00e9alis\u00e9 \u00e0 l’occasion du Hackathon. Il s’agit d’un site dont le but est de mettre en lien des commercants pr\u00e9sent sur un march\u00e9 et des clients. Nous avons donc imagin\u00e9 l’ux et l’ui en accord avec un groupe de d\u00e9veloppeur en formation<\/span>.<\/p>

Nous avons commenc\u00e9 par une veille afin de mieux comprendre le sujet avant de r\u00e9fl\u00e9chir \u00e0 une charte graphique<\/span>. Nous avons donc \u00e9tablis un moodboard<\/span> en tout premier lieu. Ce moodboard a \u00e9t\u00e9 l’occasion de choisir une palette de couleur.<\/p>

Nous avons voulu dans le choix des couleurs employer des couleurs vives et principalement le vert. Effectivement, il \u00e9tait question de mettre en avant les l\u00e9gumes pour cr\u00e9er un univers proche du march\u00e9. Quant \u00e0 la typographie<\/span>, nous avons voulu une police d’\u00e9criture \u00e9crite \u00e0 la main, pour les titres afin d’apporter le c\u00f4t\u00e9 plus humain que l’on peut associer aux march\u00e9s, sans pour autant faire partie de celles plus \u00e9l\u00e9gantes. Ainsi, la font \u00ab\u00a0permanent marker\u00a0\u00bb a \u00e9t\u00e9 choisie.<\/p>

Par la suite nous avons travaill\u00e9 le logo : le rouge et le vert ont \u00e9t\u00e9 choisis notamment par rapport au fait que ce sont des couleurs vives. Ce dernier repr\u00e9sente quelque chose de plut\u00f4t traditionnel des march\u00e9s. Le logo a \u00e9t\u00e9 r\u00e9alis\u00e9 sur Illustrator<\/span> pour en avoir une version vectorielle utilisable un peu partout sans soucis de r\u00e9solution.<\/p>

Ensuite nous avons travaill\u00e9 \u00e0 \u00e9tablir une maquette du site et un design system sur figma<\/span>, \u00e0 l’aide de retours, notamment du groupe de d\u00e9veloppeur pour convenir \u00e0 leur contraintes. La maquette a \u00e9t\u00e9 pens\u00e9e de sorte \u00e0 \u00eatre responsive pour faciliter l’int\u00e9gration par le groupe de d\u00e9veloppeur et le design system permettait de pouvoir modifier rapidement les \u00e9l\u00e9ments pour tenir compte des retours de ces derniers. Les ic\u00f4nes<\/span> ont en partie \u00e9t\u00e9 faites sur Illustrator<\/span>. La seconde partie est constitu\u00e9e d’ic\u00f4nes libres t\u00e9l\u00e9charg\u00e9es sur internet.<\/p>\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\t\t
\n\t\t\t\t
\n\t\t\tRetour \u00e0 l'accueil<\/a>\nsuivant<\/a>\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":"

Hackathon : march\u00e9 direct Logiciel utilis\u00e9 Description Il s’agit d’un projet r\u00e9alis\u00e9 \u00e0 l’occasion du Hackathon. Il s’agit d’un site dont le but est de mettre en lien des commercants pr\u00e9sent sur un march\u00e9 et des clients. Nous avons donc imagin\u00e9 l’ux et l’ui en accord avec un groupe de d\u00e9veloppeur en formation. Nous avons […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-711","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/wp-json\/wp\/v2\/pages\/711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/wp-json\/wp\/v2\/comments?post=711"}],"version-history":[{"count":51,"href":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/wp-json\/wp\/v2\/pages\/711\/revisions"}],"predecessor-version":[{"id":1441,"href":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/wp-json\/wp\/v2\/pages\/711\/revisions\/1441"}],"wp:attachment":[{"href":"https:\/\/04-web.formation-adapeco-sofip.com\/09\/portfolio\/wp-json\/wp\/v2\/media?parent=711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}