Тележүргізуші Дмитрий Диброваның лендингі

Міндет

Жеке бренд үшін сайт визитка және шақыру арнасы ретінде жұмыс істейді. Дмитрий Дибровқа іс-шара ұйымдастырушылары, продюсерлер және жарнама берушілер онымен қалай және қандай жағдайда байланысуға болатынын бірден түсінетін лендинг керек болды.

Не істедік

1. Құрылым: кім және не үшін келеді

   • Құрылым

   Лендингке кім және қандай сұраныспен келетінін анықтап, алты жұмыс форматын үш түсінікті топқа орналастырдық. Әр топтың өтінімге дейінгі өз жолы бар.

   • Үш топ. Іс-шаралар, түсірілімдер және теледидар мен интернет.
   • Бір нәтиже. Тікелей командаға түсетін өтінім.

   Ынтымақтастық форматтары

   Басты бет

   • Мерекелер және іс-шараларІс-шараларды жүргізуСпикер ретінде сөз сөйлеу
   • ТүсірілімдерБрендтерге арналған жарнамалық түсірілімдерБейнеролик дыбыстау
   • Теледидар және интернет«Миллионер болғысы келетін кім?» блогыИнтернет-жобалар және телешоулар

   Үш топтағы алты формат, әрқайсысына бір өтінім түймесі апарады

2. Афиша ретіндегі бірінші экран

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

   Портреттің артында «ДИБРОВ» деген үлкен тегі тұр, оның үстінде аты қолжазба қолтаңбамен жазылған. Төменде шақыру және қызыл түйме, ал төменгі жиек бойымен рөлдер жолағы өтеді.

   • Афишалық тегі. Градиентті ірі әріптер және алдыңғы қатарға шығатын портрет.
   • Бір әрекет. Қызыл «Ынтымақтастық» түймесі.
   • Рөлдер жолмен. Тележүргізуші, актёр, шоумен, продюсер, музыкант, блогер, стример.

   

3. Бірге қалай жұмыс істей аламыз

   • Контент
   • Форматтар

   Ынтымақтастық форматтары аккордеон-тізімге жиналған. Таңдалған жол ашылады: сипаттама және презентацияға сілтеме пайда болады. Тізім астында «Шарттарды талқылау» түймесі.

   • Алты формат. Іс-шараларды жүргізу, «Миллионер болғысы келетін кім?» блогы, телешоулар мен интернет-жобалар, спикер ретінде сөз сөйлеу, жарнамалық түсірілімдер, ролик дыбыстау.
   • Қызыл акцент. Ашық жол және түйме қызылмен бөлектелген, қалғаны сұрдағы қара.

   

4. Киноплёнкадағы жобалар

   • Контент
   • Слайдер

   Дмитрийдің жобалары киноплёнка сияқты лентада көрсетілген: шоулардың атаулары бар ірі карточкалар және айналдыру көрсеткілері.

   • Таныс. Шоудың атауы және кадр жүргізушінің қайда жұмыс істегенін бірден көрсетеді.

   

5. Жаңа бейнелер

   • Бейне

   Қысқа бейнелер стиліндегі тік карточкалар: превью, автордың аты және «Жазылу» түймесі. Осылайша лендинг тірі және әлеуметтік желі көрермені үшін таныс көрінеді.

   • Таныс формат. Карточкалар қысқа бейнелер лентасына ұқсайды, сондықтан оларды түсіндірудің қажеті жоқ.

   

6. Командамен байланысу

   • Форма
   • Байланыс

   Соңында үш өрісі бар форма: аты, тақырып және хабарлама. Жанында Telegram мен WhatsApp-қа сілтемелер, ал оң жақта Дмитрий мен оның продюсері Артур Якобсонның фотосы. Жауап жедел болатыны уәде етілген.

   • Үш тәсіл. Форма, WhatsApp немесе Telegram — адамның таңдауы бойынша.

   

7. Мобильді нұсқа

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

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

   

   

   

8. Әзірлеу

   • Әзірлеу

   Лендингті Next.js-те әзірлеп, өтінім формалары мен аналитиканы қостық.

   • Жылдамдық. Беттер жылдам ашылады, телефоннан да.
   • Өтінімдер. Өтінімдер тікелей лендингтен келеді.

   Лендинг неден тұрады

   1. Next.jsжылдам беттер
   2. Өтінім формаларытіркелусіз
   3. Командаөтінімді алады

Шешім

• Бір «Ынтымақтастық» түймесі бар афиша стиліндегі бірінші экран
• Бір тізімдегі алты ынтымақтастық форматы, әрқайсысының өз сипаттамасымен
• Жобалар лентасы және жаңа бейнелер ұзын мәтінсіз ауқымды көрсетеді
• Командамен байланысу үшін форма, WhatsApp және Telegram

Клиент пікірі