Rebuilding a 12-year inspection product without losing the data

Twelve years of inspection knowledge sits in .NET, Couchbase, Sync Gateway, and native iOS, and crews still need the same field workflows tomorrow morning.

I own the rebuild end to end: product, design, and engineering. Moving to Next.js, Expo, and Supabase so the business keeps its data without the old stack.

Now

Keep the data, replace the stack

ispect.app

Field crews stay on the live product while I cut over stack, data path, and marketing in parallel.

Stack move

From

To

  • Vue 2.7 + Vuetify

    Next.js App Router

  • Native iOS / Sync Gateway

    Expo field apps

  • Couchbase + GraphQL

    Supabase (Postgres, RLS)

  • .NET service layer

    Supabase RPCs + workers

Data path

DonorCouchbasearchive staysMoveExportcopy the recordsGateProjectcheck before go-liveLiveAppsshared truth
Donor Couchbase stays readable until export, project gate, then live apps share one truth.

Marketing craft while the rebuild ships

Landing header for the live site
Landing UI for the live site
Landing interaction detail

Refactor

Cut jank, less noise, more automatic UI

Vue 2 / Vuetify 2 to Vue 2.7 + Tailwind. Vuetify stayed for complex tables but styles were stripped, effectively headless. Goal: modernize the design, cut jank, show less information so the product feels more automatic.

Screens

  • iSpect login view 2023
  • iSpect projects view 2023
  • iSpect projects view 2023 (dark mode)
  • iSpect utilization view 2023
  • iSpect orders view 2023
  • iSpect project info view 2023
  • iSpect issues view 2023
  • iSpect issues view 2023 (dark mode)
  • iSpect share report modal 2023
  • iSpect project activity modal 2023
  • iSpect verdict editor view 2023

Scale

Transparency in construction

With a decade of industry statistics, the web platform lets contractors and sub-contractors see project health in real time: issue counts, average completion time, who is performing before contracts are renegotiated.

iSpect web interface
iSpect dashboard and landing page from 2020
iSpect closeout 2020
Closeout (2020 beta, later merged into the dashboard) for subcontractors to remedy assigned issues

Product surfaces

Total project issues
A completed Stockholm project: total issues across the build
Issues by location
Areas that need the most attention
Loom: categories deep dive (titles in Swedish)
Average time to remedy issues
Average remedy time per sub-contractor, including self-regulation reporting

Brand

Identity that had to travel

Started 2012 in brand and UI; moved into implementation when craft alone was not enough. The logotype grew around the search mark and had to work on hard hats, people, and product screens, not just a marketing site.

Screens

  • iSpect logotype
    Logotype with the search mark used since the beginning
  • iSpect on hard hat
    Hard hats usually cannot change color. Branding works within the rules.
  • iSpect platform logo application
Artifacts