Капитан деликатесов: виртуальный комикс для сети городских кафе

К нам обратилась команда ресторанной группы RAY’s с задачей сделать промо-лендинг для их новой сети кафе Handy Place.

У клиента было единственное пожелание к проекту — максимально интегрировать маскота бренда. А когда мы увидели брендбук, то и сами поняли, что без персонажа сайт обойтись совершенно не может.

 — Провели глубинное интервью, чтобы раскрыть уникальность заведения

 — Проанализировали рынок, целевую аудиторию и конкурентов

 — Разработали три креативных концепции

 — Написали увлекательные тексты

 — Реализовали смыслы в дизайн-концепции

 — Отрисовали дополнительные графические элементы

 — Сделали анимацию для каждого блока

 — Адаптировали вёрстку под все устройства

Handy Place — сеть городских кафе Набережных Челнов с едой на каждый день. Это место, в которое удобно приехать из любой точки города, чтобы быстро и вкусно пообедать знакомыми и авторскими блюдами.

Меню для кафе разработали мастера кулинарного дела. Они же своими руками готовят каждый заказ. В этом и заключается идея заведения — интересная домашняя еда, которую можно есть без приборов.

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

После общения с основателями кафе на глубинном интервью мы выделили три ключевые составляющие бренда, которые нужно учесть на сайте: дружелюбная атмосфера, профессионализм и маскот.

Мы смешивали все «ингредиенты» в разных пропорциях и получили три сильные креативные концепции, каждая из которых легко могла стать веб-отражением Handy Place.

1. Домашний уют 

Создаём атмосферу комфорта с помощью иллюстраций, палитры тёплых оттенков и мягкой, округлой типографики. В текстах рассказываем, как тщательно мы готовим блюда. Чтобы пользователям хотелось забраться под плед и выпить чашечку кофе, не выходя из сайта.

2. Мастерская вкуса

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

3. Комикот

Переносим сайт в мультяшный мир кота Хэнди, маскота Handy Place, и создаём настоящий комикс про заведение в Набережных Челнах. Коллажи, стикеры, баблы и прямая речь — одним словом, типичный комикс, который хочется прочитать от корки до корки.

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

«В жизни я люблю только три вещи: комиксы, маскотов и когда они пересекаются в одном проекте. Поэтому мы не могли лишить себя удовольствия создать такую концепцию. К тому же, она здорово решала клиентскую задачу — быть яркой, узнаваемой, выделяться среди конкурентов и нравится всей семье». Егор Митькин, бренд-шеф «е—б эдженси»

Создавать комикс мы начали с текста, ведь он задаёт весь тон будущему дизайну. Мы сразу поняли, что наша история должна быть душевной — такой же комфортной и тёплой, как еда в заведении. Поэтому в каждый заголовок вложили заботу о посетителях и любовь команды к своему дела. В разных блоках по сайту достаточно подробно и интересно рассказали, почему жителям и гостям Набережных Челнов стоит заглянуть в Handy Place. Здесь и ценности заведения, и преимущества для всех категорий целевой аудитории, и эмоциональное описание атмосферы места. 

Кота Хэнди добавили на сайт уже на этапе прототипа. Мы наделили маскота способностью говорить, поэтому было важно продумать его речь заранее. По задумке Хэнди ломает четвертую стену, рассказывает истории о кафе, шутит, в лёгкой форме даёт полезную информацию и заигрывает с посетителями. Стиль его общения отличается от самого сайта, потому что наш усатый помощник, как любой другой котик, может себе позволить быть озорным и весёлым. Это как Дедпул, только Хэнди.

ЧАСТЬ I. Брендбук, или как мы:

— Использовали фирменные паттерны в качестве ярких фонов под разные блоки

— Отрисовали графические элементы в схожей стилистике, чтобы расширить айдентику

— Оттенки бренда сделали теплее, усиливая ощущение уюта на сайте

— Использовали все вариации маскота, чтобы котик радовал глаз

ЧАСТЬ II. Переносимся в комикс

Главной задачей было остаться верными фирменному стилю, но добавить комиксного шарма. Мы пересмотрели кучу графических романов и комиксов, вдохновились и начали рисовать.

Фотографиям добавили рамки, как в комиксах. Тексты поместили на квадратные подложки, присыпали стикерами и баблами. Кстати, типографику тоже стилизовали: сделали начертания мягкими и добавили обводку.

Мы сделали яркий, эмоциональный и по-домашнему добрый комикс, после прочтения которого невозможно не захотеть попробовать все блюда из меню Handy Place. 

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

Маскот стал идеальным дополнением всей эстетики и отличным инструментом, чтобы незаметно и увлекательно преподнести аудитории больше контента. Львиную долю сайта мы отдали маскоту, что сделало продукт интерактивным и передало настроение заведения. А вместе с этим мы эффектно выделили Handy Place среди конкурентов с однотипными лендингами. 

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

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