diff --git a/assets/people/fred-hobeyn.webp b/assets/people/fred-hobeyn.webp new file mode 100644 index 0000000..9ce53c4 Binary files /dev/null and b/assets/people/fred-hobeyn.webp differ diff --git a/assets/people/jim-szlabon.webp b/assets/people/jim-szlabon.webp new file mode 100644 index 0000000..4b11a8f Binary files /dev/null and b/assets/people/jim-szlabon.webp differ diff --git a/assets/work/ias-after.png b/assets/work/ias-after.png new file mode 100644 index 0000000..49cf925 Binary files /dev/null and b/assets/work/ias-after.png differ diff --git a/assets/work/ias-before.png b/assets/work/ias-before.png new file mode 100644 index 0000000..f66fbba Binary files /dev/null and b/assets/work/ias-before.png differ diff --git a/assets/work/ondek-after.png b/assets/work/ondek-after.png new file mode 100644 index 0000000..cd8406b Binary files /dev/null and b/assets/work/ondek-after.png differ diff --git a/assets/work/ondek-before.png b/assets/work/ondek-before.png new file mode 100644 index 0000000..d698f5f Binary files /dev/null and b/assets/work/ondek-before.png differ diff --git a/index.html b/index.html index 26518db..8b16c8f 100644 --- a/index.html +++ b/index.html @@ -176,6 +176,90 @@ +
+
+

Proof, from the field

+

Built to be actually used.

+

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.

+ +
+
+
+
+

Innovative Aluminum Systems

+

Dealer Pricing Tool · 2026 Price List

+
+
+ Reseller self-reliance + Staff time reclaimed +
+
+
+
+
Before · Excel workbook
+
IAS dealer pricing before: a multi-tab Excel workbook with manual price columns
+
+ +
+
After · Hosted web app
+
IAS dealer pricing after: a filterable product catalog with live discount logic and order export
+
+
+
+
“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.”
+
+
Fred Hobeyn
+
+

Fred Hobeyn

+

Owner · Innovative Aluminum Systems

+
+
+
+
+ + + +
+
+
+

OnDek Vinyl Worx

+

Customer Order Form · November 2025

+
+
+ Self-serve ordering + Fewer pricing errors +
+
+
+
+
Before · Printed Excel sheet
+
OnDek order form before: a printed Excel sheet with manual product and quantity columns
+
+ +
+
After · Web order form
+
OnDek order form after: a web-based order form with price tiers, pattern selector, and live totals
+
+
+
+
“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.”
+
+
Jim Szlabon
+
+

Jim Szlabon

+

Senior Sales · OnDek Vinyl Worx

+
+
+
+
+
+
+
+

Who we are

diff --git a/style.css b/style.css index 1928008..04b8ae6 100644 --- a/style.css +++ b/style.css @@ -237,3 +237,38 @@ 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; } +}