Для кафе Moti Co мы сделали сайт, в котором меню хочется не просто пролистать, а рассмотреть. Нам хотелось передать лёгкое настроение проекта — поэтому мы оживили десерты: в коротком ролике они раскрываются по слоям. С этих анимаций и начинается наш кейс.
Как устроена главная
Мы построили страницу как постепенное знакомство с Moti Co. Сначала — десертная анимация, которая задаёт настроение. Затем блок о философии кафе и его особенностях, а ниже — раздел «Меню и атмосфера» с фотографиями интерьера, напитков и блюд.
В палитре соединили молочный фон, нежно-розовые оттенки и тёплый шоколадный текст. Розовый поддерживает игривый характер сайта, а фотографии добавляют живости и делают страницу более уютной. Так меню и история кафе складываются в одно цельное впечатление.
В ролике мы собрали несколько разделов меню: Моти, завтраки, рамен, токпоки и десерты. Нам хотелось показать не только сами блюда, но и то, как человек знакомится с меню на сайте.
В карточках всё важное собрано рядом: название, короткое описание, вес и цена. Сердечки, небольшие цветные акценты и иллюстрации добавляют характер — меню выглядит живым, но по нему по-прежнему легко пробежаться взглядом и найти нужное.
В разделе завтраков есть маленькая анимация: ингредиенты появляются на тарелке и собираются в готовое блюдо. Рядом — время подачи завтраков. В разделах с раменом и токпоки составы и цены остаются на виду, а отметки помогают заметить, например, вегетарианские варианты и остроту.
В видео показана только часть меню. Остальные блюда и разделы можно посмотреть на сайте: moti-co.ru.
