С 9 до 21 вам ответит Денис

Написать:

Позвонить:

Обратный звонок:

Подписывайтесь в нашего telegram бота, чтобы получить структуру вашего будущего сайта. Это бесплатно!

Уже уходите? Не спешите!

Разработка интернет магазина под ключ

К нам обратился уже работающий ресторан суши и роллов для проведения полного редизайна и создания более современного сайта

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

Поэтапно был разработан прототип-макет каждой из страниц, а также были переосмыслены структурные разделы сайта, чтобы подчеркнуть главное

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

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

Этап 1

Сбор информации и подготовка проекта

Витрина, состоящая из превью товаров каждой категории

Блок-инструкция с понятной инфографикой "как мы работаем"
и Блок с формой обратной связи

Блок с отзывами о ресторане.
В процессе был изменен на галерею-слайдер, наиболее современное решение

Ответы на часто задаваемые вопросы в виде раскрывающихся полей

Галерея с фотографиями со страницы ресторана на ресурсе Instagram

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

Этап 2

Настройка внутреннего функционала магазина

Самое главное в интернет-ресторане — это то что он предлагает покупателю. Поэтому перво-наперво был создан и настроен каталог товаров.

Были созданы и заполнены разделы каталога для быстрого поиска и выставления товаров в витрину

Функционал Тильды user-friendly, что в дальнейшем позволяет редактировать цены,наличие и описание товаров заказчику самостоятельно, избегая трат на поддержку сайта.

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

Этап 3

Дизайн и инструменты

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

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

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

#e86100

#000000

#242424

#ffffff

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

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

Чтобы подчеркнуть восточную направленность,были использованы традиционные орнаменты,выполненные в оранжевом цвете

Результат

Десктопная и мобильная версия

Оформление рекламных слайдов

Товары в отдельных категориях

Витрина товаров на главной

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

Поп-ап с подробной информацией о товаре

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

При скролле страницы меню трансформируется в компактную версию

Корзина

Форма обратного звонка

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

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