Let's talk

Home Services Websites & apps

Websites
& apps

From an idea to a
product people can use.

Business websites, online stores, web apps and mobile app design, planned around what visitors need to do and checked on phones, tablets and desktops before launch.

See the projects How a project runs Start a project
Halvorn home page: Your shop answers every call. Even at 2 a.m., with a chat preview over a night-time service bay. Larkhaven home: Remodeling done with care, with a consultation form beside the headline. Pipeline board with lead cards in columns from New to Lost. FastPay invoices screen with the amount outstanding and a list of invoices. NOMA home page: Everyday comfort, beautifully made, with tissue, wipes and laundry products in a sunlit room. Fixwell home: Small repairs. Big improvements. A home that works better, over a garden path to the front door. Calmere Studio desk: Make room for your next idea, with a sample script card and counts of ads on the board. Calmere store home page: Calm skin, simple routine, with a product video card. Cleaning company home page with a booking button and trust points. Med spa home page with a portrait and a consultation offer. Law firm home page with attorneys in an office and a case check button. Home services home page asking what the visitor needs help with.

Website · AI receptionist · Concept buildHalvorn Auto Works + Remy

Drag to spin · tap the front one to open

Case studies

Projects with documented scope. Live links where they exist.

01

Website · AI receptionist · Concept build

Halvorn Auto Works + Remy

A website for an auto repair shop built around Remy, an AI receptionist that answers questions day and night and turns each chat into a booked job.

Talk to Remy on the live site
Walkthrough: from the first question to the booking email in the owner's inbox
Goal
Small shops miss calls while the mechanics are busy or after closing, and a missed call is a customer who rings the next shop. Remy answers at any hour and books the slot.
For
Independent repair shops and their customers. The shop, Halvorn Auto Works, is invented for this concept.
Scope
Hero with a live chat preview, a full chat with a job ticket beside it, in-chat booking, safety advice for urgent problems, services with "from" prices, an owner board and an n8n booking workflow.
Design
A dark "workshop at night" look: near-black panels, one amber accent like a dashboard warning light, an editorial serif headline and small mono labels so it feels like a real system.
How it works
Remy answers from the shop's own prices, hours and rules (Google Gemini through n8n). A job ticket fills itself in as the customer talks: car, service, issue, urgency and starting price. Booking picks a day and time, takes a name and email and returns a reference with a BOOKED stamp. Overheating or failing brakes get "stop driving, get a tow", not a sales pitch. If the AI is busy, scripted answers take over and bookings still go through. Each booking is checked by n8n, saved to a bookings table and emailed to the owner.
Delivered
A live, responsive website with a working AI chat and booking. Sample reviews and owner data are labelled.
My part
Design direction, the Lovable build, the n8n chat and booking workflows, and the walkthrough video.
02

Website · lead generation · Concept build

Larkhaven

A lead-generation website for a remodeling company that turns visitors into booked consultations and tells the owner about every enquiry within seconds.

Visit the live site
Walkthrough of the whole system: the website, the n8n workflow, the lead email and Larkhaven Desk
Goal
Get more serious enquiries from the website and make sure none are missed.
For
Homeowners planning a remodel, and the business owner who answers them. The company, Larkhaven Build & Remodel, is invented for this concept.
Scope
Services, project stories with before and after sliders, process, FAQ and service areas, a quote form in the hero, click-to-call on every page and a "Plan your project" planner. It feeds Larkhaven Desk, the lead inbox below.
Design
A premium builder look: black header, full-photo hero, serif headlines, warm cream sections and one rust action colour.
How it works
In the planner, visitors pick the project, size and finish; a floor plan draws itself and an illustrative budget and timeline update live. The plan becomes a pre-filled consultation request with a reference number. n8n checks every request, saves it to a leads table and emails the owner a clean summary, in under a second. Price ranges are labelled illustrative and reviews are labelled samples.
Delivered
A live, responsive website with a working lead form and email automation.
My part
Design, the Lovable build, the n8n lead workflow and the walkthrough video.
03

Web app · lead inbox and CRM · Concept build

Larkhaven Desk

The back office of the Larkhaven website: a lead inbox and mini-CRM where the team works every enquiry until the job is won.

Open the live app
Goal
Leads from a website often sit in an inbox and get forgotten. The Desk gives the team one place to see every new lead, act on it fast and track it to the end.
For
A small home services team. Larkhaven is invented for this concept.
Scope
Today page, lead inbox, lead detail, a pipeline board and a lead sources page with a live website connection.
Design
A clean dashboard in Larkhaven's own colours and fonts, so the website and the Desk feel like one brand.
How it works
Search and filter by stage (New, Contacted, Site visit, Estimate sent, Won, Lost). Call, text or email in one tap, notes, owner, follow-up date and an activity log. A drag-and-drop pipeline with a keyboard "move to" menu. Requests sent on the Larkhaven site arrive live through n8n, marked "from the website". Contact details in the public demo are masked, and new leads never overwrite the team's notes or stages.
Delivered
A live web app with sample leads plus real leads from the website, details masked.
My part
Design, the Lovable build and the n8n lead feed.
04

iPhone app · design and clickable prototype · Concept build

FastPay

An iPhone invoicing app for small businesses: create an invoice, send it, see when it's opened and record the payment.

Open the landing page and prototype
FastPay launch video, 21 seconds
Goal
Design a complete invoicing app for sole traders and small service businesses, from sign-up to getting paid. The feature list follows a leading invoicing app, redesigned in FastPay's own style.
For
Tradespeople and small service businesses who invoice from their phone. The sample business, a carpentry company, is invented.
Scope
22 designed screens: onboarding, invoices and estimates, the invoice editor, six PDF templates, sending and tracking, a client pay page, payments, clients, items, expenses, reports, plans and settings. Plus a marketing landing page and a 21-second launch video.
Design
Navy and coral, with one coral action per screen, pill buttons and flat cards. Every flow goes straight to the next step, and upgrading continues into the feature you unlocked.
How it works
A clickable prototype in an iPhone frame. Totals with discounts, four tax modes, shipping and deposits are calculated, data is saved on the device and PDFs can be downloaded. Payments, email, sign-in and App Store purchases are simulated.
Delivered
A clickable prototype, a design file of every screen, a landing page and a launch video. It is not yet a native app in the App Store.
My part
Product design, the prototype, the landing page and the launch video.
05

Brand website · Client work

NOMA Home Essentials

A premium website for a home-essentials brand: tissue, wipes, laundry and cleaning products, presented like a lifestyle magazine.

Visit the live site
Goal
Introduce the product range to shoppers and give retailers, distributors and hotels an easy way to get in touch.
For
Shoppers, plus retailers, distributors and hospitality buyers.
Scope
Four scenes (home, collections, brand story, contact), 16 products with detail views, product filters and an enquiry flow.
Design
A sunlit blush room with a short looping film, editorial serif type, and a product gallery whose images bend and fold as you scroll, with a normal image fallback.
How it works
Category filters, product details with short product films, a shopper or business enquiry choice that opens Instagram, a motion on/off switch and reduced-motion support. It is a showcase, not a shop: there is no checkout.
Delivered
A complete first version, live online.
My part
Art direction, all product and room imagery (AI-generated from the brand board), three product films and the full build.
06

Website · home services · Concept build

Fixwell

A website for a handyman and home-improvement business that opens with a cinematic walk from the front door through each kind of job.

Visit the live site
Goal
Help homeowners see the range of work at a glance and request an estimate.
For
Homeowners planning repairs, carpentry or renovations.
Scope
A five-scene scroll-through hero (arrival, repairs, carpentry, renovations, finishing), services, approach, about, a project gallery, FAQs and an estimate request form.
Design
Ivory, forest green and copper. The hero is one continuous AI-generated camera move that follows the visitor's scroll, with separate footage made for phones. Calm motion on the sections below.
How it works
Scroll-linked video with still-image fallbacks for reduced motion, a floating header that follows the section on screen, and a "What needs doing?" picker that fills in the estimate form.
Delivered
A responsive website prototype, checked on desktop and phones.
My part
Design, the generated hero films and the build.
07

Web app · internal tool · Concept build

Calmere Studio

A calm workspace where a brand's marketing team plans video ads, picks scripts and tracks every ad from idea to live.

Open the live app
Walkthrough of Calmere Studio, with live script ideas from the n8n workflow
Goal
Show how a small brand's marketing team could run its video ads from one place instead of scattered notes and chats.
For
A small marketing team at a direct-to-consumer brand. The brand, Calmere, is invented for this concept.
Scope
Desk (overview), products, new brief, five script options per brief, an ad board, a gallery of finished ads and hook notes.
Design
Matches the Calmere store so it feels like the brand's own tool. Product, angle and format choices build a storyboard as you go, so a brief never starts from a blank page.
How it works
Briefs, scripts, board stages (Script, Generating, Ready, Live) and notes are saved in the visitor's browser. "Try live generation" asks an n8n workflow with Google Gemini to write script options; when its free daily limit is reached, the app shows pre-written scripts labelled as samples. The gallery plays real ad videos.
Delivered
A working web app you can click through, with demo data and no login.
My part
Product design, interface and build, plus the demo content.
08

Online store · Concept build

Calmere

A complete small-brand skincare store: browse six products, build a routine from your skin type, and check out.

Visit the live store
Walkthrough of the Calmere store, from the routine builder to the demo checkout
Goal
Show what a small brand's own online store can feel like when every page helps a shopper choose.
For
Shoppers looking for a simple skincare routine. The brand is invented for this concept.
Scope
Eight pages, six products with their own photos, a cart, a routine builder, a discount code, a demo checkout and an email signup.
Design
A soft palette and serif headings for a calm skincare brand. Product videos in the hero. A "Build your routine" picker turns skin type and concern into a four-step shelf.
How it works
Cart drawer, routine bundle at 15% off, the code CALM10, a demo checkout that clearly says nothing was charged, and an email signup that sends the discount code by email through an n8n workflow.
Delivered
A live, responsive online store. Demo checkout only; no real payments.
My part
Store design and build, product photos (AI-generated, labelled as concept) and the email workflow.
09

Website · home cleaning · Concept build

Cleaning company website

A website for a house cleaning company where visitors see their price and choose a time before they ever pick up the phone.

Goal
Turn people searching for a cleaner into booked cleans, without the back-and-forth of quotes by phone.
For
Busy households comparing local cleaners, mostly on their phones. The business is invented for this sample.
Scope
Home, services, pricing, booking, service areas and FAQ, with every page leading to the same booking step.
Design
Bright and friendly, with real-looking homes, one warm orange for actions and a booking bar that stays at the bottom of the screen on phones.
How it works
A price estimator that updates as the visitor picks home size, clean type, extras and how often, then a date and time picker that turns the price into a booking request.
Delivered
A live, responsive website with sample business details, checked on desktop and phones.
My part
Planning, design and build.
10

Website · med spa · Concept build

Med spa website

A calm website for a med spa that helps unsure visitors find the right treatment and book a consultation.

Goal
Help first-time clients feel confident about a treatment before they book, so fewer consultations go to waste.
For
People curious about skin treatments who browse late in the evening on their phones. The business is invented for this sample.
Scope
Home, treatment menu, single treatment pages, a treatment finder, team and gift cards, all pointing to one consultation booking.
Design
Soft neutrals, black-and-white portraits and a gold accent, with plenty of space so the page feels like the clinic.
How it works
A three-question finder (concern, downtime and budget) that suggests a starting treatment and opens the consultation form with it filled in.
Delivered
A live, responsive website with sample business details, checked on desktop and phones.
My part
Planning, design and build.
11

Website · law firm · Concept build

Law firm website

A law firm website that replaces a cold contact form with a short, guided case check.

Goal
Make worried people feel heard and turn their first visit into a clear consultation request the firm can act on.
For
People searching for legal help right after something has gone wrong. The firm is invented for this sample.
Scope
Home, practice areas, a family law page, attorney profiles, the case check and contact.
Design
Dark wood, warm light and serif headings for trust, with plain-English guidance next to every call to action.
How it works
A four-step case check with a progress bar: the visitor picks their situation, answers a few questions, sees the usual next steps and then requests a consultation.
Delivered
A live, responsive website with sample business details, checked on desktop and phones.
My part
Planning, design and build.
12

Website · cleaning, repairs and remodels · Concept build

Home services website

One website for a company that cleans, repairs and remodels, where a single question sends each visitor down the right path.

Goal
Sell three very different services from one site without confusing anyone about what to do next.
For
Homeowners who need anything from a one-off clean to a kitchen remodel. The business is invented for this sample.
Scope
Home with a path finder, a cleaning page with instant prices, a repairs page with arrival windows, a remodeling page with a consultation, project stories and the crew.
Design
Fresh greens and real-looking crews, with a call and get-started bar fixed to the bottom of every phone screen.
How it works
Path finder on the home page, a live cleaning price with a 14-day calendar, two-hour arrival windows for repairs and a guided remodel intake.
Delivered
A live, responsive website with sample business details, checked on desktop and phones.
My part
Planning, design and build.

More website builds

Design and build of the responsive site, made in Lovable and finished by hand.

What I build

  1. 01

    Websites

    Business websites, landing pages, online stores and redesigns that make information clear and guide visitors towards action.

    • Page structure and copy layout planned around what visitors need
    • Responsive design for phone, tablet and desktop
    • Forms, booking or enquiry flows, and an online store where needed
    • Basic search engine setup, fast-loading images and accessible markup

    Shown above: Halvorn, Larkhaven, NOMA, Fixwell, the Calmere store and more website builds.

  2. 02

    Web applications

    Dashboards, client portals, internal tools, SaaS interfaces and MVPs, built around the journeys your users actually take.

    • User journeys and screens for each role
    • A working interface with the data and states it needs
    • The backend pieces the project calls for, agreed up front
    • A version you can test with real users

    Shown above: Larkhaven Desk and Calmere Studio, concept web apps.

  3. 03

    Mobile applications

    Mobile product design and development shaped around the platform you need, the experience your users expect and your project's requirements.

    • Screens and flows designed for one-handed use
    • A clear choice between a responsive web app, an installable web app or a native app, explained before we start
    • Prototypes you can try on your own phone
    • A build plan matched to your budget

    Shown above: FastPay, an iPhone app designed and built as a clickable prototype. It is not yet in the App Store.

Features we decide together

  • Sign-up and login
  • Saving and managing data
  • Payments
  • Email and messaging
  • Connections to your other tools
  • An admin area for your team

From interface to functionality

  1. 01

    Interface

    Layouts, components and responsive screens that are easy to read and use.

  2. 02

    Functionality

    Forms, data, accounts and the logic behind them, as the project needs.

  3. 03

    Integrations

    Email, payments, calendars or automations, connected where they help.

  4. 04

    Testing

    Different screens, slow connections, empty, loading and error states, keyboard use.

  5. 05

    Launch and handover

    Deployment, your domain, and a short guide so you can run and update it.

How a project runs

  1. 01

    Define the problem

    What the product must do, for whom, and what success looks like. We agree the scope before design starts.

  2. 02

    Map the user journey

    Each step a user takes, from first visit to finished task, so nothing important is left to guesswork.

  3. 03

    Design and build

    Screens first, then the working product. You see progress along the way and can steer it.

  4. 04

    Test and launch

    Checked on phones, tablets and desktops, with slow connections, errors and keyboard use in mind.

  5. 05

    Hand over

    Your accounts, your files, and a plain guide to updating content and keeping things running.

What finished means