Лендинг блогера и певца Абдурозика

Задача

Блогеру нужен сайт, который работает сразу для двух аудиторий: поклонники хотят узнать больше и купить билет на тур, а бренды хотят понять масштаб и написать. Лендинг должен быть таким же ярким и запоминающимся, как сам блогер.

Что мы сделали

1. Первый экран

   • Дизайн
   • Первый экран

   Слоган «Тот самый Абдурозик, о котором говорит весь интернет» набран крупным наклонным шрифтом. Блогер сидит на белом кубе, а вокруг светятся неоновые линии. Рядом метки YouTube и Instagram и голубая кнопка «Подробнее».

   • Герой в центре. Тёмный фон с неоновыми линиями делает блогера главным пятном на экране.
   • Соцсети под рукой. Иконки YouTube, Instagram, Telegram и Twitch в углу экрана.
   • Счётчики подписчиков. Две карточки с числами и цветная полоса между ними.
   • Два языка. Переключатель RU и EN в шапке.

   

2. О блогере

   • Контент

   Блок рассказывает, кто такой Абдурозик: две большие фотографии с годом и подписью и короткий текст рядом. Снимки скруглены и стоят на тёмном фоне.

   • Фото с подписью. Год слева, название снимка справа — как подпись в журнале.

   

3. Фильмография и дискография

   • Контент
   • Список

   Телешоу, сериалы и песни собраны в один аккуратный список-карточку. Слева даты, в середине название, справа короткое описание и круглая иконка.

   • Два типа записей. Иконка клапана для телешоу и сериалов, нота для песен.
   • Просто читать. У каждой строки одинаковая сетка: дата, название, описание.

   

4. Яркие события

   • Галерея

   Галерея в виде слайдера с крупными фотографиями: блогер на съёмках, встречах и в студии. По центру круглая кнопка со стрелками, чтобы листать.

   • Листать мышью или пальцем. Фотографии выходят за край экрана и подсказывают, что их много.

   

5. Расписание туров

   • Билеты
   • Туры

   Расписание туров сделано в виде билетов: город, адрес, дата, время и кнопка «Купить билет». Пока билетов нет, блок закрыт заставкой «Coming soon» поверх размытых карточек.

   • Готово к продаже. Когда появятся даты, заставку убирают, и билеты уже на месте.

   

6. Мобильная версия и форма

   • Телефон
   • Адаптив

   На телефоне всё стоит столбиком, слоган и герой занимают первый экран. В конце форма для брендов: почта и сообщение с предложением.

   

   

   

Что получилось

• Яркий первый экран, на котором блогер главный герой
• Русская и английская версии с переключателем в шапке
• Блоки «О блогере», «Фильмография», «События» и «Туры» с одинаковой чистой подачей
• Расписание туров в виде билетов, готовое к продаже
• Форма для брендов в конце страницы

Что вошло в работу

• Дизайн лендинга
• Разработка
• Мобильная версия
• Русский и английский
• Форма заявки