Landing Page для Lightbox.kiev.ua

Цілі

Розробка лендінгу з цікавим, яскравим дизайном і анімацією. Розробка посадкової сторінки з простою і зрозумілою формою замовлення, анімованими ефектами і легким сприйняттям контенту.

Рішення

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

Інтерактивний лічильник терміну виконання робіт над формою зворотного дзвінка автоматично підлаштовується під поточну дату. Коли клієнт заходить на сайт, в заголовок автоматично підставляється дата здачі проекту (вивіски).

Більшість лендінгу присвячена портфоліо виконаних робіт. На екрані портфоліо представлено візуальними блоками з інформацією про кожен тип вивіски при натисканні на зображення. Додаткові роботи в портфоліо представлені в нижньому екрані з розбивкою на типи робіт.

На третьому екрані розташована ще одна форма зворотного зв’язку і візуалізація складових частин вивіски.

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

Етапи розробки проекту:

1. Розробка макета лендінгу. На цьому етапі дизайнер створює макет майбутньої посадкової сторінки.
2. Верстка. Адаптивна верстка з використанням анімації, інтерактивного лічильника термінів виконання робіт дозволила створити цікаву і динамічну посадкову сторінку.
3. Наповнення посадкової сторінки графічними та текстовими елементами.
4. Перевірка працездатності і запуск лендінгу.