Серед компаній, що займаються благодійністю, популярні лендинги для анонсу подій. Ми отримали заявку на розробку такого сайту від PENCILS OF PROMISE. Це організація, яка створює безпечні, здорові освітні середовища та розширює доступ до якісної освіти для дітей у країнах з найбільшою нестачею ресурсів у світі. Компанія готувалась до івенту PoP GALA та їй необхідний був лендинг. Розглянемо, як ми реалізували цей проєкт.

Цей блок виконано у вигляді банера. В центрі градієнтного фону розміщено назву івенту. В лівому верхньому куті клікабельний логотип PENCILS OF PROMISE. Натиснувши на нього, користувача переносить на основну сторінку компанії, де він детальніше може ознайомитись з її діяльністю, прикладами робіт тощо. В правому верхньому куті ми розмістили дату та місце проведення івенту. Назвою івенту реалізовано дві кнопки: Перша — «Столи GALA», а друга — «Індивідуальні квитки». Клікнувши, користувача переносить у відповідні секції, де він може забронювати стол до заходу або придбати квиток.

В цьому блоці наші розробники реалізували текстові поля. Користувач знайомиться із запрошенням на івент, дрес-кодом, часом проведення, програмою та іншими нюансами. Крім цього, реалізовано клікабельний текст «Не можете бути присутнім?». Клікнувши, користувача переносить на сторінку з деталями, що робити в такому випадку.

На сайті передбачалось 5 варіантів для броні столів. Кожен варіант ми виконали окремою карткою. Зробити донат та отримати бронь можна, клікнувши на кнопку «Купити зараз». Під нею розташований клікабельний текст, перейшовши за посиланням користувач може ознайомитись з деталями вибраної пропозиції. Особливість цього блоку — варіанти броні столів під час скролу накладаються один на одного. Завдяки цьому вдалося скоротити розмір лендингу та зробити цікавий анімаційний ефект. Команда розробників використала CSS-анімацію для впровадження такої фічі.

Після бронювання столів розміщено блоки, де користувач може придбати 4 або 6 квитків. Тут також відображається, скільки квитків ще залишилось в наявності. Нижче — блок з придбанням індивідуальних квитків.

В цьому блоці користувачеві пропонується зробити пожертвування, якщо він не може відвідати івент, але хоче зробити внесок в справу PENCILS OF PROMISE. Під коротким описом реалізовано кнопку «Здійснити мрію». Клікнувши по ній, з’являється спливаюче віконце з клікабельним текстом «Пожертвувати», сумами та поясненнями, куди пожертви будуть спрямовані.

Зліва розташовано клікабельний логотип компанії, який веде користувача на головну сторінку PENCILS OF PROMISE, а в праві частині — кнопка «Зв’язатись з нами». Крім цього, футер містить посилання на політику конфіденційності та інші корисні сторінки. Адреса офісу компанії клікабельна, після натискання користувача переносить на карту Google, де він може подивитись розташування та прокласти маршрут. Наші розробники інтегрували посилання на карту. Адреса електронної пошти теж клікабельна, зв’язатись можна в декілька кліків.

Функціональність важлива в лендингу не менше, ніж в корпоративному сайті або інтернет-магазині. Цей проєкт показує, наскільки лендинг може спростити організацію івенту. Завдяки нашій команді розробників сайтів користувачі могли легко придбати квитки на захід, в декілька кліків зробити пожертви, ознайомитись з програмою заходу. Крім цього, лендинг вийшов з інтуїтивно-зрозумілим інтерфейсом та привабливим дизайном. Компанія PENCILS OF PROMISE залишилась повністю задоволеною результатом нашої роботи.