{"id":149,"date":"2023-06-06T08:22:59","date_gmt":"2023-06-06T08:22:59","guid":{"rendered":"https:\/\/familiekouwenberg.nl\/?post_type=portfolio&#038;p=149"},"modified":"2023-06-06T09:57:19","modified_gmt":"2023-06-06T09:57:19","slug":"vopak-digital-channels","status":"publish","type":"portfolio","link":"https:\/\/familiekouwenberg.nl\/index.php\/portfolio\/vopak-digital-channels\/","title":{"rendered":"Vopak digital channels"},"content":{"rendered":"\n<p class=\"has-base-color has-text-color has-background wp-block-paragraph\" style=\"background-color:#63717c\"><strong>Understanding and offering the right content to coworkers and external stakeholders via an intra- and extranet<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">It all started with the internal wish to make it easier to maintain the intranet and make communication with clients easier. The IT department saw the solution in upgrading the technical platform but saw also that functionality and design needed upgrades. The need was big, all needed to be delivered in 6 months. We balanced the research and involvement of users to manage the timelines. Understand piece by piece, design and iterate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch-1024x768.png\" alt=\"\" class=\"wp-image-150\" width=\"348\" height=\"260\" srcset=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch-1024x768.png 1024w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch-300x225.png 300w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch-768x576.png 768w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch-1536x1152.png 1536w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch-500x375.png 500w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch-800x600.png 800w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch-1280x960.png 1280w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_sketch.png 1600w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">A lot of desk research happend to understand the as-is situation and the processes between Vopak and client. Many documents landed on our desk, reading, asking questions and trying to capture the essence. This all helped us to be prepared for creative session where we visualised together possible lay-outs and flows. The output was used to create spotplans and first versions of wireframes .<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"384\" src=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-1024x384.png\" alt=\"\" class=\"wp-image-152\" srcset=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-1024x384.png 1024w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-300x113.png 300w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-768x288.png 768w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-1536x576.png 1536w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-2048x768.png 2048w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-500x188.png 500w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-800x300.png 800w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-1280x480.png 1280w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_spotplanWireframe-1920x720.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Using powerpoint was easy to see the flow but it was not optimal for early testing with co-workers and selected clients so we switched to Axure as prototyping tool. And at the same time we stepped into setting a visual identity for Vopak for digital channels. <\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"715\" height=\"1024\" src=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-715x1024.png\" alt=\"\" class=\"wp-image-153\" srcset=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-715x1024.png 715w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-209x300.png 209w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-768x1100.png 768w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-1072x1536.png 1072w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-1430x2048.png 1430w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-500x716.png 500w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-800x1146.png 800w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-1280x1833.png 1280w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_intranet-1920x2750.png 1920w\" sizes=\"auto, (max-width: 715px) 100vw, 715px\" \/><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"604\" height=\"1024\" src=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_extranet-604x1024.png\" alt=\"\" class=\"wp-image-154\" srcset=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_extranet-604x1024.png 604w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_extranet-177x300.png 177w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_extranet-768x1302.png 768w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_extranet-906x1536.png 906w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_extranet-500x848.png 500w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_extranet-800x1356.png 800w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_extranet.png 1051w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-724x1024.png\" alt=\"\" class=\"wp-image-155\" srcset=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-724x1024.png 724w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-212x300.png 212w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-768x1086.png 768w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-1086x1536.png 1086w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-1448x2048.png 1448w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-500x707.png 500w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-800x1131.png 800w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-1280x1810.png 1280w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_icon-1920x2715.png 1920w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">We also documented everything in a functional document for the intranet and extranet. We started that document with the simulation so that the reader could see and feel the described functional part. This helped to make it easier to implement and make plans for maintaining the portals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"359\" src=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-1024x359.png\" alt=\"\" class=\"wp-image-156\" srcset=\"https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-1024x359.png 1024w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-300x105.png 300w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-768x270.png 768w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-1536x539.png 1536w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-2048x719.png 2048w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-500x175.png 500w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-800x281.png 800w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-1280x449.png 1280w, https:\/\/familiekouwenberg.nl\/wp-content\/uploads\/2023\/06\/Vopak_fundoc-1920x674.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Understanding and offering the right content to coworkers and external stakeholders via an intra- and extranet It all started with the internal wish to make it easier to maintain the intranet and make communication with clients easier. The IT department saw the solution in upgrading the technical platform but saw also that functionality and design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"_vp_custom_popup_image":0,"_vp_format_audio_url":"","_vp_custom_thumbnail":159,"_vp_custom_thumbnail_focal_point":[],"_vp_hover_thumbnail":0,"_vp_hover_thumbnail_focal_point":[],"footnotes":""},"portfolio_category":[4],"portfolio_tag":[],"class_list":["post-149","portfolio","type-portfolio","status-publish","format-standard","hentry","portfolio_category-design"],"_links":{"self":[{"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/portfolio\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":2,"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/portfolio\/149\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/portfolio\/149\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/media?parent=149"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=149"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/familiekouwenberg.nl\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}