Tiles Connect
A Toronto luxury bathroom and custom shower tile installer gets a portfolio-first website with a consultation request form and a private dashboard to manage incoming inquiries.
- My role
- Designer and developer.
- Built for
- Construction & trades
- Project type
- Tile installer website & inquiry dashboard
- Built with
- Next.js · TypeScript · Tailwind CSS · Vercel
The story
What problem existed, and what we built.
The problem
A craft business whose work lives on Instagram had no site of its own to show finished projects or to turn a visitor into a qualified inquiry.
What I built
A site built around real project photography and short reels, with a consultation form that accepts photos, and a password-protected dashboard where the owner sees each inquiry, its photos and its status.
What it had to achieve
- Show finished work well
- Turn visitors into consultation requests
The customer's experience
A homeowner browses finished bathrooms, then requests a consultation with photos.
What customers can do
- Portfolio of finished projects
- Consultation request with photo upload
The owner & staff experience
Each inquiry arrives by email and in a private dashboard with its photos and status.
What the business can do
- Private inquiry dashboard
- Email alert on each new inquiry
How it works
Architecture & integrations.
How the application, data, access controls, and connected services work together.
Photo upload that was debugged, not assumed
Uploads failed in the browser while the server side worked. The cause, proven in a real browser, was the storage bucket allowing only an old domain. Restricting it to the live domain fixed it and kept photos private.
Design decisions
The choices that shaped it — and why.
Confirm before changing a lead’s status
Every status change asks first, and a one-step correction undoes the last move as an audited event.
How it was built
Development process
- 1Built the site around the client’s real projects
- 2Added the consultation form and private dashboard
- 3Verified the full inquiry path in production
Technical overview
Technology & implementation
Technology stack
- Next.js
- TypeScript
- Tailwind CSS
- Vercel
Implementation scope
Designer and developer.
Want something like this for your business?
Tell me how your days go and what you'd like to stop doing by hand. I'll tell you honestly what would help.