О проекте
Стиль продукта основан на простой «мультяшной» плоской графике и сочетании белого, чёрного и полутонов. Логотип состоит из надписи и двух элементов айдентики, которые могут использоваться в том числе и по отдельности.
Образ айдентики элементарен — дымное облачко в форме букв в слове hOOkah. Графический паттерн очень легко воспринимается, ассоциируется
и запоминается. Широкие «ломанные» буквы шрифта Unbounded также дополняют общий стиль и используются как паттерн.
Цвета свободно адаптируются под ситуацию и позволяют стилю выигрышно выделяться на светлых и тёмных носителях.
Упаковки товаров в основном яркие и цветные, что отлично сочетается с монотонной основной палитрой интернет-магазина.
Анимация делает интерфейс сайта живым и предсказуемым. Тем не менее, все эффекты используются оправданно и не во вред пользовательскому опыту.
Вопреки мнению многих дизайнеров, использовать чистый чёрный и белый цвета в дизайне интерфейсов можно и иногда нужно.
При адаптации дизайна для разных экранов был использован смешанный подход. Таким образом удалось реализовать преимущества и адаптивного, и отзывчивого дизайна.
Дизайн сайта на мобильных устройствах основан на паттернах проектирования приложений.
Качественно проработанный мобильный интерфейс выражается в мелочах, которые улучшают пользовательский опыт. Так, на сайте логотип замещается кнопкой корзины с индикацией количества товаров и их суммарной стоимости.
При «прямом» адаптировании кнопка корзины была бы закреплена сбоку, как на десктопе. Но на мобильных устройствах особенно важно сохранять место.
Функциональный минимализм, продвинутая анимация всех элементов взаимодействия и полноценное веб-приложение для мобильных устройств подчёркивают уникальность и совершенность сервиса. Цветовая гамма, шрифтовая пара и использование в оформлении гибких «плоских» паттернов позволяют легко масштабировать заданную айдентику на любые желаемые носители.
Product and UI/UX design:
Глеб Коссов
Licensed mockups:
LS graphics