It opens on the video
The hero plays footage from the 16. avgust video. The latest video follows, with links to Spotify, Apple Music, YouTube and Deezer, and the header carries a listen button.
Case study · Musician
A digital stage instead of a Linktree
At 2nite.si the video, songs, shows, links, booking and photos sit on one home page. Shows and the rest of the content are edited in an admin dashboard, without touching the code.
- Project
- 2nite
- Client
- 2nite
- Year
- 2026
- Role
- Website and admin dashboard (Next.js, GSAP)
7
Home page sections
10
Releases in the Pesmi section
5
Channels in the Kje sem section
12
Mobile screens in the project gallery
Starting point
2nite (@2nite.mp3) is a Slovenian musician. His site is a digital stage instead of a standard Linktree, with hosting and maintenance included.
A musician needs a digital home that carries intimate pop and the visual language of music videos. Not a static bio, but a site that feels like a release, where shows and the rest of the content can change immediately.
Approach
The home page is a single path: a hero with the 16. avgust video and a large wordmark, the latest video, songs, shows, where to find him, booking and photos. The navigation has five items: video, music, shows, where to find him and booking.
Scrolling runs on GSAP ScrollSmoother, ScrollTrigger and SplitText: sections stack like panels and type reveals word by word. On a phone the same dark, cinematic feel stays, with an open menu and a horizontal gallery.
Every release in one place
The Pesmi section holds ten releases from 2023 to 2026, each with a cover, release type and year. A switch offers Apple Music, Spotify and YouTube, and by default a click opens the song on Apple Music.
Content lives in the dashboard
A new date, release or link is on the site immediately, without touching the code. When no shows are announced, the section says so and points to @2nite.mp3 or booking.
Home page sections
- Video hero
- Latest video
- Songs
- Shows
- Where to find him
- Booking
- Photos
What shipped
Hero and latest video
A cinematic hero with video and a large wordmark, then the 16. avgust video with links to the platforms.
Songs
A discography with covers: singles and EPs, each with its year and a link to the song.
Shows and channels
A show calendar and links to Instagram, TikTok, YouTube, Facebook and Spotify, each with a short note on what you find there.
Booking and press
A form with name, email and message, a direct email address, and downloads for the press kit and photos.
Photos
A photo gallery at the end of the page, which scrolls sideways on a phone.
Admin dashboard
Shows and the rest of the content are edited here, without touching the code.
Result
2nite.si keeps everything at one address: from the hero video through the latest release, discography, shows, booking and gallery.
A visitor watches the video, opens a song, checks the shows, writes for booking or downloads the press kit. Content is updated from the admin dashboard.
- A video hero and the latest video with links to the platforms
- A discography of ten releases
- A shows section edited in the admin dashboard
- Links to five channels: Instagram, TikTok, YouTube, Facebook and Spotify
- A booking form and a press kit download
- A live site at 2nite.si
Who this approach is for
Musicians and other performers for whom a Linktree is not enough, and who want the video, releases, shows and booking on one page.
A useful example when the site comes with hosting and maintenance, and shows and the rest of the content are edited in an admin dashboard.
Let's talk.
Tell us what you need. You get a reply within 24 hours on weekdays.
