Мелена.
Бренд та інтернет-магазин для обсмажувача спешелті-кави, який продає зерно, кавомолки й еспресо-машини.
Продати атмосферу
Спешелті-кава коштує дорожче за звичайну, тому сайт має з першого екрана показати, за що людина платить: свіжість, походження і ритуал приготування. А ще зручно продавати і зерно, і техніку в одному магазині.
Сайт як кавовий ритуал
Перший екран розповідає історію чашки в трьох сценах, які програються разом зі скролом. Далі спокійний магазин з чесною інформацією про кожен лот.
- Назва, логотип, палітра і упаковка з нуля
- Скрол-анімація з трьох відеосцен
- Каталог, картка товару, кошик і підписка
- Окрема продумана мобільна версія
Назва і стиль
«Мелена» походить від слова «мелений»: про помел, руки і ранковий ритуал. На сайті назва кирилицею, на упаковці латиницею, щоб бренд працював і на експорт.
#EFE7DC#8A3B22#2A1A14#C9A46A#5F2A2F#F7F2EAКласична антиква з характером, нагадує старі кавові вивіски.
Сучасний гротеск для описів, цін і кнопок.
Цифри рецептів, висоти, бали SCA.
Лінійка пачок
Кожен сорт має свій колір пачки, а етикетка однакова: назва бренду, країна, регіон, смакові нотки і вага. Покупець одразу розрізняє сорти на полиці і в каталозі.
Історія чашки
в трьох сценах
Відео розкладене на кадри і програється разом зі скролом. Гортаєш вниз, і зерно обертається, кавомолка розбирається, кава наливається в чашку. Гортаєш назад, і все йде у зворотний бік. Фон і шапка сайту змінюють колір разом зі сценою.
Зерно
Обертається навіть без скролу і ніби плаває в повітрі.
Помел
Кавомолка розбирається на частини, помел сиплеться в чашечку.
Чашка
Кава наливається спіраллю, наприкінці піднімається пара.
Зручно в руці
Відео займає верхню половину екрана, текст стоїть під ним. Блок про виробництво гортається пальцем убік, як сторіс, а кошик і картка товару виїжджають знизу.
Від вибору
до замовлення
Каталог з фільтрами, картка товару зі смаковим профілем і вибором помелу, кошик з підказкою до безкоштовної доставки. Усе працює без переходів між сторінками.
Фото бренду
Серія фото у спільному теплому стилі: плантація, обсмаження, пакування і доставка. Вони показують шлях зерна від ферми до дверей покупця.
Усе придумали
з нуля
Жодних шаблонів і готових тем. Від назви бренду до останньої кнопки в кошику все придумали, намалювали й зібрали в студії.
- 01
Назва
Придумали «Мелена» від слова «мелений», про помел і ранковий ритуал.
- 02
Логотип
Дві версії: кирилиця для сайту, латиниця для упаковки й експорту.
- 03
Палітра і шрифти
Вершки, теракота, шоколад і латунь. Антиква Forum для заголовків.
- 04
Упаковка
Лінійка з чотирьох пачок: свій колір для кожного сорту, одна етикетка.
- 05
Фото бренду
Серія кадрів від плантації до коробки біля дверей покупця.
- 06
Дизайн сайту
Кожен блок від першого екрана до футера з великим написом.
- 07
Скрол-анімація
Три відеосцени, які програються разом зі скролом і назад.
- 08
Магазин
Каталог, картка товару зі смаковим профілем, кошик і підписка.
- 09
Мобільна версія
Окремо продумана під телефон: компактна, зі свайпами.
- 10
Тексти
Описи лотів, смакові нотки, рецепти та всі підписи на сайті.
Хочете такий самий сайт?
Розкажіть про свій бізнес, а ми запропонуємо, як показати його так, щоб клієнти захотіли купити.