Блогер әрі әнші Абдурозиктің лендингі

Міндет

Блогерге бірден екі аудиторияға жұмыс істейтін сайт керек: жанкүйерлер көбірек білгісі келеді және гастрольге билет сатып алғысы келеді, ал брендтер ауқымды түсініп, жазғысы келеді. Лендинг блогердің өзіндей жарқын және есте қаларлық болуы керек.

Не істедік

1. Бірінші экран

   • Дизайн
   • Бірінші экран

   «Бүкіл интернет айтып жүрген сол Абдурозик» ұраны ірі көлбеу қаріппен терілген. Блогер ақ текшеде отыр, ал айналасында неон сызықтары жарқырайды. Жанында YouTube және Instagram белгілері және көгілдір «Толығырақ» түймесі.

   • Кейіпкер ортада. Неон сызықтары бар қараңғы фон блогерді экрандағы басты нүктеге айналдырады.
   • Әлеуметтік желілер қол астында. Экран бұрышындағы YouTube, Instagram, Telegram және Twitch иконкалары.
   • Жазылушылар есептегіштері. Сандары бар екі карточка және олардың арасындағы түсті жолақ.
   • Екі тіл. Шапкадағы RU және EN ауыстырғышы.

   

2. Блогер туралы

   • Контент

   Блок Абдурозиктің кім екенін айтады: жылы мен жазуы бар екі үлкен фотосурет және жанында қысқа мәтін. Суреттердің бұрыштары дөңгелектелген және қараңғы фонда тұр.

   • Жазуы бар фото. Сол жақта жылы, оң жақта сурет атауы — журналдағы жазу сияқты.

   

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

   • Контент
   • Тізім

   Телешоулар, сериалдар және әндер бір ұқыпты тізім-карточкаға жиналған. Сол жақта күндер, ортада атауы, оң жақта қысқа сипаттама және дөңгелек иконка.

   • Жазбалардың екі түрі. Телешоулар мен сериалдар үшін хлопушка иконкасы, әндер үшін нота.
   • Оқуға оңай. Әр жолдың торы бірдей: күн, атау, сипаттама.

   

4. Жарқын іс-шаралар

   • Галерея

   Ірі фотолары бар слайдер түріндегі галерея: блогер түсірілімдерде, кездесулерде және студияда. Ортада айналдыруға арналған көрсеткілері бар дөңгелек түйме.

   • Тышқанмен немесе саусақпен айналдыру. Фотолар экран шетінен шығып, олардың көп екенін аңғартады.

   

5. Гастрольдер кестесі

   • Билеттер
   • Гастрольдер

   Гастрольдер кестесі билеттер түрінде жасалған: қала, мекенжай, күн, уақыт және «Билет сатып алу» түймесі. Билеттер болмаған кезде блок бұлыңғыр карточкалар үстіндегі «Coming soon» экранымен жабылған.

   • Сатылымға дайын. Күндер пайда болғанда экран алынады, ал билеттер қазірдің өзінде орнында.

   

6. Мобильді нұсқа және форма

   • Телефон
   • Бейімделгіш

   Телефонда бәрі бағанмен тұрады, ал ұран мен кейіпкер бірінші экранды алады. Соңында брендтерге арналған форма: пошта және ұсынысы бар хабарлама.

   

   

   

Нәтиже

• Блогер басты кейіпкер болатын жарқын бірінші экран
• Шапкада ауыстырғышы бар орыс және ағылшын нұсқалары
• «Блогер туралы», «Фильмография», «Іс-шаралар» және «Гастрольдер» блоктары бірдей таза көрінісімен
• Сатылымға дайын билеттер түріндегі гастрольдер кестесі
• Беттің соңындағы брендтерге арналған форма

Жұмысқа не кірді

• Лендинг дизайны
• Әзірлеу
• Мобильді нұсқа
• Орыс және ағылшын
• Өтінім формасы