Own the whole stack
One person from database to deploy means no hand-off gaps, no lost context and one person accountable for the result.
Floor 06 — About
Ten years. Every floor.
(01) — Hello
I'm Dani Salman, a full-stack developer, and Top Floor Design is my studio. For ten years I've built the complete thing: the data model, the services, the build pipeline, the interface and the motion that makes it feel alive.
I work best with people who care about details as much as I do, whether that's detailing chemistry, made-to-order Porsche parts, a dental practice that wants patients to feel at ease, or my own multiplayer game. You get one person who understands the whole building, from the foundations to the view from the top.
- Experience10 years
- DisciplineFull stack
- StudioTop Floor Design
- BasedUnited Kingdom
- StatusTaking on work
(02) — The stack, as a building
Built from the ground up.
- 01
Foundations
Hosting, domains, deployment pipelines, edge networks and monitoring. Invisible when it's done right, and everything else stands on it.
- Vercel
- Deploy pipelines
- DNS & redirects
- Real-user monitoring
- 02
Data
Schemas and single sources of truth. One product model can print the label, fill the catalogue and power the calculator, and they never disagree.
- PostgreSQL
- EF Core
- Vercel Blob
- Zod schemas
- 03
Services & APIs
Accounts, authentication, orders, integrations and webhooks. The plumbing that turns a website into a working business.
- Vercel Functions
- ASP.NET Core
- SignalR
- Stripe webhooks
- Resend
- 04
Business logic
Variants and pricing, bundles, trade tiers, partner commission and fitment rules. The unglamorous code that makes the money add up.
- Commerce
- Partner payouts
- Fitment
- Game rules
- 05
Content & SEO
Structured content, build-time metadata and landing pages that match how people actually search, like "accessories for my 718".
- Structured data
- Rendered HTML
- Sitemaps
- 06
Front-end architecture
Components, ES modules and progressive enhancement. I reach for a framework when it earns its place and write lean vanilla JavaScript when it doesn't.
- TypeScript
- React
- Next.js
- ES modules
- 07
Design systems
Tokens, type and components that scale across pages, and across brands. Two shops can run on one engine and still look like themselves.
- Tokens
- Theming
- Components
- 08
Interaction & motion
Scroll choreography, page transitions, WebGL shaders and canvas. Motion that explains, guides or rewards, or it goes.
- three.js
- GLSL
- PixiJS
- Canvas
- SVG
- 09
Performance & access
Modern image formats, subsetted fonts, Core Web Vitals from real users, keyboard and screen-reader support, and respect for reduced motion.
- Core Web Vitals
- Accessibility
- Playwright
- xUnit
- Vitest
- TF
The top floor
The experience people remember. Everything underneath exists so this floor feels effortless. That's the whole idea behind the name.
- Craft
- Care
- Detail
(03) — How I work
Four rules, no exceptions.
One source of truth
Prices, ratios and fitment live in one place. Everything else reads from it, so nothing ever contradicts itself.
Motion with a job
Animation should explain, guide or reward. If it does none of those, it doesn't ship.
Fast is a feature
Measured with real visitors, not just a lab score. Speed is part of the design, not a clean-up job at the end.
(04) — Working together
From first call to top floor.
- 01
Listen
The business, the customer, and what success actually looks like, in numbers where possible.
- 02
Design
Structure, content and interface, prototyped in the browser early so decisions happen on the real thing.
- 03
Build
The full system, front to back, shipped in visible increments you can click through.
- 04
Launch
Hosting, analytics, SEO and redirects, followed by a calm, well-rehearsed go-live.
- 05
Look after
Measure, improve and keep it fast. Good sites are tended, not just finished.
(05) — Selected work