{"id":860,"date":"2025-06-27T16:00:30","date_gmt":"2025-06-27T16:00:30","guid":{"rendered":"https:\/\/37420.hosts1.ma-cloud.nl\/?page_id=860"},"modified":"2025-06-28T10:03:17","modified_gmt":"2025-06-28T10:03:17","slug":"online-techniek-m8","status":"publish","type":"page","link":"https:\/\/37420.hosts1.ma-cloud.nl\/?page_id=860","title":{"rendered":"online Techniek m8"},"content":{"rendered":"\n<p>De opdracht: Product banner ontwerpen voor E- commerce <\/p>\n\n\n\n<p>Je gaat je voorbereiden op het bouwen van een webshop voor het door jou gekozen product. Je begint met het maken van product banners voor e-commerce.<\/p>\n\n\n\n<p><strong>Stap 1: Kies een product<\/strong>&nbsp;Kies een product dat er leuk uitziet en dat mensen graag willen kopen. Denk aan dingen zoals kleding, gadgets, huisdecoratie, sportspullen of schoonheidsproducten.<\/p>\n\n\n\n<p><strong>Stap 2: Zoek informatie<\/strong>&nbsp;Zoek mooie foto&#8217;s van het product (minstens 3-5), informatie over het product, kleuren die erbij passen en wie het wil kopen. Belangrijke dingen om te onthouden:<\/p>\n\n\n\n<ul>\n<li>Zorg dat het product in het midden staat.<\/li>\n\n\n\n<li>Maak de tekst goed leesbaar.<\/li>\n\n\n\n<li>Zorg dat mensen willen klikken op de knop om te kopen.<\/li>\n\n\n\n<li>Gebruik niet te veel kleuren (max. 3-4).<\/li>\n\n\n\n<li>Gebruik niet te veel verschillende lettertypes (max. 2).<\/li>\n\n\n\n<li>Laat genoeg ruimte vrij zodat het niet te druk wordt.<\/li>\n<\/ul>\n\n\n\n<p><strong>Stap 3: Maak documenten<\/strong>&nbsp;Maak 4 documenten:<\/p>\n\n\n\n<ul>\n<li>LinkedIn: 1200 x 627 pixels<\/li>\n\n\n\n<li>Facebook: 1340 x 985 pixels<\/li>\n\n\n\n<li>Twitter: 800 x 800 pixels<\/li>\n\n\n\n<li>Instagram: 1080 x 1080 pixels<\/li>\n<\/ul>\n\n\n\n<p><strong>Stap 4: Ontwerp de basis<\/strong>&nbsp;Begin met de Instagram banner. Zet het product in het midden, voeg een achtergrond toe en houd het simpel en netjes.<\/p>\n\n\n\n<p><strong>Stap 5: Voeg tekst toe<\/strong>&nbsp;Schrijf de naam van het product, een korte beschrijving, de prijs (als dat nodig is) en een knop zoals &#8220;Koop nu&#8221; of &#8220;Ontdek meer&#8221;.<\/p>\n\n\n\n<p><strong>Stap 6: Pas aan voor andere formaten<\/strong>&nbsp;Gebruik dezelfde elementen, maar pas ze aan voor elk formaat. Zorg dat de tekst goed leesbaar blijft en test hoe het eruitziet op kleine schermen.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"891\" src=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.28-1024x1024.png\" alt=\"\" class=\"wp-image-891\" srcset=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.28-1024x1024.png 1024w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.28-300x300.png 300w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.28-150x150.png 150w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.28-768x767.png 768w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.28.png 1468w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1020\" data-id=\"892\" src=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.56.52-1024x1020.png\" alt=\"\" class=\"wp-image-892\" srcset=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.56.52-1024x1020.png 1024w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.56.52-300x300.png 300w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.56.52-150x150.png 150w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.56.52-768x765.png 768w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.56.52-301x300.png 301w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.56.52.png 1472w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"746\" data-id=\"893\" src=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.16-1024x746.png\" alt=\"\" class=\"wp-image-893\" srcset=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.16-1024x746.png 1024w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.16-300x219.png 300w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.16-768x560.png 768w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.16-1536x1119.png 1536w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.16-412x300.png 412w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.16.png 2012w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" data-id=\"890\" src=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.41-1024x529.png\" alt=\"\" class=\"wp-image-890\" srcset=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.41-1024x529.png 1024w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.41-300x155.png 300w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.41-768x397.png 768w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.41-1536x794.png 1536w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.41-2048x1058.png 2048w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-11.57.41-500x258.png 500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>De opdracht: Landingspagina voor e-commerce in XD<\/p>\n\n\n\n<p>Je ontwerpt een landingspagina voor een webshop van een door jou gekozen product in het programma XD. De pagina moet bezoekers overtuigen om het product te kopen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"820\" height=\"1024\" src=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-12.01.22-1-820x1024.png\" alt=\"\" class=\"wp-image-895\" srcset=\"https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-12.01.22-1-820x1024.png 820w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-12.01.22-1-240x300.png 240w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-12.01.22-1-768x959.png 768w, https:\/\/37420.hosts1.ma-cloud.nl\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-28-om-12.01.22-1.png 1220w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/figure>\n\n\n\n<p>ik vond het best leuk om een kleine website te maken in het programma XD. in het begin was het een beetje lastig waar alles zat en wat je ermee kon doen. maar uiteindelijk heb ik het goed begrepen en is het eindresultaat leuk geworden.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>De opdracht: Product banner ontwerpen voor E- commerce Je gaat je voorbereiden op het bouwen van een webshop voor het door jou gekozen product. Je begint met het maken van product banners voor e-commerce. Stap 1: Kies een product&nbsp;Kies een &hellip; <a href=\"https:\/\/37420.hosts1.ma-cloud.nl\/?page_id=860\">Lees verder <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/37420.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/pages\/860"}],"collection":[{"href":"https:\/\/37420.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/37420.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/37420.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/37420.hosts1.ma-cloud.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=860"}],"version-history":[{"count":3,"href":"https:\/\/37420.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/pages\/860\/revisions"}],"predecessor-version":[{"id":896,"href":"https:\/\/37420.hosts1.ma-cloud.nl\/index.php?rest_route=\/wp\/v2\/pages\/860\/revisions\/896"}],"wp:attachment":[{"href":"https:\/\/37420.hosts1.ma-cloud.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}