ru ua en
SEO просування сайту Let's help

Клієнт

Let's help – міжнародний благодійний фонд.

Відчувати по-новому: соцпроект допомоги незрячим

SEO просування Let's help

Розробка лендінг пейдж з UI/UX дизайном

Головною метою проекту стала розробка сайту-запрошення на захід, який наш клієнт незабаром планував провести у рамках соціального проекту Black Box. Формат івенту – благодійна вечеря, організована для збору коштів на покупку принтерів Брайля. Подібні пристрої виробляють друковану продукцію, що допомагає незрячим людям пізнавати світ.

Для реалізації проекту у мережі ми вирішили розробити лендінг пейдж. Такий веб-ресурс створюється за принципом «одна сторінка, одна пропозиція, одна цільова дія», що повністю відповідало основним завданням проекту.

Правильно сформований лендінг повинен викликати у відвідувача бажання:

  • дізнатися більше про пропозицію;
  • ознайомитися з інформацією на всіх екранах і дійти до кінця сторінки;
  • оформити заявку, щоб отримати консультацію менеджера або придбати товар/послугу.

Створити односторінковий сайт, що вирішує такі завдання, стало нашою метою для Black Box. На початковому етапі роботи ми традиційно глибоко вивчали специфіку проекту, щоб згодом розробити ексклюзивні маркетингові та рекламні рішення.

Ідея соціального проекту

Ми з'ясували, що унікальність проекту полягає у тому, що Black Box дозволяє не просто пожертвувати кошти на благодійність, а дійсно відчути і відкрити для себе, як влаштований світ незрячих людей. Організатори гала-вечора планували у рамках заходу запропонувати своїм гостям на кілька годин зануритися у повну темряву. Учасники акції мали увійти до зали ресторану з зав'язаними очима. Потім за допомогою волонтерів – пройти до своїх столиків, щоб, слухаючи живу музику, насолодитися вечерею з трьох страв. Що саме буде подано, гостям не повідомлялося.

Зняти пов'язки з очей і обмінятися враженнями гості повинні були тільки після завершення вечора. До цього захід подібного формату від Let's help вже успішно пройшов у Києві, Одесі та Львові.

SEO просування Let's help концепт

Концепт

1

Під час першого етапу роботи спеціалісти Сlock Creative Lab виявили, що особливість Black Box полягає у тому, що значна частина у проекті відводиться емоційному сприйняттєві. Тому ефекту, який має спричинити на гостей участь в гала-вечері: відчути, зрозуміти на своєму, нехай і короткому досвіді, як це – жити без зору. Саме цю унікальність Black Box ми прагнули передати через сайт-запрошення.

2

Кожен екран нашого лендінг пейдж повинен був занурювати користувача у новий для нього світ незрячих людей все більше і розповідати про проблематику, на вирішення якої спрямовано проект. Збір коштів потрібен був, щоб забезпечити спеціалізованою літературою, надрукованою шрифтом Брайля, бібліотеки і школи найбільших обласних центрів України. Крайній дефіцит книг для незрячих утворився через багаторічне недофінансування виробництва подібної літератури з держбюджету.

3

В успішності та працездатності концепції проекту ми не сумнівалися, оскільки на момент створення сайту-запрошення на благодійну вечерю у Дніпрі, Black Box вже отримав кілька нагород як «кращий інноваційний проект» на всеукраїнських конкурсах Ukrainian Event Awards і «Благодійна Україна-2015».

Розробка лендінг пейдж для Black Box

Створення лендінгу для клієнта Let's help спеціалісти Clock Creative Lab виконували поетапно у такій послідовності:

  • 01

    Збір бізнес-аналітики. Дослідження ринку на основі максимально повної інформації про компанії клієнта і конкурентів. Занурення у специфіку івенту і компанії. Виділення унікальності заходу, формування пропозиції для кінцевого споживача, робота з позиціонуванням проекту.

  • 02

    Формування концепту лендінг пейдж. На основі даних, отриманих під час першого етапу, створюємо наше бачення реалізації проекту. Працюємо над цілісною стратегічною пропозицією.

  • 03

    Створення дизайну – візуальних і технічних рішень, логіки розташування елементів односторінкового сайту відповідно до принципів UI/UX і загальної стратегії проекту.

  • 04

    Веб-девелопмент. Впроваджуємо розроблені рішення, створюємо мобільну версію сайту, виконуємо SEO-оптимізацію і детальне тестування.

  • 05

    Аудит веб-ресурсу на предмет помилок. Генеральна звірка проекту за показниками ефективності.

Стратегії по просуванню сайту Let's help

Структура лендінгу

Розробляючи структуру лендінг пейдж, ми прагнули максимально ефективно донести до користувача ключове повідомлення – ті унікальні переваги, які отримає гість, відвідавши гала-вечерю. На головному екрані розміщена кнопка з підписом «Вимкніть світло. Увімкніть свої почуття». Натиснувши на неї, користувач переходить на односторінковий сайт. Головний екран перетворюється. На ньому з'являється фото сервірованого столу з красивою стравою і келихом вина. На тлі зображення – текст, який повідомляє дату, місце, час та назву заходу, якому присвячено сайт.

Картинка складається з двох частин – кольорової та чорно-білої. Нижче на білому тлі знаходиться опис мети проекту. Навпроти на чорному тлі розміщено той самий текст, написаний шрифтом Брайля.

Головний екран інтерактивний. Анімація дозволяє кольоровий і чорно-білій половинам екрану мінятися місцями при наведенні. Так само діють текстові блоки зі стандартним шрифтом та шрифтом Брайля. Метою подібного дизайну було показати, наскільки по-різному будь-яка інформація і світ виглядають для людини із зором і того, хто позбавлений здатності бачити. На наступних екранах:

  • докладніше розкривається проблематика проекту;
  • розповідається про формат заходу;
  • презентуються поточні результати фонду;
  • розміщена форма заявки для реєстрації;
  • представлений перелік партнерів та (у футері) можливість дізнатися більше про фонд на сайті організації і в соціальних мережах.

У будь-який момент перебування на лендінгу користувач має можливість зареєструватися для відвідування благодійної вечері, внести пожертвування у проект, побачити, скільки коштів вже зібрано та скільки потрібно для втілення заявленої мети. Все це дозволяє зробити динамічна кнопка заклику до дії «Давай допоможемо».

UI/UX дизайн та юзабіліті сайту Black Box

При розробці візуальних і технічних елементів лендінг пейдж та розміщенні їх на сторінці ми керувалися принципами UI/UX дизайну. Це необхідно, щоб зробити сприйняття інформації максимально зручним і привабливим для користувача. А також для того, щоб усі закладені розробником можливості використання лендінгу були інтуїтивно зрозумілі з перших секунд перебування на сайті.

Ми організували екрани односторінкового сайту для Let's help так, щоб їх вміст був логічно пов'язаний і підводив користувача до виконання цільових дій – відвідати гала-вечерю або внести зручну для себе суму грошей на підтримку проекту.

Створюючи односторінковий сайт-запрошення на благодійну вечерю Black Box, команда Clock Creative Lab працювала над: оптимальним розміром сторінки, добіркою ефективного медіаконтенту і розробкою унікальних текстів. Усі застосовані стильові прийоми, як і сайт в цілому, є адаптивними. Це необхідно, щоб ресурс однаково ефективно функціонував і відображався на усіх видах пристроїв.

Стратегії по просуванню сайту Let's help дизайн

Результат

  • 01

    Під час роботи над проектом Black Box нам вдалося виконати усі поставлені клієнтом завдання – створити лендінг пейдж, що відображає унікальність формату заходу, щоб залучити цільову аудиторію взяти участь у благодійній вечері.

  • 02

    Для нас було честю разом з Міжнародним благодійним фондом Let's help працювати над реалізацією такого соціально важливого проекту.

А ви готові до лідерства в своїй ніші?

Давайте обговоримо реальні перспективи розвитку вашого бізнесу!