К нам обратился наш постоянный партнёр — агентство SeoEvolution — с задачей разработать дизайн для их клиента Tataki. Поскольку партнёры специализируются на комплексном продвижении и разработке, они доверили нам создание визуальной концепции и проектирование интерфейса, чтобы улучшить показатели пользовательского опыта и повысить конверсию.

О проекте

Tataki — это современный сервис доставки японской кухни. Бренд делает ставку на качество ингредиентов и эстетичную подачу. В условиях высокой конкуренции на рынке доставки еды сайту требовалось обновление, которое выделило бы бренд среди конкурентов и сделало путь пользователя от выбора роллов до оплаты максимально коротким.

Этапы дизайна

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

1. Исследование (Research): анализ лучших решений в нише доставки еды и изучение поведенческих паттернов «голодного пользователя».
2. Варфреймы: проектирование структуры страниц и логики взаимодействия без привязки к цвету.
3. Дизайн-концепты: поиск уникального визуального стиля, который подчеркнёт аппетитность блюд.
4. Дизайн внутренних страниц: детальная проработка каталога, инфо-страниц и процесса оформления заказа.
5. Личный кабинет: создание функционального пространства для постоянных клиентов.

01. Исследование

На этапе исследования мы проанализировали конкурентов и тренды e-commerce в сфере FoodTech. Мы сосредоточились на том, как пользователи взаимодействуют с фильтрами, как выбирают сеты и какие барьеры мешают им быстро завершить заказ. Это помогло нам внедрить решения, которые делают интерфейс Tataki не только красивым, но и функциональным.

02. Варфреймы

Мы уделили особое внимание разработке высокодетализированных wireframes. На этом этапе мы спроектировали путь пользователя (User Flow), учитывая размещение акционных предложений, удобство выбора дополнительных соусов и структуру корзины. Это позволило нам согласовать с SeoEvolution и клиентом всю логику сайта ещё до начала работы с визуалом.

03. Дизайн-концепция

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

04. Внутренние страницы

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

• Карточка товара: акцент на аппетитном фото и чёткой структуре (состав, вес, цена).
• Оформление заказа: мы максимально упростили форму, разделив её на логические блоки (адрес, время, оплата).
• Доставка и Контакты: создали информативные страницы с чётким зонированием и быстрым доступом к мессенджерам.
• Акции и Блог: разработали шаблоны для спецпредложений и интересного контента, повышающего вовлечённость.
• Вакансии: отдельный раздел для тех, кто хочет стать частью команды Tataki.

05. Личный кабинет

Для сервиса доставки еды личный кабинет — это инструмент удержания клиента. Мы спроектировали интуитивно понятное меню, включающее:

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

Мобильная версия

Поскольку более 80% заказов еды совершаются со смартфонов, интерфейс мобильной версии был спроектирован так, чтобы оформить заказ можно было буквально «на ходу» одной рукой. Удобные кнопки добавления в корзину и упрощённая навигация обеспечивают безупречный пользовательский опыт.

Результаты

Сотрудничество с SeoEvolution позволило превратить сайт Tataki в мощный инструмент продаж. Новый UX/UI дизайн упростил путь пользователя, а взаимодействие с брендом сделал более приятным. Оптимизированная структура и функциональный личный кабинет стали фундаментом для роста лояльности клиентов и увеличения количества повторных заказов.

Хотите обновить дизайн вашего проекта?

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