Анна
Освітній проект Espanita
Завдання
Розробити яскравий промосайт, який відповідає концепції легкості, чистоти та прозорості. Сайт є частиною маркетингової стратегії для просування нового бренду горілки, тому важливо розкрити всі переваги продукту та його особливість.
Рішення
Сайт на базі CMS Wordpress має зручну адміністративну панель для редагування і публікації актуального контенту. А також дозволив у короткі терміни реалізувати задум із привабливим дизайном, плавною анімацією та кількома мовними версіями.
Що зробили
1. Проєктування сайту
Під час проєктування нам потрібно було врахувати спеціальні вимоги до сайтів алкогольної тематики. Наприклад, уточнення віку відвідувача перед переходом до основного контенту сторінки.
Структура сторінки побудована навколо нової унікальної технології виробництва і характеристик продукту.
2. Дизайн
Ми підкреслили унікальну легкість напою, використовуючи анімацію повільного плину хмар на першому екрані та крапель води на блоці з описом технології виробництва. Плавна анімація під час скролу та на фоні надає сайту «живого» вигляду. Також у дизайні використовували брендові кольори та шрифти.
Якісні, широкоформатні зображення товару дозволили створити ефект присутності пляшки поруч із користувачем.
Кольори:
#1825aa
#454545
#ebebeb
#d51130
Типографіка:
DIN Compressed – Normal
DIN Pro – Normal
Промосторінка
Для нас було важливим досягти цілісності між унікальним дизайном пляшки та дизайном сайту. Крім використання брендових кольорів і шрифту, особливу увагу приділили дрібницям: патерн на тлі повторює фон на етикетці, а дизайн елементів управління побудований на тонких лініях.
А ще хотілося уникнути перевантаження сторінки текстом, тому ми вирішили розбити інформацію про технології виробництва на декілька слайдів. Додатковою «легкості» основному тексту додали за рахунок міжрядкових інтервалів і тонкого накреслення.
3. Розробка сайту
Розробка сайту відбувалася в декілька етапів:
- налаштування адміністративної панелі сайту на базі CMS WordPress;
- верстка узгодженого дизайну, підключення плагінів і налаштування анімацій;
- тестування сайту.
Після фінального тестування сайт і докладна інструкція до нього були передані клієнту.
