Work Custom · SvelteKit

Tapo

A smart-home product experience where buying guidance and device setup finally live in one place.

@tapo

Smart-home customers need very different things before and after they buy, and one page rarely serves both well. The work separated the buying journey from the setup and support journey, then linked them deliberately.

01
Split before and after

Separated pre-purchase comparison from post-purchase setup, then connected the two on purpose.
02
Make setup findable

Structured setup guides by device and firmware so the right page is one search away.
03
Support the whole range

Built templates that handle a wide device catalogue without per-device layout work.

A smart-home product experience where buying guidance and device setup finally live in one place.
@tapo

The build

Three decisions that shaped Tapo, from Tapo's brief to launch on SvelteKit.

01 Split before and after
02 Make setup findable
03 Support the whole range

Built with

What Tapo runs on

Frameworks

For custom builds: the front end is written in whichever of these your team can keep.

SvelteKit Custom sites and apps

Languages & runtimes

The back end, APIs and integrations behind a custom build.

TypeScript Every custom build

Design & motion

How the work is designed, styled and made to move.

Tailwind Styling

Data & hosting

Where it runs and where the data lives.

Postgres Data
Vercel Hosting and previews

Built by

Muhammad Usman

Freelance web developer who designs and builds fast, modern websites and stores. From first conversation to live site, I focus on clear design, reliable delivery, and work you can be proud to share with customers.

Launches: 25
Platforms: 5
Since: 2020

Start a project My story

@usman

Keep looking

More custom, and other work

SvelteKit · 8 weeks

Make yours next.

Tapo went from brief to launch in 8 weeks. Tell me about your project and I'll come back with a plan and a price.

Start a project See solutions