{"id":1637,"date":"2026-04-13T17:08:46","date_gmt":"2026-04-13T17:08:46","guid":{"rendered":"https:\/\/runoo.tech\/?page_id=1637"},"modified":"2026-04-19T14:49:39","modified_gmt":"2026-04-19T14:49:39","slug":"elementor-1637","status":"publish","type":"page","link":"https:\/\/runoo.tech\/zh\/elementor-1637\/","title":{"rendered":"case\/unikoo"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1637\" class=\"elementor elementor-1637\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b14502 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"5b14502\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-c454daf flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"c454daf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n*{box-sizing:border-box;margin:0;padding:0;}\n.uk{max-width:860px;margin:0 auto;padding:80px 60px;font-family:'Inter','Segoe UI',Arial,sans-serif;}\n.uk-hero{background:#0f172a;border-radius:20px;padding:60px;margin-bottom:48px;position:relative;overflow:hidden;}\n.uk-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 60%,#1e1b4b 100%);}\n.uk-hero-inner{position:relative;z-index:1;}\n.uk-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.4);text-decoration:none;margin-bottom:28px;transition:color .2s;}\n.uk-back:hover{color:rgba(255,255,255,.8);}\n.uk-hero-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#93c5fd;background:rgba(37,99,235,.3);border:1px solid rgba(147,197,253,.2);padding:4px 12px;border-radius:100px;margin-bottom:20px;}\n.uk-hero-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;color:#fff;letter-spacing:-0.03em;line-height:1.15;margin-bottom:36px;}\n.uk-hero-stats{display:flex;gap:0;flex-wrap:wrap;}\n.uk-hero-stat{padding:0 40px 0 0;margin-right:40px;border-right:1px solid rgba(255,255,255,.1);}\n.uk-hero-stat:last-child{border-right:none;padding-right:0;margin-right:0;}\n.uk-hero-stat-num{font-size:2rem;font-weight:900;letter-spacing:-0.04em;color:#fff;line-height:1;margin-bottom:4px;}\n.uk-hero-stat-label{font-size:12px;color:rgba(255,255,255,.4);font-weight:500;}\n.uk-meta{display:flex;gap:0;flex-wrap:wrap;background:#f8faff;border:1.5px solid #e8f0fe;border-radius:14px;margin-bottom:48px;overflow:hidden;}\n.uk-meta-item{flex:1;min-width:140px;padding:20px 24px;border-right:1px solid #e8f0fe;}\n.uk-meta-item:last-child{border-right:none;}\n.uk-meta-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;}\n.uk-meta-val{font-size:14px;font-weight:700;color:#0f172a;}\n.uk-section{margin-bottom:48px;}\n.uk-section-label{font-size:11px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:12px;}\n.uk-p{font-size:15px;color:#475569;line-height:1.8;margin-bottom:12px;}\n.uk-divider{border:none;border-top:1px solid #f1f5f9;margin:40px 0;}\n.uk-challenges{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\n.uk-challenge{padding:20px 22px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;transition:border-color .2s;}\n.uk-challenge:hover{border-color:#2563eb;}\n.uk-challenge-num{font-size:11px;font-weight:700;color:#94a3b8;margin-bottom:8px;}\n.uk-challenge-title{font-size:15px;font-weight:800;color:#0f172a;margin-bottom:8px;}\n.uk-challenge-desc{font-size:13px;color:#64748b;line-height:1.65;}\n.uk-solutions{display:flex;flex-direction:column;gap:16px;}\n.uk-solution{display:flex;gap:20px;padding:24px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;transition:border-color .2s,transform .2s;}\n.uk-solution:hover{border-color:#2563eb;transform:translateX(4px);}\n.uk-solution-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;font-weight:800;color:#fff;}\n.uk-solution-title{font-size:15px;font-weight:800;color:#0f172a;margin-bottom:8px;}\n.uk-solution-desc{font-size:14px;color:#64748b;line-height:1.7;}\n.uk-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:12px;}\n.uk-result{padding:20px;background:#f8faff;border:1.5px solid #e8f0fe;border-radius:14px;text-align:center;}\n.uk-result-num{font-size:22px;font-weight:900;color:#0f172a;margin-bottom:6px;letter-spacing:-0.02em;line-height:1.2;}\n.uk-result-label{font-size:13px;color:#64748b;line-height:1.5;}\n.uk-stack{display:flex;flex-wrap:wrap;gap:8px;}\n.uk-stack span{display:inline-block;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;padding:5px 14px;border-radius:100px;}\n.uk-cta{background:#f8faff;border:1.5px solid #e8f0fe;border-radius:16px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:48px;}\n.uk-cta-title{font-size:18px;font-weight:900;color:#0f172a;margin-bottom:6px;letter-spacing:-0.02em;}\n.uk-cta-sub{font-size:14px;color:#64748b;}\n.uk-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:700;font-size:15px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:opacity .2s,transform .2s;}\n.uk-cta-btn:hover{opacity:.88;transform:translateY(-2px);}\n@media(max-width:768px){\n  .uk{padding:48px 24px;}\n  .uk-hero{padding:40px 28px;}\n  .uk-challenges{grid-template-columns:1fr;}\n  .uk-results{grid-template-columns:1fr 1fr;}\n  .uk-hero-stats{gap:24px;}\n  .uk-hero-stat{padding:0;margin:0;border-right:none;}\n  .uk-meta{flex-direction:column;}\n  .uk-meta-item{border-right:none;border-bottom:1px solid #e8f0fe;}\n  .uk-meta-item:last-child{border-bottom:none;}\n}\n@media(max-width:480px){\n  .uk{padding:36px 16px;}\n  .uk-results{grid-template-columns:1fr;}\n  .uk-cta{flex-direction:column;align-items:flex-start;}\n  .uk-cta-btn{width:100%;justify-content:center;}\n}\n<\/style>\n\n<div class=\"uk\">\n  <div class=\"uk-hero\">\n    <div class=\"uk-hero-bg\"><\/div>\n    <div class=\"uk-hero-inner\">\n      <a href=\"https:\/\/runoo.tech\/zh\/cases\/cases-four-columns\/\" class=\"uk-back\">\u2190 Back to Case Studies<\/a>\n      <div class=\"uk-hero-tag\">Website & Conversion<\/div>\n      <h1 class=\"uk-hero-title\">Dual-System E-Commerce on Shopify for Unikoo<\/h1>\n      <div class=\"uk-hero-stats\">\n        <div class=\"uk-hero-stat\">\n          <div class=\"uk-hero-stat-num\">2-in-1<\/div>\n          <div class=\"uk-hero-stat-label\">Retail + Wholesale<\/div>\n        <\/div>\n        <div class=\"uk-hero-stat\">\n          <div class=\"uk-hero-stat-num\">100%<\/div>\n          <div class=\"uk-hero-stat-label\">Automated quotes<\/div>\n        <\/div>\n        <div class=\"uk-hero-stat\">\n          <div class=\"uk-hero-stat-num\">First<\/div>\n          <div class=\"uk-hero-stat-label\">Digital channel<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"uk-meta\">\n    <div class=\"uk-meta-item\"><div class=\"uk-meta-label\">Client<\/div><div class=\"uk-meta-val\">Unikoo<\/div><\/div>\n    <div class=\"uk-meta-item\"><div class=\"uk-meta-label\">Industry<\/div><div class=\"uk-meta-val\">Hardware & Home Furnishings<\/div><\/div>\n    <div class=\"uk-meta-item\"><div class=\"uk-meta-label\">Platform<\/div><div class=\"uk-meta-val\">Shopify<\/div><\/div>\n    <div class=\"uk-meta-item\"><div class=\"uk-meta-label\">Status<\/div><div class=\"uk-meta-val\">Live<\/div><\/div>\n  <\/div>\n\n  <div class=\"uk-section\">\n    <div class=\"uk-section-label\">Background<\/div>\n    <p class=\"uk-p\">Unikoo is a hardware and home furnishings brand serving two very different customer groups \u2014 retail buyers looking for individual purchases, and wholesale clients requiring bulk pricing, custom quotes, and account-based access. Previously operating entirely offline, the challenge was delivering both experiences seamlessly within a single Shopify store.<\/p>\n  <\/div>\n\n  <hr class=\"uk-divider\"\/>\n\n  <div class=\"uk-section\">\n    <div class=\"uk-section-label\">Challenges<\/div>\n    <div class=\"uk-challenges\">\n      <div class=\"uk-challenge\">\n        <div class=\"uk-challenge-num\">01<\/div>\n        <div class=\"uk-challenge-title\">Dual customer system<\/div>\n        <div class=\"uk-challenge-desc\">Shopify's default setup treats all customers the same \u2014 custom development was needed to split retail and wholesale into separate experiences.<\/div>\n      <\/div>\n      <div class=\"uk-challenge\">\n        <div class=\"uk-challenge-num\">02<\/div>\n        <div class=\"uk-challenge-title\">Custom quote requests<\/div>\n        <div class=\"uk-challenge-desc\">Wholesale buyers needed a structured way to request custom pricing for bulk or non-standard orders without leaving the site.<\/div>\n      <\/div>\n      <div class=\"uk-challenge\">\n        <div class=\"uk-challenge-num\">03<\/div>\n        <div class=\"uk-challenge-title\">Tiered member pricing<\/div>\n        <div class=\"uk-challenge-desc\">Shopify's native pricing is flat \u2014 implementing dynamic role-based tiered pricing required custom app logic and theme development.<\/div>\n      <\/div>\n      <div class=\"uk-challenge\">\n        <div class=\"uk-challenge-num\">04<\/div>\n        <div class=\"uk-challenge-title\">Conversion-focused UX<\/div>\n        <div class=\"uk-challenge-desc\">The storefront needed to serve both audiences clearly without confusion, while maintaining a professional, trust-building design.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <hr class=\"uk-divider\"\/>\n\n  <div class=\"uk-section\">\n    <div class=\"uk-section-label\">Solutions<\/div>\n    <div class=\"uk-solutions\">\n      <div class=\"uk-solution\">\n        <div class=\"uk-solution-icon\">1<\/div>\n        <div>\n          <div class=\"uk-solution-title\">Shopify B2B + Retail Dual Access Architecture<\/div>\n          <div class=\"uk-solution-desc\">Used Shopify's customer tagging system combined with custom Liquid theme logic to create fully separate browsing and checkout experiences for retail and wholesale customers \u2014 same store, two distinct journeys.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"uk-solution\">\n        <div class=\"uk-solution-icon\">2<\/div>\n        <div>\n          <div class=\"uk-solution-title\">Custom Quote Request Module<\/div>\n          <div class=\"uk-solution-desc\">Built a \"Request a Quote\" flow integrated directly into Shopify product pages. Automated email notifications to the sales team, with quote status tracking from the buyer's account dashboard \u2014 replacing all manual back-and-forth.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"uk-solution\">\n        <div class=\"uk-solution-icon\">3<\/div>\n        <div>\n          <div class=\"uk-solution-title\">Automated Tiered Wholesale Pricing<\/div>\n          <div class=\"uk-solution-desc\">Developed a tiered pricing engine using Shopify customer tags and metafields, automatically assigning price levels based on account type and order history. Retail customers never see wholesale prices.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"uk-solution\">\n        <div class=\"uk-solution-icon\">4<\/div>\n        <div>\n          <div class=\"uk-solution-title\">Conversion-Optimised Shopify Theme<\/div>\n          <div class=\"uk-solution-desc\">Customised the Shopify theme with clear navigation for both customer types, trust signals including product certifications and guarantees, and a fully mobile-optimised layout to maximise conversion across all devices.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <hr class=\"uk-divider\"\/>\n\n  <div class=\"uk-section\">\n    <div class=\"uk-section-label\">Results<\/div>\n    <div class=\"uk-results\">\n      <div class=\"uk-result\">\n        <div class=\"uk-result-num\">2-in-1<\/div>\n        <div class=\"uk-result-label\">Retail & wholesale on one Shopify store<\/div>\n      <\/div>\n      <div class=\"uk-result\">\n        <div class=\"uk-result-num\">100%<\/div>\n        <div class=\"uk-result-label\">Quote process automated<\/div>\n      <\/div>\n      <div class=\"uk-result\">\n        <div class=\"uk-result-num\">First digital channel<\/div>\n        <div class=\"uk-result-label\">Retail + wholesale fully online from zero<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <hr class=\"uk-divider\"\/>\n\n  <div class=\"uk-section\">\n    <div class=\"uk-section-label\">Tech Stack<\/div>\n    <div class=\"uk-stack\">\n      <span>Shopify<\/span>\n      <span>Custom Liquid Theme<\/span>\n      <span>Customer Tagging<\/span>\n      <span>Metafields<\/span>\n      <span>Quote Request Module<\/span>\n      <span>Tiered Pricing Engine<\/span>\n      <span>Mobile-First Design<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"uk-cta\">\n    <div>\n      <div class=\"uk-cta-title\">Ready to build your digital presence?<\/div>\n      <div class=\"uk-cta-sub\">Get a free strategy call \u2014 no templates, just a real plan for your business.<\/div>\n    <\/div>\n    <a href=\"\/zh\/contact\/\" class=\"uk-cta-btn\">Get Free Strategy \u2192<\/a>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d7b077 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"3d7b077\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u2190 Back to Case Studies Website &#038; Conversion Dual-System E-Commerce on Shopify for Unikoo 2-in-1 Retail + Wholesale 100% Automated&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1637","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/runoo.tech\/zh\/wp-json\/wp\/v2\/pages\/1637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/runoo.tech\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/runoo.tech\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/runoo.tech\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/runoo.tech\/zh\/wp-json\/wp\/v2\/comments?post=1637"}],"version-history":[{"count":10,"href":"https:\/\/runoo.tech\/zh\/wp-json\/wp\/v2\/pages\/1637\/revisions"}],"predecessor-version":[{"id":1693,"href":"https:\/\/runoo.tech\/zh\/wp-json\/wp\/v2\/pages\/1637\/revisions\/1693"}],"wp:attachment":[{"href":"https:\/\/runoo.tech\/zh\/wp-json\/wp\/v2\/media?parent=1637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}