{"id":3060,"date":"2026-03-06T09:24:42","date_gmt":"2026-03-06T09:24:42","guid":{"rendered":"https:\/\/34853.hosts1.ma-cloud.nl\/?page_id=3060"},"modified":"2026-03-23T08:44:14","modified_gmt":"2026-03-23T08:44:14","slug":"figma","status":"publish","type":"page","link":"https:\/\/34853.hosts1.ma-cloud.nl\/?page_id=3060","title":{"rendered":"figma"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3060\" class=\"elementor elementor-3060\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31cb80b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31cb80b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1feb3de\" data-id=\"1feb3de\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d569ce elementor-widget elementor-widget-image\" data-id=\"3d569ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"920\" height=\"631\" src=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.26.44-1024x702.png\" class=\"attachment-large size-large wp-image-3064\" alt=\"\" srcset=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.26.44-1024x702.png 1024w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.26.44-300x206.png 300w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.26.44-768x526.png 768w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.26.44-1536x1053.png 1536w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.26.44-2048x1404.png 2048w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/>\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 class=\"elementor-element elementor-element-d1e70f3 elementor-widget elementor-widget-text-editor\" data-id=\"d1e70f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.figma.com\/proto\/96O0114rjWloG8ZCz8X9o7\/wireframe?page-id=0%3A1&amp;node-id=1-23&amp;p=f&amp;viewport=499%2C265%2C0.09&amp;t=gIj6j7YjjPd417hI-1&amp;scaling=scale-down&amp;content-scaling=fixed&amp;starting-point-node-id=1%3A23&amp;show-proto-sidebar=1\"><span style=\"color: #ffffff;\">Pizza app &#8221;click&#8221;<\/span><\/a><\/p>\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-452d1df\" data-id=\"452d1df\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24471ad elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"24471ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PIZZA APP<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4289670 elementor-widget__width-initial e-transform elementor-widget elementor-widget-image\" data-id=\"4289670\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-500,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-73,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"920\" height=\"909\" src=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/01\/M6PROF-Styleboard.svg\" class=\"attachment-large size-large wp-image-2294\" alt=\"\" \/>\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 class=\"elementor-element elementor-element-9b7755e elementor-widget elementor-widget-text-editor\" data-id=\"9b7755e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #ffffff;\"><span style=\"text-decoration: underline;\"><strong>De opdracht voor UXD<\/strong><\/span> was om een pizza app te maken met interactieve elementen<\/span><span style=\"caret-color: #ffffff;\">.<\/span><span style=\"color: #ffffff;\"> we gingen alle gemaakte wireframes met elkaar verbinden en de meegeleverde content toevoegen(fotos en wireframe <span style=\"caret-color: #ffffff;\">schets<\/span>), zodat gebruikers via knoppen of het menu tussen de pagina\u2019s heen en terug kunnen navigeren. Daarnaast ging het ontwerp minimaal 4 interacties bevatten. Het ontwerp werd gemaakt voor mobiel in staand formaat, specifiek iPhone 16 Pro (402 \u00d7 874 px of langer). \u00a0<\/span><\/p><p><span style=\"color: #ffffff;\">Om de buttons interactief te maken gebruikte we de component button om de verschillende \u00a0transotions te laten werken.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b446d3 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"5b446d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"506\" height=\"1024\" src=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.56.46-506x1024.png\" class=\"attachment-large size-large wp-image-3083\" alt=\"\" srcset=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.56.46-506x1024.png 506w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.56.46-148x300.png 148w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.56.46-768x1555.png 768w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.56.46-759x1536.png 759w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.56.46.png 964w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f355c58 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f355c58\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0765799\" data-id=\"0765799\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f22af9f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f22af9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ONE WORLD<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-398c995 elementor-widget__width-initial e-transform elementor-widget elementor-widget-image\" data-id=\"398c995\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-378,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-73,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"920\" height=\"909\" src=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/01\/M6PROF-Styleboard.svg\" class=\"attachment-large size-large wp-image-2294\" alt=\"\" \/>\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 class=\"elementor-element elementor-element-dc6358f elementor-widget elementor-widget-text-editor\" data-id=\"dc6358f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #ffffff;\"><span style=\"text-decoration: underline;\"><strong>De opdracht voor UXD<\/strong><\/span> was om voor het project &#8221;oneworld&#8221; een bewegend <span style=\"caret-color: #ffffff;\">magazine<\/span> cover te maken. Het doel van de opdracht was om de basisvaardigheden in figma op te frissen. ierbij hebben we gewerkt met verschillende frames. we hebben componenten gebruikt om bijv. Buttons of een menu te maken.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67121a5 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"67121a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"1024\" src=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.54.06-705x1024.png\" class=\"attachment-large size-large wp-image-3076\" alt=\"\" srcset=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.54.06-705x1024.png 705w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.54.06-206x300.png 206w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.54.06-768x1116.png 768w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.54.06-1057x1536.png 1057w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.54.06-1410x2048.png 1410w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.54.06.png 1444w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c4df46c\" data-id=\"c4df46c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fa24d9 elementor-widget elementor-widget-image\" data-id=\"5fa24d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"657\" src=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.43.11-1024x731.png\" class=\"attachment-large size-large wp-image-3075\" alt=\"\" srcset=\"https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.43.11-1024x731.png 1024w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.43.11-300x214.png 300w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.43.11-768x548.png 768w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.43.11-1536x1096.png 1536w, https:\/\/34853.hosts1.ma-cloud.nl\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-06-at-10.43.11-2048x1461.png 2048w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/>\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 class=\"elementor-element elementor-element-9e03d6c elementor-widget elementor-widget-text-editor\" data-id=\"9e03d6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.figma.com\/proto\/20G82hPFyRWQ1nKXiCZhkz\/oneworld?page-id=0%3A1&amp;node-id=1-4&amp;starting-point-node-id=1%3A4&amp;t=lOwqyCaigUg1esCl-1\"><span style=\"color: #ffffff;\">Oneworld app &#8221;click&#8221;<\/span><\/a><\/p>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pizza app &#8221;click&#8221; PIZZA APP De opdracht voor UXD was om een pizza app te maken met interactieve elementen. we gingen alle gemaakte wireframes met elkaar verbinden en de meegeleverde<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/34853.hosts1.ma-cloud.nl\/?page_id=3060\" class=\"readmore\">Continue reading<svg class=\"icon icon-arrow-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-arrow-right\" xlink:href=\"#icon-arrow-right\"><\/use> <\/svg><span class=\"screen-reader-text\">figma<\/span><\/a><\/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-3060","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/34853.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/pages\/3060","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/34853.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/34853.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/34853.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/34853.hosts1.ma-cloud.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3060"}],"version-history":[{"count":22,"href":"https:\/\/34853.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/pages\/3060\/revisions"}],"predecessor-version":[{"id":3220,"href":"https:\/\/34853.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/pages\/3060\/revisions\/3220"}],"wp:attachment":[{"href":"https:\/\/34853.hosts1.ma-cloud.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}