# Case Studies

Three real engagements. Independently verified. The work is the proof.

<style>
body::before {
    content: '';
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
    z-index: 0;
    background-image: none;
    background-size: 60px 60px;
  }

  .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 2;
  }

  .container-narrow {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 2;
  }

  /* NAV: defer to brand.css. Earlier inline overrides were targeting a
     legacy logo structure that no longer exists in the shared nav.html
     include, and were also blocking the mobile drawer toggle. */

  /* HERO */
  .page-hero {
    padding: 100px 0 60px;
    border-bottom: 1px solid var(--line);
  }

  .breadcrumb {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 28px;
  }

  .breadcrumb a {
    color: var(--text-muted);
    text-decoration: none;
  }

  .breadcrumb a:hover { color: var(--accent); }

  .breadcrumb span {
    color: var(--accent);
    margin: 0 12px;
  }

  .page-hero h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: clamp(44px, 5.5vw, 72px);
    line-height: 1.05;
    letter-spacing: -0.025em;
    margin-bottom: 28px;
    max-width: 920px;
  }

  .page-hero h1 em {
    font-style: italic;
    color: var(--accent);
  }

  .page-hero .lede {
    font-size: 21px;
    line-height: 1.55;
    color: var(--text-soft);
    max-width: 720px;
    font-weight: 300;
  }

  /* META BAR */
  .meta-strip {
    padding: 32px 0;
    background: var(--bg-soft);
    border-bottom: 1px solid var(--line);
  }

  .meta-strip-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
  }

  .meta-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .meta-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .meta-value {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: var(--accent);
  }

  /* CASE SECTION */
  .case-section {
    padding: 100px 0;
    border-bottom: 1px solid var(--line);
  }

  .case-section:nth-of-type(even) {
    background: var(--bg-soft);
  }

  .case-header {
    margin-bottom: 60px;
    max-width: 920px;
  }

  .case-eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
  }

  .case-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--accent);
    background: rgba(153, 27, 27, 0.08);
    padding: 6px 14px;
    border-radius: 100px;
  }

  .case-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    color: var(--ink);
  }

  .case-rating .star { color: var(--accent); font-weight: 700; }

  .case-verified {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .case-section h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: clamp(36px, 4.5vw, 56px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    color: var(--ink);
  }

  .case-section h2 em {
    font-style: italic;
    color: var(--accent);
  }

  .case-quote-hero {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(22px, 2.5vw, 28px);
    line-height: 1.45;
    color: var(--text-soft);
    border-left: 3px solid var(--accent);
    padding: 8px 0 8px 28px;
    margin: 32px 0;
    max-width: 820px;
  }

  /* CASE GRID */
  .case-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 60px;
    margin-top: 40px;
  }

  .case-content h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    color: var(--ink);
    margin: 40px 0 16px;
    letter-spacing: -0.01em;
  }

  .case-content h3:first-child { margin-top: 0; }

  .case-content p {
    font-size: 16px;
    line-height: 1.65;
    color: var(--text-soft);
    margin-bottom: 18px;
  }

  .case-content blockquote {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-size: 19px;
    line-height: 1.5;
    color: var(--ink);
    border-left: 2px solid var(--accent);
    padding-left: 24px;
    margin: 28px 0;
  }

  .case-content ul {
    margin: 12px 0 24px 0;
    padding-left: 0;
    list-style: none;
  }

  .case-content li {
    padding: 8px 0 8px 24px;
    position: relative;
    font-size: 16px;
    line-height: 1.55;
    color: var(--text-soft);
  }

  .case-content li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--accent);
  }

  /* SIDEBAR */
  .case-sidebar {
    background: var(--bg-card);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 32px 28px;
    align-self: start;
    position: sticky;
    top: 100px;
  }

  .sidebar-header {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--line);
  }

  .sidebar-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: var(--ink);
    margin-bottom: 6px;
    letter-spacing: -0.01em;
  }

  .sidebar-role {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--text-muted);
    text-transform: uppercase;
    line-height: 1.4;
  }

  .sidebar-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    font-size: 13px;
  }

  .sidebar-row:not(:last-child) { border-bottom: 1px solid var(--line); }

  .sidebar-row .label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .sidebar-row .value {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: var(--ink);
  }

  .ratings-grid {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
  }

  .rating-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
  }

  .rating-row .rating-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
    width: 70px;
    flex-shrink: 0;
  }

  .rating-bar {
    flex: 1;
    height: 6px;
    background: var(--line);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
  }

  .rating-fill {
    height: 100%;
    background: var(--accent);
    border-radius: 3px;
  }

  .rating-num {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--accent);
    font-weight: 600;
    width: 30px;
    text-align: right;
  }

  .clutch-badge {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .clutch-badge .check {
    color: var(--accent);
  }

  /* CTA */
  .case-cta {
    padding: 100px 0;
    text-align: center;
    background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
  }

  .case-cta h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: clamp(36px, 4.5vw, 52px);
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }

  .case-cta h2 em {
    color: var(--accent);
    font-style: italic;
  }

  .case-cta p {
    font-size: 18px;
    color: var(--text-soft);
    margin-bottom: 40px;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }

  .btn-primary {
    background: var(--accent);
    color: var(--bg);
    padding: 18px 36px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 0.02em;
    transition: all 0.25s;
  }

  .btn-primary:hover {
    background: var(--accent-bright);
    transform: translateY(-2px);
  }

  /* FOOTER */
  footer {
    background: #0a0a0a;
    border-top: 1px solid var(--line);
    padding: 50px 0 40px;
  }

  .footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--text-muted);
  }

  .footer-inner a {
    color: var(--text-muted);
    text-decoration: none;
    margin-left: 20px;
  }

  .footer-inner a:hover { color: var(--accent); }

  @media (max-width: 980px) {
    .container, .container-narrow { padding: 0 24px; }
    .case-grid { grid-template-columns: 1fr; gap: 40px; }
    .case-sidebar { position: static; }
    .meta-strip-inner { flex-direction: column; align-items: flex-start; }
  }
</style>

<!-- HERO -->
<section class="page-hero">
  <div class="container">
    <div class="breadcrumb">
      <a href="/">Density Labs</a> <span>/</span> Clients
    </div>
    <h1>The work is the <em>proof</em>.</h1>
    <p class="lede">Three engagements. A decade of distributed delivery. Independently verified by Clutch with full client interviews on record. No anonymous testimonials, no curated highlights, just what the people who hired us actually said.</p>
  </div>
</section>

<!-- META STRIP -->
<section class="meta-strip">
  <div class="container">
    <div class="meta-strip-inner">
      <div class="meta-item">
        <span class="meta-label">Average rating</span>
        <span class="meta-value">★ 4.7 / 5.0</span>
      </div>
      <div class="meta-item">
        <span class="meta-label">Average engagement</span>
        <span class="meta-value">5+ years</span>
      </div>
      <div class="meta-item">
        <span class="meta-label">Independently verified by</span>
        <span class="meta-value">Clutch</span>
      </div>
      <div class="meta-item">
        <span class="meta-label">All engagements</span>
        <span class="meta-value">Ongoing</span>
      </div>
    </div>
  </div>
</section>

<!-- CASE 1: OOMA UI/UX -->
<section class="case-section" id="ooma-design">
  <div class="container">
    <div class="case-header">
      <div class="case-eyebrow">
        <span class="case-tag">Telecommunications · VoIP</span>
        <span class="case-rating"><span class="star">★ 5.0</span> · 5.0 / 5.0</span>
        <span class="case-verified">CLUTCH VERIFIED ✓</span>
      </div>
      <h2>UI/UX Design Services for a <em>VoIP Communications</em> Company.</h2>
      <div class="case-quote-hero">"The quality of the staff Density Labs provides us is very high. The team are valuable contributors to the projects they work on but also overall team initiatives and culture."</div>
    </div>

    <div class="case-grid">
      <div class="case-content">
        <h3>The challenge</h3>
        <p>Ooma, a Sunnyvale based provider of VoIP telephone services, video conferencing, and communications solutions for residential and business customers, needed to expand their product design capacity for a new mobile application. They had an established in house design team, but the roadmap exceeded available bandwidth.</p>

        <p>Rather than hire ahead of the work, they needed a partner who could embed designers directly into the team, with the seniority to contribute meaningfully on day one and the cultural fit to integrate with engineers, product managers, and stakeholders already in motion.</p>

        <h3>What we did</h3>
        <p>We assigned a team lead and three designers to the engagement. The composition matched the actual work: a senior who could hold quality, and three contributors who could move fast across concept, prototyping, and usability research.</p>

        <p>Specifically, the team:</p>
        <ul>
          <li>Designed key UI elements for the new mobile application</li>
          <li>Produced concept work, prototypes, and design explorations across multiple feature streams</li>
          <li>Contributed to usability research alongside the in house team</li>
          <li>Integrated directly into Ooma's Jira workflow, with task assignment and time tracking handled the same as in house designers</li>
        </ul>

        <p>The arrangement was deliberately not vendor style. Density designers were treated as part of the team, same tools, same standups, same accountability for delivery.</p>

        <h3>Outcome</h3>
        <p>Time to completion is the client's primary metric. Across the engagement, work has been delivered within or ahead of expected timeframes. The four person team has continued to deliver since 2022 and the engagement is ongoing.</p>

        <blockquote>"The team consists of three junior designers and a team lead, all of whom are valuable contributors to the projects they work on but also overall team initiatives and culture."</blockquote>

        <p>What stood out to the client wasn't just deliverable quality. It was the depth of integration, the designers were not "external resources" but team members who showed up consistently, contributed to culture, and stayed long enough to develop institutional context. The engagement is now in its fifth year.</p>

        <h3>What the client said about partnership</h3>
        <p>Asked about areas for improvement, Kevin's response was direct:</p>
        <blockquote>"Density Labs' management is quite responsive and if ever there is an issue to discuss it is dealt with expediently."</blockquote>

        <p>The reason this matters: most distributed team complaints surface as account management failures, not delivery failures. The work usually ships. What breaks the relationship is the lag between problem and resolution. Ooma's experience here is the inverse, issues addressed quickly, no friction in the operational layer.</p>
      </div>

      <aside class="case-sidebar">
        <div class="sidebar-header">
          <div class="sidebar-name">Kevin Dyck</div>
          <div class="sidebar-role">Manager, Product &amp; UX Design<br/>Ooma</div>
        </div>

        <div style="padding: 16px 0; border-bottom: 1px solid var(--line); font-family: 'JetBrains Mono', monospace; font-size: 11px; line-height: 1.5; color: var(--text-soft);">
          <span style="color: var(--accent);">→</span> Kevin was also a guest on the<br/>PreVetted Podcast. <a href="https://ramallo.io/podcast/" style="color: var(--accent); text-decoration: underline;">Listen here</a>.
        </div>

        <div class="sidebar-row">
          <span class="label">Industry</span>
          <span class="value">Telecom</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Location</span>
          <span class="value">Sunnyvale, CA</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Service</span>
          <span class="value">UX/UI Design</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Team size</span>
          <span class="value">2 to 5</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Started</span>
          <span class="value">Jan 2022</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Status</span>
          <span class="value" style="color: var(--accent);">Ongoing</span>
        </div>

        <div class="ratings-grid">
          <div class="rating-row">
            <span class="rating-label">Quality</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 100%;"></div></div>
            <span class="rating-num">5.0</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Schedule</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 90%;"></div></div>
            <span class="rating-num">4.5</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Cost</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 100%;"></div></div>
            <span class="rating-num">5.0</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Refer</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 100%;"></div></div>
            <span class="rating-num">5.0</span>
          </div>
        </div>

        <div class="clutch-badge">
          <span class="check">✓</span> Verified by Clutch
        </div>
      </aside>
    </div>
  </div>
</section>

<!-- CASE 2: TELECOM STAFF AUG (long-running) -->
<section class="case-section" id="telecom-staff aug">
  <div class="container">
    <div class="case-header">
      <div class="case-eyebrow">
        <span class="case-tag">Telecommunications</span>
        <span class="case-rating"><span class="star">★ 4.0</span> · 4.0 / 5.0</span>
        <span class="case-verified">CLUTCH VERIFIED ✓</span>
      </div>
      <h2>Dev &amp; QA Staff Augmentation for a <em>Telecommunications Company</em>.</h2>
      <div class="case-quote-hero">"Density Labs' high quality engineers make them stand out from other providers."</div>
    </div>

    <div class="case-grid">
      <div class="case-content">
        <h3>The challenge</h3>
        <p>A San Francisco based business communications provider, VoIP, video conferencing, and a portfolio of solutions for residential, SMB, and enterprise customers, needed to expand engineering capacity across user portals, administration portals, and APIs. The VP leading the practice was managing a global team and needed a partner who could provide consistent, high quality engineering talent without the overhead of building a full nearshore organization in house.</p>

        <h3>How the relationship started</h3>
        <p>This is the engagement that started Density Labs as a company. The VP describes it directly:</p>

        <blockquote>"Federico [Density Labs' Founder &amp; CEO] applied for a job we posted seven years ago, and we liked him. However, he needed to work part time from Mexico, so a full time offer didn't work out. Instead, he worked for us as a contractor and was really good. As my team and responsibilities grew, I wanted to expand my contractors' footprint, so I proposed that Federico hire a team and create a company. He found really good developers and started Density Labs."</blockquote>

        <p>The partnership predates Density Labs as a formal entity. It is the engagement Density was built around, and it remains active today, more than a decade later.</p>

        <h3>What we did</h3>
        <p>The engagement scope expanded over the years to cover three core capabilities:</p>
        <ul>
          <li>Ruby on Rails backend development</li>
          <li>React frontend engineering</li>
          <li>QA engineering and test automation</li>
        </ul>

        <p>One detail the client called out specifically: Density's training pipeline. For some engineers, especially early career, Density does an internal training period of three to six months before presenting them to the client. The client only sees engineers who have already been through that filter.</p>

        <p>Onboarding into the client's internal team takes around three months, the time required for an engineer to absorb the architectural patterns, the team's review culture, and the institutional context that makes a senior engineer in this codebase actually productive.</p>

        <h3>The compounding outcome</h3>
        <blockquote>"Density Labs attracts excellent resources, that's the biggest advantage of working with them. We really like the team we work with, and they've delivered huge amounts of work for us. In some cases, resources have worked with us for many years."</blockquote>

        <p>The phrase "worked with us for many years" is the structural claim Density makes about its model: tenure compounds. An engineer who has been on the same product for four to six years is not interchangeable with the same titled engineer hired last quarter. The client recognizes this directly, in the same language we use internally.</p>

        <h3>Project management</h3>
        <p>The relationship runs on the client's tooling, not ours: Jira for project management, Slack and email for communication, daily standups for sync. Density engineers operate as part of the team, with individual responsibility for their work, not as a vendor delivering against a SOW.</p>

        <p>Asked what could be improved, the client noted account management communication as an area for ongoing improvement. We've taken that seriously and reorganized our account team accordingly.</p>
      </div>

      <aside class="case-sidebar">
        <div class="sidebar-header">
          <div class="sidebar-name">VP of Web Applications</div>
          <div class="sidebar-role">Telecommunications Solutions Co<br/>San Francisco, CA</div>
        </div>

        <div class="sidebar-row">
          <span class="label">Industry</span>
          <span class="value">Telecom</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Service</span>
          <span class="value">Staff Aug</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Stack</span>
          <span class="value">Rails, React, QA</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Started</span>
          <span class="value">Jan 2016</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Tenure</span>
          <span class="value" style="color: var(--accent);">10+ years</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Status</span>
          <span class="value" style="color: var(--accent);">Ongoing</span>
        </div>

        <div class="ratings-grid">
          <div class="rating-row">
            <span class="rating-label">Quality</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 90%;"></div></div>
            <span class="rating-num">4.5</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Schedule</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 100%;"></div></div>
            <span class="rating-num">5.0</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Cost</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 60%;"></div></div>
            <span class="rating-num">3.0</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Refer</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 80%;"></div></div>
            <span class="rating-num">4.0</span>
          </div>
        </div>

        <div class="clutch-badge">
          <span class="check">✓</span> Verified by Clutch
        </div>
      </aside>
    </div>
  </div>
</section>

<!-- CASE 3: REMINE -->
<section class="case-section" id="remine">
  <div class="container">
    <div class="case-header">
      <div class="case-eyebrow">
        <span class="case-tag">PropTech · Real Estate SaaS</span>
        <span class="case-rating"><span class="star">★ 5.0</span> · 5.0 / 5.0</span>
        <span class="case-verified">CLUTCH VERIFIED ✓</span>
      </div>
      <h2>Engineering Resources for a <em>Real Estate SaaS Company</em>.</h2>
      <div class="case-quote-hero">"Their willingness to work with us and our needs is impressive. There was never a situation where we felt we were trapped with the talent we had or the structure that was set up."</div>
    </div>

    <div class="case-grid">
      <div class="case-content">
        <h3>The challenge</h3>
        <p>Remine, a Vienna, Virginia based PropTech company building MLS solutions for the real estate industry, needed engineering capacity across multiple concurrent projects. The team mix had to span seniority levels, from individual contributor engineers through engineering managers, to staff different parts of the roadmap appropriately.</p>

        <p>The challenge wasn't just headcount. It was flexibility. A SaaS company with multiple customer facing features in flight needs to be able to flex teams up and down, swap senior leads between projects, and adjust composition as roadmap priorities shift. Most staff augmentation arrangements lock the team into a configuration that worked at signing but doesn't fit by month six.</p>

        <h3>What we did</h3>
        <p>Density assigned six to ten engineers across the engagement, with composition adjusted as projects required:</p>
        <ul>
          <li>Engineering managers running individual product workstreams</li>
          <li>Mid level and junior developers on feature implementation</li>
          <li>Specialized engineers brought in for specific projects requiring deeper context</li>
        </ul>

        <p>The team delivered new features and customer onboarding implementations, getting customers live on Remine's products. Project management lived inside Remine's processes; Density's engineers operated as members of those teams, not as a parallel vendor.</p>

        <h3>The honesty about delivery</h3>
        <p>The client's account of project management is one of the most honest in our case study library. Asked whether we delivered on time:</p>

        <blockquote>"Due to the nature of the business, some deliveries were on time, and some were delayed due to numerous factors. Density engineers worked on communicating the needs, delays, and missing requirements. They also did a good job with feedback on ways to improve."</blockquote>

        <p>This is what we'd expect a real engagement to look like. Anyone claiming 100% on time delivery across years of SaaS development is either lying or running trivially scoped work. What matters is what happens when a delivery is going to slip: whether the team surfaces the problem early, communicates it clearly, and proposes a path forward.</p>

        <p>That's the answer the client gave. The communication, not the on time percentage, is the metric we optimize for.</p>

        <h3>What stood out to the client</h3>
        <blockquote>"Their willingness to work with us and our needs is impressive. They were always flexible and willing to make changes to help support us. There was never a situation where we felt we were 'trapped' with the talent we had or the structure that was set up."</blockquote>

        <p>The "trapped" framing is one we hear from clients who came to us after bad experiences with other providers. The pattern usually goes: vendor placed engineers, contract locked the configuration, when needs changed the vendor pushed back or required renegotiation. Our model deliberately does not work that way. Composition is a conversation, not a contract clause.</p>

        <h3>Areas for improvement</h3>
        <p>The client's response to "what could Density have done differently?" was a single word: "None."</p>
      </div>

      <aside class="case-sidebar">
        <div class="sidebar-header">
          <div class="sidebar-name">Executive</div>
          <div class="sidebar-role">Remine<br/>Vienna, VA</div>
        </div>

        <div class="sidebar-row">
          <span class="label">Industry</span>
          <span class="value">PropTech</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Service</span>
          <span class="value">Custom Dev</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Team size</span>
          <span class="value">6 to 10</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Started</span>
          <span class="value">Jan 2020</span>
        </div>
        <div class="sidebar-row">
          <span class="label">Status</span>
          <span class="value" style="color: var(--accent);">Ongoing</span>
        </div>

        <div class="ratings-grid">
          <div class="rating-row">
            <span class="rating-label">Quality</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 100%;"></div></div>
            <span class="rating-num">5.0</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Schedule</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 100%;"></div></div>
            <span class="rating-num">5.0</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Cost</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 100%;"></div></div>
            <span class="rating-num">5.0</span>
          </div>
          <div class="rating-row">
            <span class="rating-label">Refer</span>
            <div class="rating-bar"><div class="rating-fill" style="width: 100%;"></div></div>
            <span class="rating-num">5.0</span>
          </div>
        </div>

        <div class="clutch-badge">
          <span class="check">✓</span> Verified by Clutch
        </div>
      </aside>
    </div>
  </div>
</section>

<!-- TRANSPARENCY SECTION -->
<section style="padding: 100px 0; background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);">
  <div class="container-narrow">
    <div style="text-align: center; margin-bottom: 60px;">
      <span style="font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent);">Transparency</span>
      <h2 style="font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: clamp(36px, 4.5vw, 52px); line-height: 1.1; letter-spacing: -0.02em; margin-top: 16px;">What clients <em style="font-style: italic; color: var(--accent);">asked us to improve</em>.</h2>
      <p style="font-size: 18px; line-height: 1.55; color: var(--text-soft); max-width: 640px; margin: 24px auto 0;">Every Clutch interview asks: "Are there any areas where Density Labs could improve?" Here is what each client said, unedited.</p>
    </div>

    <div style="display: grid; gap: 24px; max-width: 760px; margin: 0 auto;">

      <!-- Item 1 -->
      <div style="background: var(--bg-card); border: 1px solid var(--line); border-radius: 8px; padding: 32px;">
        <div style="display: flex; gap: 16px; align-items: flex-start; margin-bottom: 16px;">
          <span style="font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); padding: 4px 10px; background: rgba(153, 27, 27, 0.08); border-radius: 100px; flex-shrink: 0;">Telecom · Staff Aug · 4.0</span>
        </div>
        <blockquote style="font-family: 'Montserrat', sans-serif; font-style: italic; font-size: 18px; line-height: 1.5; color: var(--ink); border-left: 2px solid var(--accent); padding-left: 20px; margin-bottom: 18px;">"They could improve the way their account management team communicates."</blockquote>
        <div style="font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 12px;">Our response</div>
        <p style="font-size: 15px; line-height: 1.6; color: var(--text-soft);">Account management communication is the area we have invested most heavily in over 2024-2025. We restructured the function with a dedicated lead per client and weekly written status notes. The same VP rated us 4.5/5 on Quality and 5.0/5 on Schedule across the same engagement. Account communication was the gap, and we've worked on it.</p>
      </div>

      <!-- Item 2 -->
      <div style="background: var(--bg-card); border: 1px solid var(--line); border-radius: 8px; padding: 32px;">
        <div style="display: flex; gap: 16px; align-items: flex-start; margin-bottom: 16px;">
          <span style="font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); padding: 4px 10px; background: rgba(153, 27, 27, 0.08); border-radius: 100px; flex-shrink: 0;">Telecom · Cost rating: 3.0</span>
        </div>
        <blockquote style="font-family: 'Montserrat', sans-serif; font-style: italic; font-size: 18px; line-height: 1.5; color: var(--ink); border-left: 2px solid var(--accent); padding-left: 20px; margin-bottom: 18px;">"Be very specific about the requirements for the resources you're looking for. When communicating with Density Labs' representatives, don't make any assumptions about everybody agreeing, be very explicit and clear in your directions."</blockquote>
        <div style="font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 12px;">Our response</div>
        <p style="font-size: 15px; line-height: 1.6; color: var(--text-soft);">The same client rated us 3.0 on Cost, they pay senior engineer rates, and our pricing reflects the seniority of the people we put on their work. The advice about explicit requirements is fair: we now use a structured intake process for new role specs, and we send written confirmation of the specific seniority and skills profile before assignment. Mid market clients with tighter budgets should look at our AI Engineer ($9,500/mo) tier rather than a fully custom staff aug arrangement.</p>
      </div>

      <!-- Item 3 -->
      <div style="background: var(--bg-card); border: 1px solid var(--line); border-radius: 8px; padding: 32px;">
        <div style="display: flex; gap: 16px; align-items: flex-start; margin-bottom: 16px;">
          <span style="font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); padding: 4px 10px; background: rgba(153, 27, 27, 0.08); border-radius: 100px; flex-shrink: 0;">PropTech · 5.0</span>
        </div>
        <blockquote style="font-family: 'Montserrat', sans-serif; font-style: italic; font-size: 18px; line-height: 1.5; color: var(--ink); border-left: 2px solid var(--accent); padding-left: 20px; margin-bottom: 18px;">"None."</blockquote>
        <div style="font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 12px;">Our response</div>
        <p style="font-size: 15px; line-height: 1.6; color: var(--text-soft);">We don't take "None" as the final answer. The Remine engagement is in its 6th year and we run quarterly reviews where we explicitly invite criticism. The fact that the formal Clutch interview produced "None" matches our internal data, but we treat it as an invitation to keep finding the next thing to improve, not a finish line.</p>
      </div>

    </div>

    <p style="text-align: center; font-size: 14px; color: var(--text-muted); font-style: italic; margin-top: 48px; max-width: 580px; margin-left: auto; margin-right: auto;">All quotes are from verified Clutch interviews. We chose to publish the criticism alongside the praise because we think it's a more honest way to evaluate a partner than reading only the highlights.</p>
  </div>
</section>

<!-- CTA -->
<section class="case-cta">
  <div class="container">
    <h2>Want to talk about a <em>specific engagement</em>?</h2>
    <p>Book a 30 minute discovery call. We will tell you honestly whether we can help, and if not, who to talk to instead.</p>
    <a href="" class="btn-primary">Book a discovery call →</a>
  </div>
</section>

<!-- FOOTER -->
