A sample concert website: one page with the evening's program, seats and prices, and a “Buy a ticket” button that leads to Yandex Afisha
Something else · Website style: Kinetic

The task
When an artist or a club announces a concert, it needs one page that shows the essentials at once: who is playing, when and where, what a ticket costs and where to buy it. People often open it on a phone from a poster or a social media link, so the essentials have to be visible without much scrolling. We show such a page with a concert, but a one-page website for any business works the same way: what people need first at the top, details below, and a button to buy or send a request.
To show what a one-page website (also called a landing page) looks like, we built an example: a working site for a fictional concert by Slow Tide Quartet, a jazz quartet, at Pier 9, a club in Kaliningrad. The quartet and the club do not exist, and the concert will not happen. But the site is real and works: open it with the “Open the example website” button and scroll through it like any other site. So that nobody takes the concert for a real one, the very top of the page, the part you see without scrolling, says: “This event is fictional — this is a sample website”.
The solution
The very top of the page shows the quartet's name, the date and start time, the city, the price “from 1,500 ₽” and a “Buy a ticket” button. Below are a few words about the quartet and the schedule of the evening: when the doors open, when the first set, the interval and the second set start, and when the concert ends. Then comes where the concert takes place and how to get there, with a map. The Yandex map appears only when a visitor clicks “Show map”. This way the page opens faster, and until it is opened the map does not cost points in Google's speed test. If your site needs a map, we tell you before the contract what score we promise with it.
Tickets come in three seat types with prices: balcony 1,500 ₽, stalls 2,500 ₽, front rows 3,500 ₽. The site itself does not sell tickets: Yandex Afisha does, a service where people buy tickets to concerts and theaters. Every “Buy a ticket” button on the page leads there. Afisha opens separately, and the concert page stays open.
On a real concert's site the button leads straight to that concert's page on Yandex Afisha or another ticket service. You put the concert on Afisha or another ticket service yourself: you sign the agreement with that service, and it sets its own terms: the sales commission and the service fee for the audience, if there is one. We put a link to your concert's page on the site. Our concert is made up and is not on Afisha, so in the example the button opens the list of all Kaliningrad events.
The page also answers common questions: the age limit, what you need to get in, how to return a ticket. And there is a photo section, “From past concerts”. The quartet does not exist, so in the example it shows other people's photos from Unsplash, a website where photographers share photos that can be used on websites for free. On a real concert's site, your own photos go here. If you have no photos from your concerts, we remove the section: we do not pass off other people's photos as your concerts.
The date in the example changes on its own: the site always shows a Saturday three to four weeks from today, so the example never looks out of date. A real concert's site has one date, the date of your concert.
The page moves: the heading lines slide up, a round badge with the date spins, and two strips with the quartet's name run towards each other like a news ticker. Phones and computers have a “Reduce motion” setting for people who find movement on screen distracting. When it is on, the page stays still. The site's colors follow the phone or computer: with a dark theme on, the site is dark, with a light one, it is light. The example is in two languages, Russian and English: the language switch is at the top of the page.
The example has no request form: tickets are bought on Afisha. The concert's texts are kept in the site's code, not in an admin panel, and we change them ourselves.
We will build a similar page for your business under the “Landing page” plan, a one-page website. It includes a design we draw for you, a request form (a visitor fills it in on the site and the request comes to you), visitor analytics and an admin panel, a section of the site that visitors do not see. In the admin panel you change texts, photos and prices yourself, and for a concert, the date, the program and the ticket link too: once a concert is over, the same page works for the next one. Although Afisha sells the tickets, on a concert site the form is useful for other things, such as questions to the organizer, corporate event requests or hall rental. If you do not need it, tell us and we will remove it; the plan's price stays the same.
You can take the style of this example at the same price. But another client can choose a ready-made style too, while a style drawn for you is yours alone. Motion and a dark theme are included in the price either way. A second language is an extra-cost option. You pay for hosting and the domain directly to the provider and the registrar. Before the contract we work out what that comes to for you per year. The price, the timeline and everything the plan includes are on the plan's page.
What the website is built with
- Next.js 16
- React 19
- TypeScript
- SCSS
- Yandex Maps
Results in numbers
- 99Performance out of 100 — Google PageSpeed, mobile
- 100Accessibility out of 100 — Google PageSpeed, mobile
- 100Best practices out of 100 — Google PageSpeed, mobile
- 100SEO out of 100 — Google PageSpeed, mobile
Screenshot: Google speed test (Lighthouse)
