Work

Four working prototypes, built to be poked at

These are concept demos, not delivered client projects. Each one is a real, functioning interface running in your browser with invented sample data. Click through them, change the inputs, and see how the flow behaves.

What these are — and what they are not.

Every prototype here is a demonstration piece created to show approach and craft. They are not client work, and the businesses, names, prices, and figures inside them are fictional. No data you enter is stored, transmitted, or used for anything — the demos run entirely in your browser and reset when you reload.

Our site shows no client logos, testimonials, or performance statistics because we would not publish claims we cannot substantiate. If you would like to discuss relevant experience directly, ask us.

Concept demo 01

Service business website

A complete marketing site for a fictional landscaping and hardscaping business — the scenario most trade and service businesses need first.

What you can do in it

  • Switch between seven screens — home, services, pricing, gallery, about, reviews, and contact.
  • Filter the service list and see pricing rows update.
  • Complete the quote request form and receive a validation-checked confirmation.
  • Open a lightbox on gallery images and navigate it with the keyboard.
  • Responsive
  • 7 screens
  • Form validation
  • Keyboard accessible
Green Oak ServicesPricingGalleryContact

Central Florida

Outdoor spaces built to outlast the weather

Request an estimate
Design & plant Full bed installs
Hardscaping Patios & walls
Maintenance Monthly plans
Coastal Dental Step 2 of 4
Choose a time

Slots shown are sample availability. Nothing is booked by this demo.

Time held for 10 minutes while you finish.

Concept demo 02

Appointment booking

A four-step self-service booking flow for a fictional dental practice: service, time, details, confirmation.

What you can do in it

  • Choose a service and watch the appointment length and price update.
  • Pick a date from the calendar and select from the times actually offered that day.
  • Submit details and get a full confirmation with a reference number.
  • See the practice-side view: the new booking appears in an admin list.
  • Reschedule or cancel the appointment and watch the slot free up.
  • Multi-step flow
  • Real availability logic
  • Admin view

Concept demo 03

Client project portal

A private area where a client can see exactly where their project stands instead of emailing to ask.

What you can do in it

  • Browse three sample projects and open any of them.
  • Follow the milestone timeline and see completed, active, and upcoming stages.
  • Approve a deliverable and watch the progress indicator respond.
  • Post a message to the project thread with a timestamped reply.
  • Mark a sample invoice as paid and see the outstanding balance update.
  • Multiple views
  • Timeline
  • Deliverable approval
  • Invoices
Northbridge Studio In progress
Website redesign 64%
  • DiscoveryCompleted
  • DesignApproved
  • BuildIn progress
  • LaunchScheduled
Needs your review
Homepage mockup awaiting approval
Open invoice
INV-2041$2,400
Summit Mechanical Estimator
Ballpark$8,650
Margin38%
Duration9 days
Cost breakdown
PartsLabourOverheadOther

Concept demo 04

Quote estimator & lead dashboard

A mini application for a fictional mechanical contractor: build a ballpark estimate from real inputs, then work incoming leads through a pipeline.

What you can do in it

  • Build an estimate from project type, scope details, and urgency — the total recalculates live.
  • Read the full breakdown: labour hours, materials, overhead, margin, and duration.
  • See every assumption behind the numbers listed in plain language.
  • Save the estimate to the quote list, then convert a lead into a quote.
  • Move leads through stages on the pipeline board and watch the summary metrics update.
  • Live calculation
  • Stated assumptions
  • Pipeline board
  • Saved quotes

From demo to delivered

These are sketches. A real project goes further.

A prototype proves a flow is worth building. The delivered version adds the unglamorous parts that make it dependable.

Your data, properly stored

Records persist in a real database with backups, sensible access rules, and export. Nothing lives only in a browser tab.

Your email, actually sending

Confirmations, reminders, and notifications go out from your own domain through a configured mail service — not a placeholder.

Your integrations, connected

Payments, calendars, accounting, and the tools you already use, joined up so nobody re-types anything.

Roles and permissions

Owners, staff, and clients each see what they should — protected by real server-side checks, not just hidden buttons.

Tested on real devices

Checked on actual phones and tablets, with slow connections and awkward inputs, before it reaches your customers.

Documented and handed over

You get the accounts, the source, and a written explanation of how it all fits together.

Want something like one of these, for your business?

Tell us which demo is closest to what you need, and what would have to change for it to fit your work. That is usually enough for a useful first reply.