{"id":638,"date":"2026-09-22T19:45:19","date_gmt":"2026-09-22T16:15:19","guid":{"rendered":"https:\/\/njrweb.com\/?page_id=638"},"modified":"2026-09-26T10:34:32","modified_gmt":"2026-09-26T07:04:32","slug":"koli-yadak-case-study","status":"publish","type":"page","link":"https:\/\/njrweb.com\/en\/koli-yadak-case-study\/","title":{"rendered":"Koli Yadak Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"638\" class=\"elementor elementor-638 elementor-286\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b7615 e-con-full e-flex e-con e-parent\" data-id=\"f6b7615\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd4ae3e elementor-widget elementor-widget-html\" data-id=\"cd4ae3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n:root{--njr-bg:#07101f;--njr-card:#0c1930;--njr-ink:#eef6ff;--njr-muted:#9badc4;--njr-cyan:#28e2d2;--njr-blue:#6e7cff;--njr-shell:1180px}\r\n.njr-case{direction:ltr;background:var(--njr-bg);color:var(--njr-ink);font-family:inherit;overflow:hidden}\r\n.njr-case *{box-sizing:border-box}.njr-shell{width:min(calc(100% - 48px),var(--njr-shell));margin-inline:auto}\r\n.njr-hero{min-height:78vh;display:grid;align-items:center;padding:100px 0 70px;background:radial-gradient(circle at 18% 18%,rgba(40,226,210,.13),transparent 28%),radial-gradient(circle at 82% 60%,rgba(110,124,255,.12),transparent 30%)}\r\n.njr-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(40px,7vw,100px);align-items:center}.njr-kicker{font:700 12px\/1.4 ui-monospace,monospace;letter-spacing:.16em;color:var(--njr-cyan);text-transform:uppercase}.njr-case h1{font-size:clamp(48px,6.2vw,78px);line-height:1.05;margin:18px 0 24px;letter-spacing:-.035em}.njr-lead{font-size:clamp(18px,2vw,23px);line-height:1.9;color:#c0cce0;max-width:650px}.njr-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.njr-tags span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 14px;color:#c8d5e8;font-size:13px}\r\n.njr-browser{border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:11px;background:rgba(255,255,255,.045);box-shadow:0 34px 100px rgba(0,0,0,.45);transform:rotate(-1deg)}.njr-bar{height:34px;border-radius:15px 15px 8px 8px;background:#0a1426;display:flex;align-items:center;gap:6px;padding:0 13px}.njr-bar i{width:7px;height:7px;border-radius:50%;background:#40506b}.njr-shot{height:560px;border-radius:8px 8px 15px 15px;overflow:hidden;background:#0a1426}.njr-shot img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;display:block}\r\n.njr-section{padding:110px 0;border-top:1px solid rgba(255,255,255,.075)}.njr-section h2{font-size:clamp(34px,4.2vw,54px);line-height:1.18;margin:12px 0 22px;letter-spacing:-.025em}.njr-copy{font-size:17px;line-height:2;color:var(--njr-muted);max-width:720px}.njr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}.njr-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px;min-height:220px}.njr-card b{display:block;color:var(--njr-cyan);font-size:13px;margin-bottom:28px}.njr-card h3{font-size:22px;line-height:1.55;margin:0 0 12px}.njr-card p{color:var(--njr-muted);line-height:1.85;margin:0;font-size:15px}.njr-outcome{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.njr-quote{font-size:clamp(30px,4vw,48px);line-height:1.45;margin:0;color:#dffcff}.njr-list{display:grid;gap:14px}.njr-list div{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1);color:#bdcadd;line-height:1.8}.njr-next{padding:90px 0;text-align:center;background:linear-gradient(120deg,rgba(40,226,210,.09),rgba(110,124,255,.1))}.njr-next a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:800}.njr-primary{background:linear-gradient(110deg,var(--njr-cyan),#48c7ff);color:#06101d}.njr-link{color:#dbe8fa;border:1px solid rgba(255,255,255,.18);margin-inline-start:10px}\r\n@media(max-width:850px){.njr-shell{width:min(calc(100% - 28px),var(--njr-shell))}.njr-hero{min-height:auto;padding:74px 0 58px}.njr-grid,.njr-outcome{grid-template-columns:1fr;gap:38px}.njr-case h1{font-size:clamp(42px,13vw,58px)}.njr-shot{height:auto;aspect-ratio:4\/3}.njr-cards{grid-template-columns:1fr}.njr-section{padding:76px 0}.njr-link{margin:10px 0 0}.njr-next a{width:100%}}\n<\/style>\n<div class=\"njr-case\"><section class=\"njr-hero\">\r\n<div class=\"njr-shell njr-grid\">\r\n<div>\r\n<div class=\"njr-kicker\">CASE STUDY \/ 04<\/div>\r\n<h1>Koli Yadak<\/h1>\r\n<p class=\"njr-lead\">We redesigned the auto parts shopping experience, turning a complex catalog into a clear path to the right part.<\/p>\r\n\r\n<div class=\"njr-tags\">Experience strategy \u00b7 Information architecture \u00b7 Online store<\/div>\r\n<\/div>\r\n<div class=\"njr-browser\">\r\n<div class=\"njr-bar\"><\/div>\r\n<div class=\"njr-shot\"><img decoding=\"async\" src=\"https:\/\/njrweb.com\/wp-content\/uploads\/2026\/09\/coolyadak-desktop-scaled.webp\" alt=\"Website preview: Koli Yadak\" \/><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section><section class=\"njr-section\">\r\n<div class=\"njr-shell\">\r\n<div class=\"njr-kicker\">THE CHALLENGE<\/div>\r\n<h2>When choices multiply, trust starts with clarity<\/h2>\r\n<p class=\"njr-copy\">Parts buyers often arrive with an urgent need. Technical names, vehicle variants and fitment concerns make decisions hard. We redesigned the information structure, discovery paths and trust signals together.<\/p>\r\n\r\n<div class=\"njr-cards\"><article class=\"njr-card\"><b>01 \/ DISCOVERY<\/b>\r\n<h3>Find without confusion<\/h3>\r\nCategories and information priorities guide visitors to relevant choices.\r\n\r\n<\/article><article class=\"njr-card\"><b>02 \/ CLARITY<\/b>\r\n<h3>Comparable information<\/h3>\r\nEssential specifications appear in a readable, decision-ready hierarchy.\r\n\r\n<\/article><article class=\"njr-card\"><b>03 \/ TRUST<\/b>\r\n<h3>Buy with greater confidence<\/h3>\r\nClear availability, compatibility and support cues reduce uncertainty.\r\n\r\n<\/article><\/div>\r\n<\/div>\r\n<\/section><section class=\"njr-section\">\r\n<div class=\"njr-shell njr-outcome\">\r\n<div>\r\n<div class=\"njr-kicker\">THE OUTCOME<\/div>\r\n<h2>A technical store that speaks plainly<\/h2>\r\n<p class=\"njr-copy\">The visual identity stayed credible, while the experience became lighter and more approachable, guiding buyers confidently.<\/p>\r\n\r\n<\/div>\r\n<p class=\"njr-quote\">Instead of presenting a wall of products, the structure turns the buyer's question into a confident choice.<\/p>\r\n\r\n<div class=\"njr-list\">\r\n<div>Shorter paths to categories and products<\/div>\r\n<div>Clearer technical information on desktop and mobile<\/div>\r\n<div>Room to grow inventory and categories<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section><section class=\"njr-next\">\r\n<div class=\"njr-shell\">\r\n<div class=\"njr-kicker\">EXPLORE THE WORK<\/div>\r\n<h2>Explore the live project<\/h2>\r\n<a class=\"njr-primary\" href=\"https:\/\/coolyadak.com\/\" target=\"_blank\" rel=\"noopener\">Visit website \u2197<\/a><a class=\"njr-link\" href=\"\/en\/?page_id=640\">Next project: Dicapelli Hair \u2192<\/a>\r\n\r\n<\/div>\r\n<\/section><\/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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CASE STUDY \/ 04 Koli Yadak We redesigned the auto parts shopping experience, turning a complex catalog into a clear path to the right part. Experience strategy \u00b7 Information architecture \u00b7 Online store THE CHALLENGE When choices multiply, trust starts with clarity Parts buyers often arrive with an urgent need. Technical names, vehicle variants and [&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-638","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/638","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=638"}],"version-history":[{"count":3,"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":721,"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/638\/revisions\/721"}],"wp:attachment":[{"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/media?parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}