Move case-study proof to ShopWisdom (systems proof belongs on the systems site)
The IAS/OnDek before-after testimonials praise tool delivery, which is SW's domain — and SW already hosts them in text at #results. Remove the OC 'Proof, from the field' section + its assets; OC's proof should be human-change work. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 139 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB |
-84
@@ -176,90 +176,6 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="band light field" data-bg="light" id="work-proof">
|
||||
<div class="wrap">
|
||||
<p class="eyebrow">Proof, from the field</p>
|
||||
<h2>Built to be <em>actually used.</em></h2>
|
||||
<p class="section-intro">These are systems we built for real Canadian shops. The reason they stuck isn't the software — it's that the people who had to use them were brought along. Same rigor, same soul.</p>
|
||||
|
||||
<div class="field-cases">
|
||||
<article class="field-case">
|
||||
<header class="field-case-header">
|
||||
<div class="field-case-meta">
|
||||
<p class="field-case-client">Innovative Aluminum Systems</p>
|
||||
<p class="field-case-type">Dealer Pricing Tool · 2026 Price List</p>
|
||||
</div>
|
||||
<div class="field-outcome-pills">
|
||||
<span class="field-pill">Reseller self-reliance</span>
|
||||
<span class="field-pill">Staff time reclaimed</span>
|
||||
</div>
|
||||
</header>
|
||||
<div class="field-shots-sidebyside">
|
||||
<figure class="field-shot-wrap">
|
||||
<figcaption class="field-shot-label">Before · Excel workbook</figcaption>
|
||||
<div class="field-shot"><img src="assets/work/ias-before.png" alt="IAS dealer pricing before: a multi-tab Excel workbook with manual price columns" width="1735" height="808" loading="lazy" decoding="async"></div>
|
||||
</figure>
|
||||
<div class="field-shot-arrow" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><polyline points="14 5 21 12 14 19"/></svg>
|
||||
</div>
|
||||
<figure class="field-shot-wrap">
|
||||
<figcaption class="field-shot-label">After · Hosted web app</figcaption>
|
||||
<div class="field-shot"><img src="assets/work/ias-after.png" alt="IAS dealer pricing after: a filterable product catalog with live discount logic and order export" width="1919" height="953" loading="lazy" decoding="async"></div>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="field-case-body">
|
||||
<blockquote class="field-quote">“We've been imagining something like this for years. Our catalog used to live in a spreadsheet we'd email back and forth — now our dealers can filter products, build orders in their own pricing, and send them through electronically. Mike built exactly what we needed.”</blockquote>
|
||||
<div class="field-attribution">
|
||||
<div class="field-headshot"><img src="assets/people/fred-hobeyn.webp" alt="Fred Hobeyn" width="160" height="160" loading="lazy" decoding="async"></div>
|
||||
<div class="field-attribution-text">
|
||||
<p class="field-name">Fred Hobeyn</p>
|
||||
<p class="field-role">Owner · Innovative Aluminum Systems</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<div class="field-divider" aria-hidden="true"></div>
|
||||
|
||||
<article class="field-case">
|
||||
<header class="field-case-header">
|
||||
<div class="field-case-meta">
|
||||
<p class="field-case-client">OnDek Vinyl Worx</p>
|
||||
<p class="field-case-type">Customer Order Form · November 2025</p>
|
||||
</div>
|
||||
<div class="field-outcome-pills">
|
||||
<span class="field-pill">Self-serve ordering</span>
|
||||
<span class="field-pill">Fewer pricing errors</span>
|
||||
</div>
|
||||
</header>
|
||||
<div class="field-shots-sidebyside">
|
||||
<figure class="field-shot-wrap">
|
||||
<figcaption class="field-shot-label">Before · Printed Excel sheet</figcaption>
|
||||
<div class="field-shot"><img src="assets/work/ondek-before.png" alt="OnDek order form before: a printed Excel sheet with manual product and quantity columns" width="895" height="715" loading="lazy" decoding="async"></div>
|
||||
</figure>
|
||||
<div class="field-shot-arrow" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><polyline points="14 5 21 12 14 19"/></svg>
|
||||
</div>
|
||||
<figure class="field-shot-wrap">
|
||||
<figcaption class="field-shot-label">After · Web order form</figcaption>
|
||||
<div class="field-shot"><img src="assets/work/ondek-after.png" alt="OnDek order form after: a web-based order form with price tiers, pattern selector, and live totals" width="1546" height="806" loading="lazy" decoding="async"></div>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="field-case-body">
|
||||
<blockquote class="field-quote">“I've been in this industry long enough to be skeptical of tech promises. This wasn't that. Michael took the time to understand our process first, then built something that fits. It's a massive leap forward for us.”</blockquote>
|
||||
<div class="field-attribution">
|
||||
<div class="field-headshot"><img src="assets/people/jim-szlabon.webp" alt="Jim Szlabon" width="160" height="160" loading="lazy" decoding="async"></div>
|
||||
<div class="field-attribution-text">
|
||||
<p class="field-name">Jim Szlabon</p>
|
||||
<p class="field-role">Senior Sales · OnDek Vinyl Worx</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="band light who" data-bg="light" id="who">
|
||||
<div class="wrap narrow">
|
||||
<p class="eyebrow">Who we are</p>
|
||||
|
||||
@@ -237,38 +237,3 @@ a:focus-visible, .btn:focus-visible { outline: 2px solid var(--amber); outline-o
|
||||
.logo-mark { width: 146px; }
|
||||
.nav-links a:not(.nav-cta) { display: none; }
|
||||
}
|
||||
|
||||
/* ── Field cases: real before/after work + client testimonial ───────────── */
|
||||
.field-cases { max-width: 1080px; margin-top: 2.6rem; }
|
||||
.field-case { display: flex; flex-direction: column; gap: 1.8rem; }
|
||||
.field-divider { height: 1px; background: rgba(15, 23, 41, 0.10); margin: 3.5rem 0; max-width: 1080px; }
|
||||
.field-case-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
|
||||
.field-case-meta { display: flex; flex-direction: column; gap: 0.3rem; }
|
||||
.field-case-client { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.3rem, 2.2vw, 1.7rem); color: var(--ink); line-height: 1.2; margin: 0; }
|
||||
.field-case-type { font-family: 'DM Sans', sans-serif; font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; color: #6b7280; margin: 0; }
|
||||
.field-outcome-pills { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; padding-top: 0.3rem; }
|
||||
.field-pill { font-family: 'DM Sans', sans-serif; font-size: 0.6rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.35rem 0.85rem; border: 1px solid rgba(232, 155, 28, 0.45); border-radius: 2px; color: var(--amber-deep); background: rgba(232, 155, 28, 0.07); white-space: nowrap; }
|
||||
.field-shots-sidebyside { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: start; }
|
||||
.field-shot-wrap { display: flex; flex-direction: column; gap: 0.5rem; margin: 0; }
|
||||
.field-shot-label { font-family: 'DM Sans', sans-serif; font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase; color: #6b7280; }
|
||||
.field-shot { border-radius: 3px; border: 1px solid rgba(15, 23, 41, 0.10); overflow: hidden; background: var(--paper-2); height: 340px; }
|
||||
.field-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; }
|
||||
.field-shot-arrow { display: flex; align-items: center; justify-content: center; padding-top: 2rem; color: var(--ink-soft); flex-shrink: 0; }
|
||||
.field-shot-arrow svg { width: 26px; height: 26px; opacity: 0.6; }
|
||||
.field-case-body { display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: end; padding-top: 0.75rem; }
|
||||
.field-quote { font-family: 'Lora', Georgia, serif; font-style: italic; font-size: 1.08rem; line-height: 1.7; color: #374151; margin: 0; padding: 0; border: none; max-width: 640px; }
|
||||
.field-attribution { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; }
|
||||
.field-headshot { width: 54px; height: 54px; border-radius: 50%; flex-shrink: 0; overflow: hidden; border: 1px solid rgba(15, 23, 41, 0.12); background: #e8e4dc; }
|
||||
.field-headshot img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
|
||||
.field-attribution-text { display: flex; flex-direction: column; gap: 0.2rem; text-align: right; }
|
||||
.field-name { font-family: 'DM Sans', sans-serif; font-size: 0.82rem; font-weight: 500; color: var(--ink); margin: 0; }
|
||||
.field-role { font-family: 'DM Sans', sans-serif; font-size: 0.72rem; color: #6b7280; margin: 0; }
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.field-shots-sidebyside { grid-template-columns: 1fr; gap: 1.25rem; }
|
||||
.field-shot-arrow { display: none; }
|
||||
.field-shot { height: 210px; }
|
||||
.field-case-body { grid-template-columns: 1fr; gap: 1.5rem; align-items: start; }
|
||||
.field-attribution-text { text-align: left; }
|
||||
.field-case-header { flex-direction: column; gap: 1rem; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user