{"id":99,"date":"2023-07-10T12:20:07","date_gmt":"2023-07-10T12:20:07","guid":{"rendered":"https:\/\/olafbon.nl\/?page_id=99"},"modified":"2023-08-03T14:30:46","modified_gmt":"2023-08-03T14:30:46","slug":"visual-stories-for-the-ns","status":"publish","type":"page","link":"https:\/\/olafbon.nl\/index.php\/visual-stories-for-the-ns\/","title":{"rendered":"Visual stories for the NS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"99\" class=\"elementor elementor-99\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29da4623 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"29da4623\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-33 elementor-top-column elementor-element elementor-element-6cfd0462\" data-id=\"6cfd0462\" 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-449712e4 elementor-widget elementor-widget-heading\" data-id=\"449712e4\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Visual Design At The NS\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-627a26db elementor-widget elementor-widget-heading\" data-id=\"627a26db\" 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<h5 class=\"elementor-heading-title elementor-size-default\">Contains: Visual design | Webdesign |\n<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b46997e elementor-widget elementor-widget-heading\" data-id=\"1b46997e\" 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<h6 class=\"elementor-heading-title elementor-size-default\">Skills: Visual research | Prototyping |\n<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44ba6fe1 elementor-widget elementor-widget-text-editor\" data-id=\"44ba6fe1\" 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>The goal is to design three stories for the NS (the Dutch Railway company). They wanted a website in their own style that contains multiple stories for travellers to read on the go.\u00a0The three stories are based on the book \u201cStijloefeningen\u201d(style exercises) by Raymond Queneau. These stories all had the same plot but were written from different points of view, media outlets, personas and feelings.<\/p><p>I designed a full visual research with a combination of self made pictures and online research. I did a lot of exploring, sketching and iterating to get some good ideas for the stories. Finally I designed the way the stories should be presented online and what kind of interaction would fit each story.<\/p><p>You can see the full documentation\u00a0<a href=\"http:\/\/olafbon.nl\/wp-content\/uploads\/2020\/08\/OlafBon_VRM2_Opdracht1her_en_Opdracht2.pdf\">here<\/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-66 elementor-top-column elementor-element elementor-element-3d873698\" data-id=\"3d873698\" 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-75bf4205 elementor-widget elementor-widget-image\" data-id=\"75bf4205\" 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=\"3400\" height=\"2098\" src=\"https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/nsoverzicht.png\" class=\"attachment-full size-full wp-image-144\" alt=\"\" srcset=\"https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/nsoverzicht.png 3400w, https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/nsoverzicht-300x185.png 300w, https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/nsoverzicht-1024x632.png 1024w, https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/nsoverzicht-768x474.png 768w, https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/nsoverzicht-1536x948.png 1536w, https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/nsoverzicht-2048x1264.png 2048w\" sizes=\"(max-width: 3400px) 100vw, 3400px\" \/>\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-7e8fbac9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e8fbac9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\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-100 elementor-top-column elementor-element elementor-element-42c1d1bc\" data-id=\"42c1d1bc\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-13d27fd8 elementor-widget elementor-widget-heading\" data-id=\"13d27fd8\" 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<h1 class=\"elementor-heading-title elementor-size-xl\">Impressions <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31419781 gallery-spacing-custom elementor-widget elementor-widget-image-gallery\" data-id=\"31419781\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-1' class='gallery galleryid-99 gallery-columns-5 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"31419781\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6OCwidXJsIjoiaHR0cHM6XC9cL29sYWZib24ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjNcLzA2XC9TY3JlZW5zaG90LTIwMjEtMDEtMTgtYXQtMTkuNTIuNDAucG5nIiwic2xpZGVzaG93IjoiMzE0MTk3ODEifQ%3D%3D\" href='https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/06\/Screenshot-2021-01-18-at-19.52.40.png'><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/06\/Screenshot-2021-01-18-at-19.52.40-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"31419781\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6OSwidXJsIjoiaHR0cHM6XC9cL29sYWZib24ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjNcLzA2XC9TY3JlZW5zaG90LTIwMjEtMDEtMTgtYXQtMTkuNTIuNDgucG5nIiwic2xpZGVzaG93IjoiMzE0MTk3ODEifQ%3D%3D\" href='https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/06\/Screenshot-2021-01-18-at-19.52.48.png'><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/06\/Screenshot-2021-01-18-at-19.52.48-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"31419781\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAsInVybCI6Imh0dHBzOlwvXC9vbGFmYm9uLm5sXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIzXC8wNlwvU2NyZWVuc2hvdC0yMDIxLTAxLTE4LWF0LTE5LjUyLjU5LnBuZyIsInNsaWRlc2hvdyI6IjMxNDE5NzgxIn0%3D\" href='https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/06\/Screenshot-2021-01-18-at-19.52.59.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/06\/Screenshot-2021-01-18-at-19.52.59-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"31419781\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTEsInVybCI6Imh0dHBzOlwvXC9vbGFmYm9uLm5sXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIzXC8wNlwvU2NyZWVuc2hvdC0yMDIxLTAxLTE4LWF0LTE5LjUzLjEwLnBuZyIsInNsaWRlc2hvdyI6IjMxNDE5NzgxIn0%3D\" href='https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/06\/Screenshot-2021-01-18-at-19.53.10.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/06\/Screenshot-2021-01-18-at-19.53.10-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"31419781\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQyLCJ1cmwiOiJodHRwczpcL1wvb2xhZmJvbi5ubFwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyM1wvMDdcL3Zvcm1nZXZpbmcucG5nIiwic2xpZGVzaG93IjoiMzE0MTk3ODEifQ%3D%3D\" href='https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/vormgeving.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/olafbon.nl\/wp-content\/uploads\/2023\/07\/vormgeving-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6ccf3a2d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ccf3a2d\" data-element_type=\"section\" data-e-type=\"section\">\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-20 elementor-inner-column elementor-element elementor-element-49b7cbf8\" data-id=\"49b7cbf8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-6de44e83\" data-id=\"6de44e83\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-3cfdd003\" data-id=\"3cfdd003\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-40742b76\" data-id=\"40742b76\" 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-1cf80115 elementor-align-right elementor-mobile-align-left elementor-widget elementor-widget-button\" data-id=\"1cf80115\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;bottom&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/olafbon.nl\/#3\">\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\">Back home<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-20 elementor-inner-column elementor-element elementor-element-300b0ad3\" data-id=\"300b0ad3\" 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-463abaea elementor-align-right elementor-widget elementor-widget-button\" data-id=\"463abaea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;bottom&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/olafbon.nl\/index.php\/information-architecture\/\">\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\">Next project<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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\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>Visual Design At The NS Contains: Visual design | Webdesign | Skills: Visual research | Prototyping | The goal is to design three stories for the NS (the Dutch Railway company). They wanted a website in their own style that contains multiple stories for travellers to read on the go.\u00a0The three stories are based on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":144,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-99","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/pages\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":29,"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/pages\/99\/revisions"}],"predecessor-version":[{"id":705,"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/pages\/99\/revisions\/705"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/media\/144"}],"wp:attachment":[{"href":"https:\/\/olafbon.nl\/index.php\/wp-json\/wp\/v2\/media?parent=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}