SONOLanding page · 2026
A landing page that takes visitors from the first screen to a ready enquiry
A wireless speaker concept: two models, a comparison, a configurator, a bag and an enquiry form. In Russian and English.
Demo landing page
The difference between models is clear at once
Each card shows output, battery life and weight. The full table opens on request.
Buyers put together their own set
Finish, number of speakers and total change together. The choice is kept on the device.
The enquiry already knows the choice
The bag merges identical items, and the enquiry picks up the chosen set.
The same path on a phone
The table scrolls inside its block, and the configurator fits the screen.
How it is built
A static site on React, TypeScript and Vite.
- Languages
- Russian and English, the choice is remembered.
- Choice
- Stored in the browser and kept after a reload.
- Finishes
- Chalk and Graphite come from one photo of the speaker through filters.
- Bag
- Opens as a dialog; Escape closes it and returns focus.
Build your own set on the landing page