Маки Маки

Рестораны японской кухни

Задача:

Переработать устаревший магазин. Привлечь аудиторию мобильных устройств.

www.makimaki.ru
Главная страница сайта ресторанов японской кухни Maki Maki

Проектирование

Пожелания заказчика:
  •  Сайт должен выглядеть современно и качественно.
  •  Реализовать поддержку максимального количества устройств.
  •  Интегрировать магазин с системой управления заказами FastOperator.

Интерактивный прототип

Персональный компьютер

Первым делом мы подготовили интерактивный прототип сайта для персонального компьютера с большим разрешением экрана.

Планшет

Cайт должен быть адаптивным и подстраиваться под размер экрана. Мы подготовили прототип для планшета и все проверили.

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

Интерактивный прототип

Особенности дизайна

Адаптивный дизайн

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

Пальцеориентированные элементы

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

Пальцеориентированные элементы Пальцеориентированные элементы

Иконки и флэт-стиль

Специально для сайта мы нарисовали набор иконок во флэт-стиле.

 

флэт-стиль

Предложение стилизованного логотипа

Предложение стилизованного логотипа

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

В конечном счете заказчик решил временно оставить старый логотип, такой же как и в оформлении ресторанов.

Предложение стилизованного логотипа

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

Стилизованные лайки

Стилизованные лайки

Нам также пришлось поработать над внешним видом стандартных кнопок "Нравится".

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

Стилизация писем

 

Стилизация писем

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

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

Ориентирован под планшеты

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

мобильная корзина мобильная корзина мобильная корзина
Отображение на планшете Отображение на планшете

Специальное отображение на мобильных телефонах

Мы специально проработали интерфейс сайта для использования на смартфонах.

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

pag
pag
pag

Retina-графика

Для дисплеев Apple Retina мы подготовили специальный комплект иконок высокого разрешения.

Ретина-графика Ретина-графика Ретина-графика Ретина-графика
Яркие сменяющиеся баннеры

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

Яркие сменяющиеся баннеры

Учет требований по SEO
Учет требований по SEO

Учет требований по SEO

По требованию оптимизаторов мы подготовили сайт для продвижения.

Программирование

AJAX-навигация

AJAX-навигация

Скроллинг меню

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

Смена тайтлов и URL

Смена тайтлов и URL

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

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

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

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

В личном кабинете пользователь может смотреть за процессом накопления скидки и управлять адресами доставки.

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

Адреса ресторанов

На карте Москвы отображены все рестораны сети.

Для того, чтобы найти ближайший ресторан, достаточно просто ввести свой текущий адрес.

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

Корзина

Расчет васаби, имбиря и приборов

В зависимости от состава заказа происходит автоматический расчет дополнительных ингридиентов и столовых приборов.

Cкидки на повторный заказ

При совершении повторного заказа пользователю предоставляется скидка.

Корзина
Корзина

Интеграция с Fast operator

Меню товаров и база заказов интегрированы с системой управления рестораном Fast Operator.

Интеграция с Fast operator

Удобные настройки в одном месте

Все настройки сайта, которые может потребоваться изменить администратору, находятся в одном удобном месте.

Удобные настройки в одном месте

В настоящее время сайт находится у нас на обслуживании.

Фото клиента

Отзыв клиента:

« «До начала сотрудничества с компанией «Simple Dream» мы работали с другим подрядчиком. Подход к разработке был кардинально другой. Если раньше процесс был туманным, а результат работ всегда сопровождался некой интригой и беспокойством, то сейчас разработка очень прозрачна и занимательна. Команда использует популярные технологии, облегчающие взаимодействие с клиентом, благодаря чему мы всегда в курсе, чем сейчас занимаются и когда это будет готово.

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

Отдельно хочу отметить ниндзя-программиста Евгения, который таинственным образом, без единого вопроса, интегрировал сайт с нашей системой обработки заказов».

Над проектом работали:

  • Менеджеры:
  • Андрей Евтеев
  • Виталик Дощенко
  • Проектировщик
  • Артем Ивлев
  • Дизайнеры:
  • Михаил Новожилов
  • Александр Дема
  • Верстальщик:
  • Александр Плут
  • Программисты:
  • Евгений Дурягин
  • Сергей Прохоров
  • Тестировщик:
  • Андрей Шульга