{"id":634,"date":"2026-09-22T13:08:24","date_gmt":"2026-09-22T09:38:24","guid":{"rendered":"https:\/\/njrweb.com\/?page_id=634"},"modified":"2026-09-26T10:34:17","modified_gmt":"2026-09-26T07:04:17","slug":"azar-accessory-case-study","status":"publish","type":"page","link":"https:\/\/njrweb.com\/en\/azar-accessory-case-study\/","title":{"rendered":"Azar Accessory Case Study"},"content":{"rendered":"<style>\nhtml,body{background:#07101f!important;overflow-x:clip}\n.njr-case{--bg:#07101f;--panel:#0c1729;--text:#eaf6ff;--muted:#94a6bd;--cyan:#69d4ff;--mint:#20e3bd;direction:ltr;background:radial-gradient(circle at 15% 10%,rgba(32,227,189,.12),transparent 30%),var(--bg);color:var(--text);font-family:inherit;margin:-30px 0 0;width:100%;overflow:hidden}\n.njr-case *{box-sizing:border-box}.njr-case a{text-decoration:none}.njr-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.njr-hero{min-height:76vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:110px 0 70px}.njr-kicker{color:var(--mint);font:700 13px\/1.5 monospace;letter-spacing:2px}.njr-case h1{font-size:clamp(48px,7vw,94px);line-height:1.05;margin:20px 0}.njr-lead{color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:2;max-width:700px}.njr-visual{position:relative;aspect-ratio:4\/5;border:1px solid #20324c;border-radius:32px;background:linear-gradient(145deg,#111d32,#09111f);box-shadow:0 40px 100px #0008;transform:perspective(900px) rotateY(-8deg);overflow:hidden}.njr-visual:before{content:\"\";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(32,227,189,.12));pointer-events:none}.njr-visual:after{content:attr(data-caption);position:absolute;bottom:28px;right:28px;color:var(--mint);font:700 12px monospace;letter-spacing:1px;background:#07101fdd;padding:10px 12px;border-radius:10px}.njr-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-20px 0 100px}.njr-meta div,.njr-card{border:1px solid #1d3049;background:#0b1627cc;border-radius:22px;padding:28px}.njr-meta b{display:block;color:var(--mint);font-size:13px;margin-bottom:10px}.njr-section{padding:90px 0;border-top:1px solid #162941}.njr-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.njr-case h2{font-size:clamp(34px,5vw,64px);line-height:1.25;margin:0}.njr-copy{color:var(--muted);font-size:18px;line-height:2}.njr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.njr-card span{display:block;color:var(--mint);font:700 12px monospace;margin-bottom:24px}.njr-card h3{font-size:22px;margin:0 0 12px}.njr-card p{color:var(--muted);line-height:1.9;margin:0}.njr-strip{padding:90px 0;background:linear-gradient(90deg,rgba(105,212,255,.08),rgba(32,227,189,.08))}.njr-result{font-size:clamp(30px,4.5vw,62px);line-height:1.5;max-width:1000px}.njr-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.njr-btn{display:inline-flex;padding:15px 22px;border-radius:14px;background:var(--mint);color:#05121d!important;font-weight:800}.njr-btn.alt{background:transparent;color:var(--text)!important;border:1px solid #36506f}@media(max-width:800px){.njr-hero,.njr-grid{grid-template-columns:1fr;gap:40px}.njr-hero{padding-top:70px}.njr-visual{max-height:480px}.njr-meta,.njr-cards{grid-template-columns:1fr}.njr-section{padding:65px 0}.njr-wrap{width:min(100% - 28px,1180px)}}@media(prefers-reduced-motion:no-preference){.njr-visual{animation:njrFloat 6s ease-in-out infinite}@keyframes njrFloat{50%{transform:perspective(900px) rotateY(2deg) translateY(-14px)}}}\n.njr-next .njr-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.njr-next span{color:var(--mint);font-size:13px}@media(max-width:800px){.njr-next .njr-wrap{align-items:flex-start;flex-direction:column}}<\/p>\n<\/style>\n<div class=\"njr-case\">\n<section class=\"njr-wrap njr-hero\">\n<div>\n<div class=\"njr-kicker\">CASE STUDY \/ 02<\/div>\n<h1>Azar Accessory<\/h1>\n<p class=\"njr-lead\">We designed a flexible sales system for two distinct journeys: retail shopping and wholesale partnerships, each with a clear experience.<\/p>\n<div class=\"njr-actions\"><a class=\"njr-btn\" href=\"https:\/\/azaraccessory.com\/\" target=\"_blank\" rel=\"noopener\">Visit live website \u2197<\/a><a class=\"njr-btn alt\" href=\"https:\/\/njrweb.com\/portfolio\/\">Back to projects<\/a><\/div>\n<\/div>\n<div class=\"njr-visual\" style=\"background-image: linear-gradient(to top,rgba(5,8,21,.78),rgba(5,8,21,.06) 65%),url(&#039;https:\/\/njrweb.com\/wp-content\/uploads\/2026\/09\/azaraccessory-desktop-scaled.webp&#039;);background-size:cover;background-position:top center\" data-caption=\"AZAR ACCESSORY \/ COMMERCE SYSTEM\" aria-label=\"Preview of the  Azar Accessory\"><\/div>\n<\/section>\n<section class=\"njr-wrap njr-meta\">\n<div><b>Sector<\/b>Accessories and multichannel commerce<\/div>\n<div><b>Focus<\/b>Distinct retail and wholesale experiences<\/div>\n<div><b>Deliverable<\/b>Scalable store with role-based journeys<\/div>\n<\/section>\n<section class=\"njr-section\">\n<div class=\"njr-wrap njr-grid\">\n<h2>One store, two ways to buy.<\/h2>\n<div class=\"njr-copy\">Retail and wholesale customers need different information, pricing and decision paths. The challenge was to guide each visitor to the right flow without making the interface complex.<\/div>\n<\/div>\n<\/section>\n<section class=\"njr-section\">\n<div class=\"njr-wrap\">\n<div class=\"njr-kicker\">THE SYSTEM<\/div>\n<h2>Clarity at every decision point<\/h2>\n<div class=\"njr-cards\">\n<article class=\"njr-card\">01 \/ ROLE<\/p>\n<h3>Role-based presentation<\/h3>\n<p>Shopping content and pricing tailored to customer type and needs.<\/p>\n<\/article>\n<article class=\"njr-card\">02 \/ CATALOG<\/p>\n<h3>Discoverable catalog<\/h3>\n<p>Clear product categories and quick access to essential item details.<\/p>\n<\/article>\n<article class=\"njr-card\">03 \/ AUTOMATION<\/p>\n<h3>Automated workflow<\/h3>\n<p>Coordinated orders, follow-ups and customer communication reduce repetitive work.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"njr-strip\">\n<div class=\"njr-wrap\">\n<div class=\"njr-kicker\">OUTCOME<\/div>\n<div class=\"njr-result\">An organized sales platform that makes the retail and wholesale distinction an experience advantage.<\/div>\n<\/div>\n<\/section>\n<section class=\"njr-section\">\n<div class=\"njr-wrap njr-grid\">\n<h2>NJRWEB&#8217;s role<\/h2>\n<div class=\"njr-copy\">Sales architecture, user-role logic, interface experience, automation structure and a foundation for CRM integration.<\/div>\n<\/div>\n<\/section>\n<section class=\"njr-section njr-next\">\n<div class=\"njr-wrap\">\n<div>\n<p>Next project<\/p>\n<h2>Radika Magazine<\/h2>\n<\/div>\n<p><a class=\"njr-btn\" href=\"https:\/\/njrweb.com\/en\/radika-magazine-case-study\/\">View case study \u2192<\/a><\/p>\n<\/div>\n<\/section>\n<\/div>\n<style>\n.njr-case h1{font-size:clamp(46px,5.5vw,78px)!important}.njr-case .njr-section h2{font-size:clamp(32px,4vw,52px)!important}@media(max-width:767px){.njr-case h1{font-size:clamp(40px,12vw,56px)!important}.njr-case .njr-section h2{font-size:clamp(30px,9vw,42px)!important}.njr-case .njr-shell{width:min(calc(100% - 28px),1180px)!important}}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>CASE STUDY \/ 02 Azar Accessory We designed a flexible sales system for two distinct journeys: retail shopping and wholesale partnerships, each with a clear experience. Visit live website \u2197Back to projects SectorAccessories and multichannel commerce FocusDistinct retail and wholesale experiences DeliverableScalable store with role-based journeys One store, two ways to buy. Retail and wholesale [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-634","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/comments?post=634"}],"version-history":[{"count":4,"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/634\/revisions"}],"predecessor-version":[{"id":741,"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/634\/revisions\/741"}],"wp:attachment":[{"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/media?parent=634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}