Эмоциональный дизайн для сайта в азиатской эстетике: как мы создавали прочную связь с клиентами
Tilda Интернет-магазин Разработка сайта
Эмоциональный дизайн для сайта в азиатской эстетике: как мы создавали прочную связь с клиентами
Tilda Интернет-магазин Разработка сайта
60 заявок еще до запуска эквайринга
746 посетителей в первый же месяц
7% конверсия за январь при прогнозе 1−3%
О проекте
Постановка задачи
Онлайн-доставка от дядюшки Лао
Ресторан азиатской кухни Рай Лао впервые распахнул свои двери чуть больше года назад, и за это время уже обзавелся постоянными гостями. Пришло время выходить за пределы зала: так родилась идея запуска онлайн-доставки для близлежащих районов города.
У бренда уже был фирменный стиль и оформленное меню. Основная задача, которая была поставлена перед нами — разработать интернет-магазин доставки азиатской еды, но при этом обязательно рассказать о первоисточнике — офлайн-ресторане.
Основное условие — отказ от многостраничного сайта, всю информацию следовало расположить на одной посадочной странице. И, конечно, сайт должен был соответствовать образу и эстетике заведения.
Процесс работы
Прототипирование
Лаконичная структура с интуитивной навигацией
Мы начали с анализа целевой аудитории. Выделили следующие основные сегменты:
35% — молодежь, 18−30 лет
25% — семьи (пары с детьми), 25−45 лет
15% — офисные работники, 30−50 лет
10% — ценители аутентичных блюд
Люди данных возрастных категорий ценят в первую очередь комфорт, простоту, скорость взаимодействия с интерфейсом. Интуитивная навигация, понятный интерфейс, удобная корзина, заказ в пару кликов без раздражающих задержек в виде всплывающих окон — то, что нужно в данной ситуации.
Соцсети в шапке сайта — чтобы молодежь могла с легкостью перемещаться в подходящее инфопространство, простое оформление — так как семейным людям некогда тратить время на вникание в нюансы, поиск по меню — чтобы знакомые с ассортиментом пользователи быстро переходили к интересующим их позициям.
Анализ сайтов конкурентов также помог выявить основные проблемы и сложности, с которыми могли столкнуться пользователи. С учетом этих моментов и запросов владелицы бренда мы проработали структуру будущего интернет-магазина в Figma. Основными особенностями прототипа стали:
01 / Двойное меню с фиксацией нижней части по скроллу
02 / Отдельный блок для ресторана в нижней части страницы
03 / Видеовставки — чтобы выделить бренд среди конкурентов
04 / Наличие удобной карты с районами доставки
Процесс работы
Дизайн
Азиатская эстетика и современный минимализм
Так как основными потребителями продуктов бренда являются люди молодого и зрелого возраста, следовало сделать сайт ярким, актуальным, с интересными фишками, но в то же время без лишних эффектов и ненужных элементов. Проще говоря — никакого дизайна ради дизайна, каждая деталь должна быть выверена, а ее наличие — оправдано.
Визуал сайта для ресторана Рай Лао разрабатывался с учётом азиатской эстетики, отражающей суть кулинарной философии бренда. Чтобы создать стильный и одновременно уютный и доступный образ заведения, мы объединили традиционные элементы Востока и актуальные идеи современного веб-дизайна. Фирменные цвета — чёрный, красный и золотой — использовались точно и дозированно, чтобы привлечь внимание пользователя к ключевым информационным элементам: заголовкам, кнопкам и стоимости блюд.
Формула эмоционального дизайна: висцеральный, поведенческий и рефлексивный уровень
Чтобы создать глубокую эмоциональную связь между пользователем и брендом, мы проработали дизайн на всех трех уровнях, выйдя за рамки разработки банального интернет-магазина для доставки еды. Это позволило напрямую влиять на вовлеченность, принятие решений и удержание клиентов.
Висцеральный уровень
//Внешняя притягательность и мгновенная симпатия. //Яркие цвета, необычные, но приятные текстуры. //Аппетитные фотографии и азиатские мотивы: цветы сакуры, палочки для еды, красные бумажные журавлики.
Поведенческий уровень
//Фокус на юзабилити. //Простота и иерархичность структуры, интуитивная навигация, отзывчивость. //Взаимодействие с элементами и легкость заказа создают удовольствие от процесса.
Рефлексивный уровень
//Живые видео и яркие фотографии из ресторана, продуманные до мелочей тексты. //Отдельный блок о ресторане провоцирует создание долгосрочных эмоций.
Чтобы визуально отделить основное меню от меню каталога, а также усилить атмосферу восточного колорита, для первого экрана был использован ненавязчивый фоновый паттерн в виде чешуек дракона. Такой же паттерн в другой цветовой гамме применяется в оформлении оффлайн-меню и дизайна интерьера самого ресторана, что позволило создать целостный брендовый образ.
В фиксированном меню каталога добавлены мини-иллюстрации к блюдам — они делают взаимодействие с сайтом более живым и вовлекающим, побуждая пользователя внимательнее изучать предлагаемый ассортимент.
Видео на первом экране с обычной девушкой, наслаждающейся раменом, оказывает сильный эмоциональный и маркетинговый эффект: пользователь видит блюдо вживую, видит, с каким аппетитом его едят, и при этом подсознательно считывает, что покупка в Рай Лао ему «по карману».
Элементы бенто-стиля, крупный и чёткий фирменный шрифт, большие заголовки, набранные строчными буквами, усиливают впечатление демократичности и дружелюбности заведения.
Здесь все просто и понятно, читаемо и прозрачно: никаких мелких шрифтов, а следовательно, скрытых наценок и обмана. Кнопки большие, на них легко нажимать — это стимулирует к покупке. Вес вынесен на саму карточку товара: так он отделен от цены и не создает путаницы со стоимостью.
Все элементы расположены согласно принципам информационной иерархии, что вкупе с использованием бенто-стиля обеспечивает интуитивное восприятие пользователем. Такой дизайн привлекателен, понятен, позволяет создать образ доступной доставки азиатской еды, стимулирует к покупке и в то же время выглядит актуально и современно.
Онлайн-доставка и офлайн-ресторан
По запросу владелицы бренда мы соединили в одном лендинге два продукта, но таким образом, чтобы ни один из них не мешал восприятию другого. Большую часть структуры страницы заняла онлайн-доставка: двойное меню, баннеры, блоки с отдельными категориями товаров, подарочные сертификаты, условия и карта доставки.
Но уже в меню через соответствующий пункт и адрес мы сообщили о наличии офлайн-заведения. Ему посвятили и целый баннер на первом экране, на котором разместили привлекательное фото, информацию о скидках и подарке, а также популярные блюда.
Вишенкой стал большой двойной блок в самом нижней части страницы, в котором мы рассказали об уютном ресторане в азиатском стиле, где можно насладиться волшебным раменом, постигнуть вселенную моти и попробовать новые блюда с тем самым идеальным балансом сладкого и острого. Здесь же предлагается посмотреть меню, забронировать столик или весь зал для своего мероприятия.
Кнопки разделены изображениями, чтобы пользователь не терялся при выборе. Большое количество ярких фотографий и живое видео помогают максимально окунуться в атмосферу заведения.
Процесс работы
Завершающий этап
Мы закрываем максимум вопросов за вас
Разработка сайта в 2026 году — это не просто прототип, дизайн и верстка. Сегодня создание сайта под ключ должно включать в себя базовое СЕО, помощь с оформлением политики конфиденциальности и согласия на обработку персональных данных, обязательную установку всплывающей подсказки с согласием на использование куки-файлов.
Обязательно получение сертификата безопасности — без него браузеры отметят сайт как «небезопасный» и усложнят процесс перехода на него. Мы берем на себя все подобные важные моменты, включая подключение систем аналитики.
" Работая над сайтом для Рай Лао, мы глубоко погрузились в специфику азиатской кухни и локального рынка доставки. Команда ДИКО создала цифровой ресурс с интуитивным интерфейсом, который сделал процесс заказов максимально профессиональным и удобным. Теперь пользователи могут быстро оформлять заказы быстро, а бизнес — расти вместе с лояльностью клиентов.
Екатерина Мищенко
ко-фаундер «Дико»
Результат
Мгновенная конверсия
Еще до подключения эквайринга менеджеры Рай Лао начали принимать заявки с нового сайта. Судя по их количеству — 60 только за первый месяц — эмоциональный дизайн нашел свой отклик у пользователей.
Хотите сформировать глубокую связь со своими клиентами и проложить к их сердцам прочный мостик? Пишите нам в ДИКО!