{"id":640,"date":"2026-09-22T19:45:25","date_gmt":"2026-09-22T16:15:25","guid":{"rendered":"https:\/\/njrweb.com\/?page_id=640"},"modified":"2026-09-26T10:34:40","modified_gmt":"2026-09-26T07:04:40","slug":"dicapelli-hair-case-study","status":"publish","type":"page","link":"https:\/\/njrweb.com\/en\/dicapelli-hair-case-study\/","title":{"rendered":"Dicapelli Hair Case Study"},"content":{"rendered":"<style>\n:root{--njr-bg:#07101f;--njr-card:#0c1930;--njr-ink:#eef6ff;--njr-muted:#9badc4;--njr-cyan:#28e2d2;--njr-blue:#6e7cff;--njr-shell:1180px}.njr-case{direction:ltr;background:var(--njr-bg);color:var(--njr-ink);font-family:inherit;overflow:hidden}.njr-case *{box-sizing:border-box}.njr-shell{width:min(calc(100% - 48px),var(--njr-shell));margin-inline:auto}.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%)}.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}.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}.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}@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\">\n<section class=\"njr-hero\">\n<div class=\"njr-shell njr-grid\">\n<div>\n<div class=\"njr-kicker\">CASE STUDY \/ 05<\/div>\n<h1>Dicapelli Hair<\/h1>\n<p class=\"njr-lead\">A premium hair-care experience where education, product choice and trust come together in one journey.<\/p>\n<div class=\"njr-tags\">Brand strategy \u00b7 Content experience \u00b7 Online store<\/div>\n<\/div>\n<div class=\"njr-browser\">\n<div class=\"njr-bar\"><\/div>\n<div class=\"njr-shot\"><img decoding=\"async\" src=\"https:\/\/njrweb.com\/wp-content\/uploads\/2026\/09\/dicapelli-desktop-scaled.webp\" alt=\"Website preview: Dicapelli Hair\" \/><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"njr-section\">\n<div class=\"njr-shell\">\n<div class=\"njr-kicker\">THE CHALLENGE<\/div>\n<h2>In hair care, trust is built before purchase<\/h2>\n<p class=\"njr-copy\">Shoppers want to know which product fits their hair and needs. The experience had to convey expertise and quality while keeping choices simple.<\/p>\n<div class=\"njr-cards\">\n<article class=\"njr-card\"><b>01 \/ DISCOVERY<\/b><\/p>\n<h3>Start with real hair needs<\/h3>\n<p>Discovery paths begin with needs and concerns, not just product categories.<\/p>\n<\/article>\n<article class=\"njr-card\"><b>02 \/ CLARITY<\/b><\/p>\n<h3>Content that teaches and guides<\/h3>\n<p>Explanations, expected results and usage guidance work together in one clear story.<\/p>\n<\/article>\n<article class=\"njr-card\"><b>03 \/ TRUST<\/b><\/p>\n<h3>Premium yet approachable<\/h3>\n<p>A professional identity that stays accessible, readable and trustworthy on mobile.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"njr-section\">\n<div class=\"njr-shell njr-outcome\">\n<div>\n<div class=\"njr-kicker\">THE OUTCOME<\/div>\n<h2>An experience that makes expertise tangible<\/h2>\n<p class=\"njr-copy\">Design, content and commerce come together so the brand feels consistent at every touchpoint.<\/p>\n<\/div>\n<p class=\"njr-quote\">An experience that sparks curiosity, teaches and makes the final choice feel natural.<\/p>\n<div class=\"njr-list\">\n<div>A clear story connecting problem, solution and product<\/div>\n<div>Premium product presentation without sacrificing speed or readability<\/div>\n<div>A foundation for expanding content and product families<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"njr-next\">\n<div class=\"njr-shell\">\n<div class=\"njr-kicker\">EXPLORE THE WORK<\/div>\n<h2>Explore the live project<\/h2>\n<p><a class=\"njr-primary\" href=\"https:\/\/dicapellihair.com\/\" target=\"_blank\" rel=\"noopener\">Visit website \u2197<\/a><a class=\"njr-link\" href=\"https:\/\/njrweb.com\/en\/lotus-gallery-case-study\/\">Next project: Lotus Gallery \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 \/ 05 Dicapelli Hair A premium hair-care experience where education, product choice and trust come together in one journey. Brand strategy \u00b7 Content experience \u00b7 Online store THE CHALLENGE In hair care, trust is built before purchase Shoppers want to know which product fits their hair and needs. The experience had to convey [&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-640","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/640","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=640"}],"version-history":[{"count":4,"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/640\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/pages\/640\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/njrweb.com\/en\/wp-json\/wp\/v2\/media?parent=640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}