Landing page of the blogger and singer Abdurozik

The task

A blogger needs a website that works for two audiences at once: fans want to learn more and buy a tour ticket, while brands want to understand the scale and write. The landing page has to be as bright and memorable as the blogger himself.

What we did

1. First screen

   • Design
   • First screen

   The slogan “The very Abdurozik everyone on the internet is talking about” is set in large slanted type. The blogger sits on a white cube, and neon lines glow around him. Next to it are the YouTube and Instagram labels and a light blue “More” button.

   • The hero at the center. The dark background with neon lines makes the blogger the main spot on the screen.
   • Social networks at hand. The YouTube, Instagram, Telegram and Twitch icons in the corner of the screen.
   • Subscriber counters. Two cards with numbers and a colored strip between them.
   • Two languages. An RU and EN switcher in the header.

   

2. About the blogger

   • Content

   The block tells who Abdurozik is: two big photos with a year and a caption and a short text next to them. The pictures have rounded corners and stand on a dark background.

   • A photo with a caption. The year on the left, the name of the picture on the right, like a caption in a magazine.

   

3. Filmography and discography

   • Content
   • List

   TV shows, series and songs are collected in one neat list card. On the left are the dates, in the middle the title, on the right a short description and a round icon.

   • Two types of entries. A clapperboard icon for TV shows and series, a note for songs.
   • Easy to read. Every row has the same grid: a date, a title, a description.

   

4. Bright events

   • Gallery

   A gallery in the form of a slider with large photos: the blogger on shoots, at meetings and in the studio. In the center is a round button with arrows for scrolling.

   • Scroll with a mouse or a finger. The photos go beyond the edge of the screen and hint that there are many of them.

   

5. The tour schedule

   • Tickets
   • Tours

   The tour schedule is made in the form of tickets: a city, an address, a date, a time and a “Buy a ticket” button. While there are no tickets, the block is covered with a “Coming soon” screen over blurred cards.

   • Ready for sale. When the dates appear, the screen is removed, and the tickets are already in place.

   

6. The mobile version and the form

   • Phone
   • Responsive

   On a phone everything stands in a column, and the slogan and the hero take the first screen. At the end is a form for brands: an email and a message with an offer.

   

   

   

The result

• A bright first screen with the blogger as the main hero
• Russian and English versions with a switcher in the header
• The “About the blogger”, “Filmography”, “Events” and “Tours” blocks with the same clean presentation
• The tour schedule in the form of tickets, ready for sale
• A form for brands at the end of the page

What the work included

• Landing page design
• Development
• The mobile version
• Russian and English
• A request form