Skip to content

Selected Work / Case Studies

Real development case studies you can learn from.

These are production scenarios and product work, not a gallery of screenshots. Named live work is shown where it can be public, while other client details stay private. Alongside client case studies, in-house products such as ConduitTools show how focused ideas are designed, built, and maintained over time.

54case studies

How to use this portfolio

Read the part that helps you make a better decision.

You do not need to understand every technology mentioned in a case study. Start with the problem and result, then go deeper into the implementation only if it is relevant to your own site or product.

01

If you have a similar business problem

Read the plain-English summary, real situation, and result first. Those sections explain what the work changed without requiring you to know the code or platform details.

02

If you are evaluating a technical approach

Read the constraint and implementation sections. They explain why the obvious fix was not enough and what tradeoffs shaped the final solution.

03

If you are planning a release

Use the release-check section as a practical QA reference. It shows what needed verification before a change was safe to ship to real users.

04

If you only want the takeaway

Jump to the reusable lesson. It condenses the case into a principle that can help with future websites, stores, applications, or integrations.

54 case studies

Showing 37 to 45 of 54 · Page 5 of 6

37Retail e-commerce
  1. 01Editorial CTA
  2. 02Resolve canonical route
  3. 03Update href
  4. 04Test production URL
Real scenario · client identity private

Retail e-commerce

Finding brand-page links that looked correct but sent shoppers to 404 pages

Editorial copy can be visually finished and still fail the buying journey when a store-location or shop-online link points to an outdated route.

E-commerceShopifyQAInternal links
Read case study
38WordPress systems
  1. 01Normal live page
  2. 02?debug preview gate
  3. 03New template + assets
  4. 04QA on real data
Real scenario · client identity private

WordPress systems

Using ?debug as a controlled live-preview feature flag during a WordPress rebuild

A major location-template update needed real production content and integrations for QA, but unfinished ACF fields, sections, styles, and layout changes could not replace the stable public page until the rebuild was complete.

WordPressFeature flagsPHPACF
Read case study
39U.S. e-commerce accessibility
  1. 01Baseline audit
  2. 02Source-level improvements
  3. 03Automated + manual retest
  4. 04Dated evidence
Real scenario · client identity private

U.S. e-commerce accessibility

Building an accessibility improvement and maintenance program for a Shopify storefront

A US Shopify retailer needed a repeatable way to improve and maintain storefront accessibility as the site evolved. The work combined source-level theme remediation, representative WCAG-oriented testing, manual review, dated evidence, an Accessibility Statement, and an ongoing monitoring workflow.

WCAG 2.1 AAShopifyWAVEaxe DevTools
Read case study
40U.S. e-commerce accessibility
  1. 01WAVE finding
  2. 02Inspect rendered DOM
  3. 03Fix Liquid semantics
  4. 04Keyboard verification
Real scenario · client identity private

U.S. e-commerce accessibility

Fixing a cart drawer ARIA relationship and an empty mega-menu link at the source

The homepage looked normal visually, but WAVE exposed two markup failures: a dialog labelled by an ID that did not exist and a navigation CTA rendered without meaningful content or destination.

ShopifyARIAKeyboardLiquid
Read case study
41U.S. e-commerce accessibility
  1. 01Map templates
  2. 02Run automated tools
  3. 03Test interactions
  4. 04Resolve discrepancies
Real scenario · client identity private

U.S. e-commerce accessibility

Auditing representative e-commerce templates and user journeys instead of blindly scanning every URL

The storefront had too many products and content URLs for a useful manual review of every page, so the audit was organized around unique templates, shared components, important states, and real purchase journeys.

Accessibility auditaxe DevToolsWAVELighthouse
Read case study
42U.S. e-commerce accessibility
  1. 01Monthly baseline
  2. 02Compare evidence
  3. 03Remediate regressions
  4. 04Retest
Real scenario · client identity private

U.S. e-commerce accessibility

Turning accessibility checks into a dated monthly evidence and regression workflow

The legal follow-up required ongoing evidence, so the accessibility process needed a repeatable monthly record that could distinguish fixed issues, new regressions, manual-review items, and third-party limitations.

AccessibilityDocumentationRegression testingMonthly audit
Read case study
43U.S. e-commerce accessibility
  1. 01Baseline metrics
  2. 02Image + asset audit
  3. 03Reduce blocking work
  4. 04Preserve semantics
Real scenario · client identity private

U.S. e-commerce accessibility

Improving a heavy Shopify product page without sacrificing accessibility semantics

A complex product page had slow lab metrics, large image payloads, third-party UI, and a lot of JavaScript. The optimization work reduced blocking work and image waste while keeping accessible names, live regions, focus behavior, and product interactions intact.

ShopifyPageSpeedLighthousePerformance
Read case study
44WordPress systems
  1. 01Gravity Forms
  2. 02Submission context
  3. 03Zapier mapping
  4. 04Salesforce lead
Real scenario · client identity private

WordPress systems

Connecting WordPress Gravity Forms to Salesforce through a traceable Zapier workflow

Website inquiries needed to move from WordPress into Salesforce reliably, with the page and form context preserved so the sales team could work from one consistent lead pipeline.

WordPressGravity FormsZapierSalesforce
Read case study
45WordPress systems
  1. 01Register widget
  2. 02Editor controls
  3. 03Render markup
  4. 04Scoped styles
Real scenario · client identity private

WordPress systems

Building custom Elementor widgets with documented controls, rendering, and styling

A custom Elementor widget is only useful when editors can add it confidently and developers can understand where its controls, markup, and styles live after the original implementation is finished.

WordPressElementorPHPCustom widgets
Read case study