Интерактивная кулинарная книга

 

Сайт получился красочным и легким. Вкусные фото готовых блюд добавляют цветовые акценты к каждому блоку.

 

 

Мы отказались от вертикального скролла в главных разделах в пользу горизонтального, добавили элемент интерактивности с помощью легких анимаций. Так сайт стал еще больше напоминать онлайн книгу рецептов.  

 

Реактивный сайт

 

Мы разработали сайт как SPA (Single Page Application). Разделы сайта открываются без перезагрузки страницы, используется плавная анимация переходов. При этом работает SPA быстрее, чем привычные сайты — при первой загрузке наше js-приложение сохраняется в памяти и в дальнейшем передаются только данные: тексты, фотографии, видеоролики. Сайтом удобно пользоваться на мобильных устройствах, ведь похожий принцип работы действует у мобильных приложений. Такой подход называется «реактивным».

 

Реактивность позволила нам ввести дополнительные анимации, которые в простом вебе были бы невозможны. Например, при нажатии на ссылку «Расписание», пользователь перемещаетсявглубь страницы, увеличивая заголовок и скрытый за ним контент.

 

Разработка велась на технологии Vue.js в связке с REST API, WordPress на стороне бэкенда.

 

Знакомство с шефом

 

Илья Лазерсон – известный шеф-повар со своей лояльной публикой. Специально для фанатовмы интегрировали в сайт выдачу последнего выпуска видеоблога #SPASIBOCHEF, чтобы у них всегда была возможность смотреть новые выпуски по мере их появления.

 

 

На сайте перечислены все самые популярные и яркие кулинарные книги Лазерсона, отмечено, какие вы сможете купить во время занятия в его студии.

И самое главное, – на сайте можно задать вопрос шефу напрямую и получить ответ на этой же странице.

 

Кулинарная студия

 

На сайте можно записаться на занятие в кулинарную студию Лазерсона и зарезервировать себе место среди зрителей на съемках нового выпуска его кулинарного шоу.  

 

На странице мероприятий подробно расписаны все возможности студии: от мастер-классов и дней рождений до обучения специалистов.

 

В фотогалерее представлены отчеты с мастер-классов, можно посмотреть все интерьеры и оборудование студии.

 

Старые и новые рецепты

 

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

 

 

За 8 лет работы сайта таких заметок, советов и рецептов накопилось очень много. Нам не хотелось потерять контент при создании нового сайта, поэтому вся полезная информация была перенесена на новый сайт.

 

Результат

 

Мы запустили новый адаптивный сайт кулинарной студии Ильи Лазерсона в январе 2018.  На нем можно найти всю важную информацию о школе, шефе и профильной литературе, получить ответы на свои кулинарные вопросы.

 

Перейти на сайт