(06)Jun – Oct 2026
Smart home brand websites and a switchboard design tool.
Role
Designer & developer
Timeline
Jun – Oct 2026
Stack
Next.js, React, TypeScript, Tailwind CSS
smartliv.io
(01)Overview
Work for two smart home businesses: the SmartLiv brand website, the ABHEE Smart Home Systems website, and a switchboard designer that lets customers plan every room and download one PDF for the installer.
(02)Problem solved
Smart home buyers need to see what's possible and then pin down exact switch layouts. Both used to happen over calls and sketches.
(03)My contribution
- Designed and built both websites
- Built the switchboard designer end to end
- Deployment and ongoing updates
(04)Features
- 01SmartLiv: cinematic product site with scene demos and consultation booking
- 02ABHEE: services, products and project galleries with WhatsApp contact
- 03Designer: rooms, a 240-icon switch catalogue, fan and regulator rules
- 04Designer: one combined PDF, generated in the browser
- 05Designer: projects saved locally, with JSON import and export
Screenshots
abheesmarthomesystems.com
The switchboard designer tool
Technology stack
Next.jsReactTypeScriptTailwind CSSFramer MotionViteVitest
Development challenges
No backend for the designer
Projects live in the browser and PDFs are generated client-side, so the tool is just static files: nothing to run, secure or pay for.
Layout rules that match real hardware
A fan regulator takes two switch places and sockets take two. The layout logic had to model the physical board, not just a grid of icons.
Next project
AI Support & Resolution Agent →