Задачи и концепция

Разработка сайта для доставки японских и азиатских блюд "Тамаки" – полноценный инструмент для заказа вкусной еды в кратчайшие сроки.
Задача


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

Решение

Мы понимали, что эффективная работа подобного сайта во многом зависит от внедрения специальных инструментов, поэтому обратились к надежной и проверенной системе iiko. Использовали технологию Single Page Application (SPA), что обеспечило сайту высокую скорость загрузки и сделало пользовательский интерфейс гибким.

Этапы
  • UX-анализ
  • Проектирование и дизайн
  • Desktop & Mobile версии
  • Анимация
  • Разработка конфигуратора
  • Тестирование и релиз

Дизайн

Притягательный дизайн – первая ступень к успешной продаже. Создали лаконичную и сочную картинку, используя яркие иллюстрации.

Пестрая цветовая палитра органично смотрится на страницах и приятна глазу. Фиолетовый цвет помогает расставить акценты на важных элементах. В итоге получился «аппетитный» сайт, на котором сложно удержаться от заказа вкусного блюда.

7 уникальных страниц
22 уникальных блока
40 состояний и поп-апов
3 размера экрана

Типографика и цветовая схема

Open Sans
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #d0338a
  • #afca1a
  • #edf2f7

Каталог и карточка товара

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

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

Страница о компании

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

Mobile версия

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

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

Планшет

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

Прототипы

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

Компьютер

Прототипы страниц проекта Тамаки
Прототипы страниц проекта Тамаки

Планшет

Прототипы страниц проекта Тамаки
Прототипы страниц проекта Тамаки
Прототипы страниц проекта Тамаки

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

Прототипы страниц проекта Тамаки
Прототипы страниц проекта Тамаки
Прототипы страниц проекта Тамаки
Прототипы страниц проекта Тамаки

Нужна сильная команда?

Следующий проект

Смотреть проект
FairyBooks