{"id":236,"date":"2025-06-18T14:14:02","date_gmt":"2025-06-18T14:14:02","guid":{"rendered":"https:\/\/www.sinkevicius.work\/?page_id=236"},"modified":"2025-08-09T12:17:17","modified_gmt":"2025-08-09T12:17:17","slug":"order-details","status":"publish","type":"page","link":"https:\/\/www.sinkevicius.work\/index.php\/order-details\/","title":{"rendered":"Order Details"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-2b275439 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bf1e53ba wp-block-group-is-layout-flex\">\n<h1 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\">Order Detail<\/h1>\n\n\n\n<div class=\"wp-block-group has-text-color has-link-color wp-elements-d9b438f950e6d7d174a848823c07b7eb is-nowrap is-layout-flex wp-container-core-group-is-layout-fc054d2d wp-block-group-is-layout-flex\" style=\"color:#717070\">\n<p>Case study<\/p>\n\n\n\n<p>\u00b7<\/p>\n\n\n\n<p>4 Min Read<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-video wp-container-content-9cfa9a5a\"><video autoplay loop muted preload=\"auto\" src=\"https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Screen-Recording-2025-08-08-at-13.22.28-4.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group uicore-animate-scroll has-global-padding is-layout-constrained wp-container-core-group-is-layout-c5bbea69 wp-block-group-is-layout-constrained\" data-aos=\"fade\" data-aos-duration=\"950\" data-aos-once=\"true\">\n<h3 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\" id=\"block-d4b7bfc5-5f0d-4fa9-a89a-adeb83d7e480\">Project Snapshot<\/h3>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-0111e8f6 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-background is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-ecf3577e wp-block-group-is-layout-flex\" style=\"border-radius:16px;background-color:#ffffff;min-height:150px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-37505225 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#111111;width:24px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M278.09-109v-91H434.5v-114.2q-49-11.71-87.86-41.97-38.86-30.26-58.05-76.03-80.74-5.65-135.67-65.73Q98-558.02 98-640v-40q0-37.78 26.61-64.39T189-771h80v-80h422v80h80q37.78 0 64.39 26.61T862-680v40q0 81.98-54.92 142.07-54.93 60.08-135.67 65.73-19.19 45.77-58.05 76.03-38.86 30.26-87.86 41.97V-200h156.41v91H278.09ZM269-528v-152h-80v40q0 38 22 68.5t58 43.5Zm422 0q36-13 58-43.5t22-68.5v-40h-80v152Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family has-medium-font-size\"><strong>Goal<\/strong><\/h6>\n<\/div>\n\n\n\n<p id=\"block-6323873b-fe0e-4b42-8674-d49298ef6ca2\">Redesign the Order Detail and Order Confirmation pages to make delivery and payment status clear, support reseller tools, and align with Oriflame\u2019s design system.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-ecf3577e wp-block-group-is-layout-flex\" style=\"border-radius:16px;background-color:#ffffff;min-height:150px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-37505225 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#111111;width:24px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M480-484.07q-69.59 0-118.86-49.27-49.27-49.27-49.27-118.86 0-69.58 49.27-118.74 49.27-49.15 118.86-49.15t118.86 49.15q49.27 49.16 49.27 118.74 0 69.59-49.27 118.86-49.27 49.27-118.86 49.27ZM151.87-147.8v-120.61q0-36.23 18.74-66.59 18.74-30.37 49.8-46.35 62.72-31.24 127.67-46.98 64.94-15.74 131.92-15.74 67.43 0 132.39 15.62 64.96 15.62 127.2 46.86 31.06 15.95 49.8 46.25t18.74 66.91v120.63H151.87Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family has-medium-font-size\"><strong>Role<\/strong><\/h6>\n<\/div>\n\n\n\n<p id=\"block-6323873b-fe0e-4b42-8674-d49298ef6ca2\">Lead UX\/UI Designer<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background wp-container-content-e29552f7 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-ecf3577e wp-block-group-is-layout-flex\" style=\"border-radius:16px;background-color:#ffffff;min-height:150px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-37505225 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#111111;width:24px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M847.41-319.41v246.82H112.59v-244.82h69.48q9.8 14 25.22 22 15.43 8 32.71 8 29.94 0 51.26-21.32 21.33-21.31 21.33-51.23 0-29.93-21.33-51.28-21.32-21.35-51.26-21.35-17.28 0-32.71 8-15.42 8-25.22 22h-69.48v-244.82h188.56q-4.28-13.09-6.42-26.18-2.14-13.08-2.14-26.41 0-78.09 54.66-132.75 54.67-54.66 132.76-54.66 78.1 0 132.75 54.66 54.65 54.66 54.65 132.75 0 13.33-2.14 26.41-2.14 13.09-6.42 26.18h188.56v246.82H779.7q-9.57-14.76-25.49-23.38-15.93-8.62-34.21-8.62-29.94 0-51.26 21.32-21.33 21.31-21.33 51.23 0 29.93 21.33 51.28 21.32 21.35 51.26 21.35 18.28 0 34.21-8.62 15.92-8.62 25.49-23.38h67.71Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family has-medium-font-size\">SCOPE<\/h6>\n<\/div>\n\n\n\n<p id=\"block-6323873b-fe0e-4b42-8674-d49298ef6ca2\">Order Detail and Order Confirmation pages design for 55+ markets<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background wp-container-content-e29552f7 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-ecf3577e wp-block-group-is-layout-flex\" style=\"border-radius:16px;background-color:#ffffff;min-height:150px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-37505225 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#111111;width:24px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M480-60.78q-85.96 0-162.35-33.2-76.39-33.19-133.43-90.24-57.05-57.04-90.24-133.43-33.2-76.39-33.2-162.35 0-86.39 33.2-162.57 33.19-76.17 90.24-133.21 57.04-57.05 133.43-90.24 76.39-33.2 162.35-33.2 86.39 0 162.57 33.2 76.17 33.19 133.21 90.24 57.05 57.04 90.24 133.21 33.2 76.18 33.2 162.57 0 85.96-33.2 162.35-33.19 76.39-90.24 133.43-57.04 57.05-133.21 90.24-76.18 33.2-162.57 33.2Zm-1.13-107.44q23.74-34.87 42.74-73.58 19-38.72 31-81.59H406.83q12 42.87 30.15 81.59 18.15 38.71 41.89 73.58Zm-101.17-16q-19.13-31.87-31.5-67.37-12.37-35.5-21.37-71.8H210.22q27.3 48.87 69.95 85.3 42.66 36.44 97.53 53.87Zm202.91 0q54.87-17.43 98.09-53.87 43.21-36.43 70.52-85.3H634.61q-9 36.3-21.94 71.8-12.93 35.5-32.06 67.37ZM176.78-401.7h132.05q-3-20-4.5-38.93-1.5-18.94-1.5-39.37 0-21 1.5-39.65t4.5-38.65H176.78q-5 19.43-7.5 38.37-2.5 18.93-2.5 39.93 0 20.43 2.5 39.65t7.5 38.65Zm212.05 0h181.78q3-20 3.93-38.93.94-18.94.94-39.37 0-21-.94-39.65-.93-18.65-3.93-38.65H388.83q-3 20-4.5 38.65t-1.5 39.65q0 20.43 1.5 39.37 1.5 18.93 4.5 38.93Zm261.78 0h131.48q5-19.43 7.5-38.65t2.5-39.65q0-21-2.5-39.93-2.5-18.94-7.5-38.37H650.61q2.43 20 3.65 38.65 1.22 18.65 1.22 39.65 0 20.43-1.22 39.37-1.22 18.93-3.65 38.93Zm-16-235.47h114.61q-27.31-48.87-70.52-85.03-43.22-36.15-98.09-53.58 19.13 31.87 32.06 67.08 12.94 35.22 21.94 71.53Zm-227.78 0h145.78q-11.44-42.87-30.44-81.31-19-38.43-43.3-73.3-23.74 34.87-41.89 73.3-18.15 38.44-30.15 81.31Zm-196.61 0h114.61q9-36.31 21.37-71.53 12.37-35.21 31.5-67.08-54.87 17.43-97.53 53.58-42.65 36.16-69.95 85.03Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family has-medium-font-size\">Market<\/h6>\n<\/div>\n\n\n\n<p id=\"block-6323873b-fe0e-4b42-8674-d49298ef6ca2\">55+ Oriflame markets. MVP in Czechia and Spain<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-ecf3577e wp-block-group-is-layout-flex\" style=\"border-radius:16px;background-color:#ffffff;min-height:150px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-37505225 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#111111;width:24px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M640.72-151.87v-291.48h167.41v291.48H640.72Zm-244.31 0v-656.26h167.18v656.26H396.41Zm-244.54 0v-456.26h167.41v456.26H151.87Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family has-medium-font-size\">Impact<\/h6>\n<\/div>\n\n\n\n<p id=\"block-6323873b-fe0e-4b42-8674-d49298ef6ca2\">Clearer hierarchy for critical information, reduced support load, and improved experience for both customers and resellers. MVP in development.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" data-aos=\"fade\" data-aos-duration=\"950\">\n<h3 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\" id=\"block-3a351446-1eff-4f1f-b765-fed647511d12\">Context<\/h3>\n\n\n\n<p id=\"block-61e05933-87d9-4659-9852-ead0d6e56ef3\">The Order Detail and Confirmation pages share most components. The Confirmation page appears immediately after purchase, while the Order Detail page is accessed through order history and is one of Oriflame\u2019s most visited pages.<\/p>\n\n\n\n<p>The design had not been updated in over a decade. It had become bloated with secondary features while neglecting key tasks, such as creating a claim, paying for a credited order, or cancelling an order. Critical details like delivery dates and payment status were easy to miss, and workflows varied between markets.<\/p>\n\n\n\n<p id=\"block-61e05933-87d9-4659-9852-ead0d6e56ef3\">Our aim was to modernise the experience, prioritise the most common user needs, support complex market-specific payment flows, and add tools without overloading the interface. A key goal was to make users more self-sufficient, reducing the need to contact support for order-related tasks they could complete themselves.<\/p>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-ce155fab wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1439\" src=\"https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-scaled.png\" alt=\"Screenshot from design showing Oriflame desktop order detail page with order number, payment confirmed message, estimated delivery date, delivery details, and payment method information.\" class=\"wp-image-911\" style=\"border-radius:16px;box-shadow:var(--wp--preset--shadow--deep);aspect-ratio:16\/9;object-fit:contain\" srcset=\"https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-scaled.png 2560w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-1000x562.png 1000w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-2000x1124.png 2000w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-768x432.png 768w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-1536x864.png 1536w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-2048x1151.png 2048w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-500x281.png 500w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-800x450.png 800w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-1280x720.png 1280w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Confirmation-1920x1079.png 1920w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-98cc6decdb7c9838172ebe79ea819d61\" style=\"font-style:normal;font-weight:300\">The legacy order confirmation page<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-ce155fab wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1439\" src=\"https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-scaled.png\" alt=\"Screenshot from design showing Oriflame desktop order detail page with order number, pending payment status, estimated delivery date, delivery details, and buttons to continue payment or change payment provider\" class=\"wp-image-912\" style=\"border-radius:16px;box-shadow:var(--wp--preset--shadow--deep);aspect-ratio:16\/9;object-fit:contain\" srcset=\"https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-scaled.png 2560w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-1000x562.png 1000w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-2000x1124.png 2000w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-768x432.png 768w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-1536x864.png 1536w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-2048x1151.png 2048w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-500x281.png 500w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-800x450.png 800w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-1280x720.png 1280w, https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Order-Detail-1920x1079.png 1920w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-227bc0a2424dfa99dcf807f91e6b8f3c\" style=\"font-style:normal;font-weight:300\">The legacy order detail page<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-d4759b31 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\" id=\"block-3a351446-1eff-4f1f-b765-fed647511d12\">Who we designed for<\/h3>\n\n\n\n<div class=\"wp-block-group wp-container-content-9cfa9a5a is-layout-grid wp-container-core-group-is-layout-b757edec wp-block-group-is-layout-grid\">\n<div class=\"wp-block-group has-background wp-container-content-2a22ce07 is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-e4b10641 wp-block-group-is-layout-flex\" style=\"border-radius:16px;background-color:#ffffff;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-outermost-icon-block items-justified-left\"><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#111111;width:76px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M361.2-389.28q-21.48 0-36.1-14.62-14.62-14.62-14.62-36.1 0-21.48 14.62-36.1 14.62-14.62 36.1-14.62 21.47 0 36.09 14.62 14.62 14.62 14.62 36.1 0 21.48-14.62 36.1-14.62 14.62-36.09 14.62Zm237.6 0q-21.47 0-36.09-14.62-14.62-14.62-14.62-36.1 0-21.48 14.62-36.1 14.62-14.62 36.09-14.62 21.48 0 36.1 14.62 14.62 14.62 14.62 36.1 0 21.48-14.62 36.1-14.62 14.62-36.1 14.62ZM480-162.87q132.57 0 224.97-92.03 92.4-92.02 92.4-224.62 0-24-3-46.15t-11-42.9q-21 5-41.64 7.5t-43.64 2.5q-90.29 0-170.45-38.64-80.16-38.64-136.92-108.16-31.52 77.04-90.55 133.95-59.02 56.9-137.06 85.9v6q0 132.6 92.16 224.62 92.16 92.03 224.73 92.03Zm.24 91q-84.65 0-159.1-32.1-74.44-32.1-129.64-87.29-55.2-55.2-87.29-129.65-32.1-74.46-32.1-159.11 0-84.65 32.1-159.09 32.09-74.43 87.29-129.63 55.2-55.19 129.65-87.29 74.46-32.1 159.11-32.1 84.65 0 158.97 32.1 74.31 32.1 129.51 87.29 55.19 55.2 87.29 129.65 32.1 74.46 32.1 159.11 0 84.65-32.1 159.09-32.1 74.43-87.29 129.63-55.2 55.19-129.57 87.29-74.37 32.1-158.93 32.1Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-37505225 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family has-medium-font-size\"><strong>Casual Shopper<\/strong><\/h6>\n<\/div>\n\n\n\n<p class=\"wp-container-content-9cfa9a5a\" id=\"block-6323873b-fe0e-4b42-8674-d49298ef6ca2\">Everyday beauty and wellness customers who typically pay instantly online or, in some markets, upon delivery. They value reassurance that their order went through and benefit from simple, intuitive paths for actions like making a claim. Clear post-purchase updates can also inspire them to share feedback or product experiences.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background wp-container-content-2a22ce07 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-4a946efc wp-block-group-is-layout-flex\" style=\"border-radius:16px;background-color:#ffffff;min-height:0px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-contrast-color\" style=\"color:#111111;width:66px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M480-31.87q-22.52 0-45.04-2.64-22.53-2.64-45.05-7.64-90.87 65.24-199 44.94Q82.78-17.5 25.83-113.65q-45-74.72-30.44-160.08Q9.96-359.09 70-419.24v-2.28Q9.2-478.76-3.77-565.37q-12.97-86.61 28.84-158.7 36.04-61.56 102-96.45 65.95-34.89 139.63-26.09 33.19-56.28 89.65-88.9Q412.8-968.13 480-968.13t123.65 32.62q56.46 32.62 89.65 88.9 73.68-8.8 139.63 26.09 65.96 34.89 102 96.45 41.81 72.09 28.84 158.7Q950.8-478.76 890-421.52v2.28q60.04 60.15 74.61 145.51 14.56 85.36-30.44 160.08Q877.22-17.5 769.09 2.79q-108.13 20.3-199-44.94-22.52 5-45.05 7.64-22.52 2.64-45.04 2.64Zm0-91q132.57 0 224.97-92.04 92.4-92.05 92.4-224.61 0-27.57-4.14-53.23-4.14-25.66-12.66-49.71-29 19.29-63.53 29.93-34.52 10.64-72.04 10.64-102.24 0-174.34-71.14-72.09-71.14-73.53-173.14-101.61 26.95-167.81 111.76-66.21 84.8-66.21 194.89 0 132.56 92.16 224.61 92.16 92.04 224.73 92.04ZM361.2-349.28q-21.48 0-36.1-14.62-14.62-14.62-14.62-36.1 0-21.48 14.62-36.1 14.62-14.62 36.1-14.62 21.47 0 36.09 14.62 14.62 14.62 14.62 36.1 0 21.48-14.62 36.1-14.62 14.62-36.09 14.62Zm237.6 0q-21.47 0-36.09-14.62-14.62-14.62-14.62-36.1 0-21.48 14.62-36.1 14.62-14.62 36.09-14.62 21.48 0 36.1 14.62 14.62 14.62 14.62 36.1 0 21.48-14.62 36.1-14.62 14.62-36.1 14.62Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family has-medium-font-size\"><strong>Brand Partner<\/strong><\/h6>\n\n\n\n<p class=\"wp-container-content-9cfa9a5a\" id=\"block-6323873b-fe0e-4b42-8674-d49298ef6ca2\">Independent resellers who place multiple orders each month as part of their business. They need quick access to tools like downloadable product lists, invoices, and Business Points summaries. Efficient claim handling and self-service options help them stay independent and reduce reliance on customer support.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-cd86aea5 wp-block-group-is-layout-flex\" data-aos=\"fade\" data-aos-duration=\"1000\">\n<h3 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\">What did I do?<\/h3>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-flex wp-container-core-group-is-layout-b20be981 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#241500;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">User Research<\/p>\n\n\n\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#241500;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">Wireframing<\/p>\n\n\n\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#241500;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">Copywriting<\/p>\n\n\n\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#241500;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">High Fidelity Prototype<\/p>\n\n\n\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#241500;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">Visual Design<\/p>\n<\/div>\n\n\n\n<p>I led the UX process from research to delivery. I defined the problem using data and interviews with Support Center staff and customers, mapped the new logic through workshops with Payments and Delivery teams, and designed flows and high-fidelity screens. I ran usability and A\/B tests, ensuring the experience worked for both casual shoppers and Brand Partners.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull .wp-block-group.full-width-background { width: 100vw; position: relative; left: 50%; right: margin-left: -50vw; margin-right: padding: 40px 0; } .wp-block-group.inner-content max-width: var(--wp--style--global--content-size, 1200px); margin: 0 auto; 20px; has-base-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-c52cfeadd4511c6ffe2858f8ac246609 is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--90);padding-bottom:var(--wp--preset--spacing--90)\" data-aos=\"fade\" data-aos-duration=\"1000\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\">What we learned<\/h3>\n\n\n\n<div class=\"wp-block-group has-text-color has-link-color wp-elements-7bb81cbf1b69e39f92a8bece37ad7528 has-global-padding is-layout-constrained wp-container-core-group-is-layout-5a30f31b wp-block-group-is-layout-constrained\" style=\"color:#ffffff\">\n<p class=\"has-text-color has-link-color has-special-gothic-expanded-one-font-family wp-elements-89e5067fb2bb4bc49130ed3425725cda\" style=\"color:#ffffff\"><strong>TOOLS<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-flex wp-container-core-group-is-layout-bc8e6f51 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#ffffff;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">Medallia<\/p>\n\n\n\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#ffffff;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">Google Analytics<\/p>\n\n\n\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#ffffff;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">User Interviews<\/p>\n\n\n\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#ffffff;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">Think-Aloud Test<\/p>\n\n\n\n<p class=\"has-text-align-center has-border-color\" style=\"border-color:#ffffff;border-width:1px;border-radius:30px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">Benchmark<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<p class=\"has-text-color has-link-color has-special-gothic-expanded-one-font-family wp-elements-f3132640b7504242b460f9d4fce8cabb\" style=\"color:#ffffff;text-transform:uppercase\"><strong>Order COnfirmation<\/strong><\/p>\n\n\n\n<p>On the Confirmation page, key issues included showing the tracker too early and poor visibility of payment status. In less digitalised markets, users could place an order without paying immediately, but this was only noted in small text despite being crucial. Digital payment failures also lacked clear guidance on what to do next. Stakeholders also saw potential in this page for actions such as referral programs that could benefit both the sender and the recipient.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<p class=\"has-text-color has-link-color has-special-gothic-expanded-one-font-family wp-elements-dcf9f03961290212b8198f96d843c09e\" style=\"color:#ffffff;text-transform:uppercase\"><strong>Order Detail<\/strong><\/p>\n\n\n\n<p>For the Order Detail page, research showed that the main reason people visited it, both casual shoppers and Brand Partners, was to check their delivery status. The legacy tracker had only three stages: Order placed, Out for delivery, and Delivered. It often stalled at \u201cOut for delivery\u201d because real-time updates from local couriers were missing. With Oriflame operating in more than 55 markets, integrating with all delivery providers was too costly and unsustainable.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c5bbea69 wp-block-group-is-layout-constrained\" data-aos=\"fade\" data-aos-duration=\"950\">\n<h3 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\" id=\"block-56785f5c-46e8-479f-b72f-5dd5b99da7ce\"><strong>Key decisions<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-border-color is-vertical is-layout-flex wp-container-core-group-is-layout-8cb4f167 wp-block-group-is-layout-flex\" style=\"border-color:#111111;border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<p class=\"has-special-gothic-expanded-one-font-family\" style=\"text-transform:uppercase\"><strong>Distinct Designs<\/strong><\/p>\n\n\n\n<p>The order detail page should focus on managing the order and viewing the delivery date, while the order confirmation page should emphasize the payment status and a positive message indicating everything went well.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-border-color is-vertical is-layout-flex wp-container-core-group-is-layout-8cb4f167 wp-block-group-is-layout-flex\" style=\"border-color:#111111;border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<p class=\"has-special-gothic-expanded-one-font-family\" style=\"text-transform:uppercase\"><strong>Prioritise delivery date<\/strong><\/p>\n\n\n\n<p>Place the delivery date and shipment status at the top in a clear, prominent style for both order detail and confirmation pages.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-border-color is-vertical is-layout-flex wp-container-core-group-is-layout-8cb4f167 wp-block-group-is-layout-flex\" style=\"border-color:#111111;border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<p class=\"has-special-gothic-expanded-one-font-family\" style=\"text-transform:uppercase\"><strong>WHen unpaid order<\/strong><\/p>\n\n\n\n<p>Show payment methods selection with a clear tailored message on why the previous payment attempt didn&#8217;t go through.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-border-color is-vertical is-layout-flex wp-container-core-group-is-layout-8cb4f167 wp-block-group-is-layout-flex\" style=\"border-color:#111111;border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<p class=\"has-special-gothic-expanded-one-font-family\" style=\"text-transform:uppercase\"><strong><strong><strong><strong>Quick actions<\/strong><\/strong><\/strong><\/strong><\/p>\n\n\n\n<p>Bring quick actions menu to the order detail page that would cover functions such as download product list, download invoice, create a claim, cancel order, and buy all again.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" data-aos=\"fade\" data-aos-duration=\"1000\">\n<h3 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\" id=\"block-4ddfd591-0b26-456f-8ef5-a5cbe86af276\"><strong>Final Design<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\" id=\"block-4ddfd591-0b26-456f-8ef5-a5cbe86af276\"><strong>Order confirmation<\/strong><\/h6>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-30ba85883a223dd97df43652d98dbc05\">Paid order<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted preload=\"auto\" src=\"https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Screen-Recording-2025-08-08-at-13.25.38.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\" id=\"block-4ddfd591-0b26-456f-8ef5-a5cbe86af276\"><strong>Order confirmation<\/strong><\/h6>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-d72a4767484c9a6c5648b734cd86a3cb\">Unpaid order<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted preload=\"auto\" src=\"https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Screen-Recording-2025-08-08-at-10.25.03.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\" id=\"block-4ddfd591-0b26-456f-8ef5-a5cbe86af276\"><strong>Order detail<\/strong><\/h6>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-bf46edcd8926e617f4bc09eed34f6861\">Shipped order<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted preload=\"auto\" src=\"https:\/\/www.sinkevicius.work\/wp-content\/uploads\/2025\/08\/Screen-Recording-2025-08-08-at-13.22.28.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" data-aos=\"fade\" data-aos-duration=\"950\">\n<h3 class=\"wp-block-heading has-special-gothic-expanded-one-font-family\">Reflection<\/h3>\n\n\n\n<p>Balancing general customer needs with reseller-specific workflows was the core challenge. Focusing on clear delivery and payment communication addressed the majority of pain points. Next steps include tracking impact on support tickets after launch and iterating on the repeat purchase feature based on adoption.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Order Detail Case study \u00b7 4 Min Read Project Snapshot Goal Redesign the Order Detail and Order Confirmation pages to make delivery and payment status clear, support reseller tools, and align with Oriflame\u2019s design system. Role Lead UX\/UI Designer SCOPE Order Detail and Order Confirmation pages design for 55+ markets Market 55+ Oriflame markets. MVP [&hellip;]<\/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-236","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sinkevicius.work\/index.php\/wp-json\/wp\/v2\/pages\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sinkevicius.work\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sinkevicius.work\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sinkevicius.work\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sinkevicius.work\/index.php\/wp-json\/wp\/v2\/comments?post=236"}],"version-history":[{"count":28,"href":"https:\/\/www.sinkevicius.work\/index.php\/wp-json\/wp\/v2\/pages\/236\/revisions"}],"predecessor-version":[{"id":1020,"href":"https:\/\/www.sinkevicius.work\/index.php\/wp-json\/wp\/v2\/pages\/236\/revisions\/1020"}],"wp:attachment":[{"href":"https:\/\/www.sinkevicius.work\/index.php\/wp-json\/wp\/v2\/media?parent=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}