{"id":275,"date":"2024-05-28T19:14:12","date_gmt":"2024-05-28T19:14:12","guid":{"rendered":"https:\/\/notio.wpthemestudios.com\/?post_type=portfolio&#038;p=275"},"modified":"2025-03-27T23:58:53","modified_gmt":"2025-03-27T23:58:53","slug":"freight-booking","status":"publish","type":"portfolio","link":"https:\/\/helenkuusk.com\/?portfolio=freight-booking","title":{"rendered":"Freight Booking Tool Redesign"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row css=&#8221;.vc_custom_1490788621627{margin-top: 80px !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;]\t<div id=\"thb-image-6ad03d4348e30\" class=\"caption-style1 animation bottom-to-top alignleft full  thb_image_link wp-caption \">\r\n\t  \t\t\t<div class=\"thb-image-inner size_100\">\r\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"2000\" src=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds.png\" class=\"thb_image   attachment-full\" alt=\"\" title=\"dfds\" srcset=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds.png 2000w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-300x300.png 300w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-100x100.png 100w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-600x600.png 600w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-1024x1024.png 1024w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-150x150.png 150w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-768x768.png 768w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-1536x1536.png 1536w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-900x900.png 900w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-20x20.png 20w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-24x24.png 24w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-36x36.png 36w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dfds-48x48.png 48w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t[vc_empty_space height=&#8221;2px&#8221;]\t<div id=\"thb-image-6ad03d434933f\" class=\"caption-style1 animation bottom-to-top alignleft full  thb_image_link wp-caption \">\r\n\t  \t\t\t<div class=\"thb-image-inner size_100\">\r\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2480\" height=\"2274\" src=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9.jpg\" class=\"thb_image   attachment-full\" alt=\"\" title=\"Untitled_Artwork 9\" srcset=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9.jpg 2480w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-300x275.jpg 300w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-1024x939.jpg 1024w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-768x704.jpg 768w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-1536x1408.jpg 1536w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-2048x1878.jpg 2048w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-20x18.jpg 20w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-150x138.jpg 150w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-600x550.jpg 600w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-900x825.jpg 900w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-24x22.jpg 24w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-36x33.jpg 36w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-9-48x44.jpg 48w\" sizes=\"auto, (max-width: 2480px) 100vw, 2480px\" \/>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t[vc_empty_space height=&#8221;2px&#8221;]\t<div id=\"thb-image-6ad03d434967a\" class=\"caption-style1 animation bottom-to-top alignleft full  thb_image_link wp-caption \">\r\n\t  \t\t\t<div class=\"thb-image-inner size_100\">\r\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1896\" height=\"2560\" src=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-scaled.jpg\" class=\"thb_image   attachment-full\" alt=\"\" title=\"Untitled_Artwork 10\" srcset=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-scaled.jpg 1896w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-222x300.jpg 222w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-758x1024.jpg 758w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-768x1037.jpg 768w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-1137x1536.jpg 1137w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-1517x2048.jpg 1517w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-300x405.jpg 300w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-150x203.jpg 150w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-600x810.jpg 600w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-900x1215.jpg 900w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-20x27.jpg 20w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-18x24.jpg 18w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-27x36.jpg 27w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-10-36x48.jpg 36w\" sizes=\"auto, (max-width: 1896px) 100vw, 1896px\" \/>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t[vc_empty_space height=&#8221;2px&#8221;][\/vc_column][vc_column fixed=&#8221;thb-fixed&#8221; width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1490809100043{padding-left: 30px !important;}&#8221;][vc_empty_space height=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221;]\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<h2>Freight Booking Tool Redesign<\/h2>\n<\/div>\n<\/div>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]\t\t\t<div class=\"portfolio-attributes\r\n\t\tstyle1\t\t\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"attribute\">\r\n\t\t\t\t\t\t<h6>Company<\/h6>\r\n\t\t\t\t\t\t\t\t\t\t\t\tDFDS\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"attribute\">\r\n\t\t\t\t\t\t<h6>Year<\/h6>\r\n\t\t\t\t\t\t\t\t\t\t\t\t2022\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t[vc_empty_space height=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221;]\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<h4>The Challenge<\/h4>\n<p>Users were frequently making errors while creating freight shipping bookings due to the <strong data-start=\"572\" data-end=\"600\">complexity and ambiguity<\/strong> of the existing interface. These mistakes impacted operational efficiency and placed added pressure on customer support. The goal was to <strong data-start=\"738\" data-end=\"767\">redesign the booking flow<\/strong> to reduce errors, increase user confidence, and minimise the need for support intervention.<\/p>\n<p>&nbsp;<\/p>\n<h4>Problem Discovery<\/h4>\n<p>The project began with a deep dive into <strong data-start=\"923\" data-end=\"943\">user pain points<\/strong> and stakeholder priorities. It became clear that the current interface made it difficult for users to input the right information. Stakeholders emphasised the need for more accurate data and fewer support requests. During this phase, we also defined the scope of the <strong data-start=\"1211\" data-end=\"1243\">Minimum Viable Product (MVP)<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<h4>Co-creation &amp; Ideation<\/h4>\n<p class=\"\" data-start=\"1281\" data-end=\"1588\">To address the problem, I facilitated brainstorming workshops with a cross-functional team that included developers, the product manager, and customer support. Together, we explored solutions to simplify the booking process and reduce input errors. Early concepts were translated into wireframes for review.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<h4 data-start=\"1758\" data-end=\"2045\">Prototyping &amp; testing<\/h4>\n<p class=\"\" data-start=\"1624\" data-end=\"1715\">Interactive prototypes were created to explore the proposed design improvements. These focused on reducing user friction and preventing errors through:<\/p>\n<ul>\n<li data-start=\"394\" data-end=\"429\">A <strong data-start=\"396\" data-end=\"427\">cleaner, more modern layout<\/strong><\/li>\n<li data-start=\"394\" data-end=\"429\"><strong data-start=\"432\" data-end=\"462\">Real-time error validation<\/strong> to guide users as they entered information<\/li>\n<li data-start=\"394\" data-end=\"429\"><strong data-start=\"510\" data-end=\"540\">Clear confirmation prompts<\/strong> to reduce accidental mistakes<\/li>\n<\/ul>\n<p class=\"\" data-start=\"574\" data-end=\"912\">We conducted <strong data-start=\"587\" data-end=\"615\">remote usability testing<\/strong> with 9 participants from the target user group. Each participant was asked to complete various booking tasks while their interactions were observed and followed up with questions. The results were clear: booking errors dropped by <strong data-start=\"846\" data-end=\"853\">95%<\/strong>, and users reported a smoother, more confident experience.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<h4 data-start=\"1758\" data-end=\"2045\">Implementation<\/h4>\n<p data-start=\"1758\" data-end=\"2045\">Using insights from usability testing, I refined the most critical parts of the booking flow and took the lead on finalising the UI design. I <strong data-start=\"978\" data-end=\"1010\">introduced new UI components<\/strong> that aligned with the company\u2019s design system but also gave the product a <strong data-start=\"1085\" data-end=\"1114\">fresher, more modern feel<\/strong>. These updates not only elevated the visual design but also <strong data-start=\"1175\" data-end=\"1215\">improved the overall user experience<\/strong> by making booking interactions more intuitive and error-resistant.<\/p>\n<h4 data-start=\"1758\" data-end=\"2045\"><\/h4>\n<h4 data-start=\"1758\" data-end=\"2045\">Key Outcomes<\/h4>\n<ul>\n<li data-start=\"1313\" data-end=\"1365\"><strong data-start=\"1313\" data-end=\"1348\">95% reduction in booking errors<\/strong> during testing<\/li>\n<li data-start=\"1313\" data-end=\"1365\"><strong data-start=\"1368\" data-end=\"1389\">New UI components<\/strong> created to modernise the product and improve UX<\/li>\n<li data-start=\"1313\" data-end=\"1365\"><strong data-start=\"1442\" data-end=\"1471\">Increased user confidence<\/strong> through clearer interactions and real-time guidance<\/li>\n<li data-start=\"1313\" data-end=\"1365\"><strong data-start=\"1528\" data-end=\"1552\">Reduced support load<\/strong>, as users needed less help during bookings<\/li>\n<li data-start=\"1313\" data-end=\"1365\"><strong data-start=\"1600\" data-end=\"1632\">Strong stakeholder alignment<\/strong>, with regular design reviews and shared decision-making<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1490788621627{margin-top: 80px !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_empty_space height=&#8221;2px&#8221;][vc_empty_space height=&#8221;2px&#8221;][vc_empty_space height=&#8221;2px&#8221;][\/vc_column][vc_column fixed=&#8221;thb-fixed&#8221; width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1490809100043{padding-left: 30px !important;}&#8221;][vc_empty_space height=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221;] Freight Booking Tool Redesign [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_empty_space height=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221;] The Challenge Users were frequently making errors while creating freight shipping bookings due to the complexity and ambiguity of the existing interface. These mistakes impacted operational efficiency and placed added pressure on&hellip;<\/p>\n","protected":false},"featured_media":1582,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","tags":[],"class_list":["post-275","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","project-category-b2b-saas","project-category-design-system","project-category-ui-design","project-category-usability-testing","project-category-user-research","project-category-ux-strategy","project-category-web"],"_links":{"self":[{"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=275"}],"version-history":[{"count":13,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/275\/revisions"}],"predecessor-version":[{"id":1736,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/275\/revisions\/1736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/media\/1582"}],"wp:attachment":[{"href":"https:\/\/helenkuusk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=275"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}