Получи скидку 20% на разработку любого типа сайта, оставив заявку сейчас
Ответьте на несколько вопросов, чтобы получить скидку 40% на разработку вашего сайта
Отлично. Последний шаг, чтобы получить скидку!
Укажите нишу для которой необходимо разработать сайт?
Выберите нужный тип сайта:
Бюджет проекта
лендинг цена

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

К нам обратился уже работающий ресторан суши и роллов для проведения полного редизайна и создания более современного сайта
В качестве пожелания заказчик указал оформление сайта в черном цвете с яркими оранжевыми акцентами. Целью проекта выступила потребность формирования узнаваемого фирменного стиля на основе уже существующего логотипа
Поэтапно был разработан прототип-макет каждой из страниц, а также были переосмыслены структурные разделы сайта, чтобы подчеркнуть главное
лендинг цена
лендинг цена
лендинг цена
Первоначальная версия шапки подразумевала наличие спрятанного выпадающего меню, однако в процессе данный формат был переработан в более удобную версию: категории доступны для выбора по всей ширине страницы
Для наглядности наиболее ярких предложений был добавлен баннер-слайдер, содержащий акции и тезисные преимущества ресторана на первом экране
Этап 1
Сбор информации и подготовка проекта
Витрина, состоящая из превью товаров каждой категории
лендинг цена
3
лендинг цена
2
1
Блок-инструкция с понятной инфографикой "как мы работаем"
и Блок с формой обратной связи
Блок с отзывами о ресторане.
В процессе был изменен на галерею-слайдер, наиболее современное решение
5
4
Ответы на часто задаваемые вопросы в виде раскрывающихся полей
6
Галерея с фотографиями со страницы ресторана на ресурсе Instagram
Ниже располагается блок с контактами. Помимо него был добавлен блок с картой, а также подвал с описанием деятельности ресторана и кнопкой обратного звонка
8
7
Этап 2
Настройка внутреннего функционала магазина
Самое главное в интернет-ресторане — это то что он предлагает покупателю. Поэтому перво-наперво был создан и настроен каталог товаров.
создание лендинга цена
создание лендинга цена
создание лендинга цена
Были созданы и заполнены разделы каталога для быстрого поиска и выставления товаров в витрину
Функционал Тильды user-friendly, что в дальнейшем позволяет редактировать цены,наличие и описание товаров заказчику самостоятельно, избегая трат на поддержку сайта.
Перенесли и заполнили каждую карточку товара из старого сайта заказчика.
Закончив с внутренним наполнением сайта и настроив корзину для сбора заказов, мы перешли к дизайну и воплощению проекта
создание лендинга цена
создание лендинга цена
Этап 3
Дизайн и инструменты
Сайту хотелось придать свежести и новизны, при этом не сделать его отталкивающе новаторским,
поэтому выбор шрифта для сайта был простой задачей — это любимая и узнаваемая многими FuturaPT - простой современный шрифт без засечек.
создание лендинга цена
создание лендинга цена
создание лендинга цена
Сайт выдержан всего в двух цветах, лишь в каталоге товаров появляется третий цвет для удобства восприятия границ карточек.

Следуя просьбе заказчика, мы подобрали контрастный оранжевый цвет, который хорошо смотрится как с белым,так и с черным цветом
#e86100
#000000
#242424
#ffffff
В качестве главной идеи хотелось использовать логотип компании как персонаж-талисман бренда
создание лендинга цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
Для этого были сделаны авторские иллюстрации на основе оригинального логотипа.Мы использовали их в приветственном баннере и блоке "обратный звонок".
создание лендинга цена
создание лендинга цена
Чтобы подчеркнуть восточную направленность,были использованы традиционные орнаменты,выполненные в оранжевом цвете
создание лендинга цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
создание лендинга цена
Результат
Десктопная и мобильная версия
создание лендинга цена
лендинг на тильде цена
Оформление рекламных слайдов
Товары в отдельных категориях
Витрина товаров на главной
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Каталоги товаров
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Поп-ап с подробной информацией о товаре
создание лендинга цена
Шапка-меню с информацией о времени работы,номером,кнопкой обратного звонка и ссылками на социальные сети.
Важный элемент удобства - отображение текущей суммы в корзине доступно на всех страницах сайта.
Полное меню категорий представлено в развернутом виде.
При скролле страницы меню трансформируется в компактную версию
создание лендинга цена
создание лендинга цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Корзина
лендинг на тильде цена
Форма обратного звонка
лендинг на тильде цена
лендинг на тильде цена
Мобильная версия
создание лендинга цена
создание лендинга цена
В мобильной версии полностью сохранен функционал десктопной версии сайта. Сворачиваемое меню можно найти в шапке, а при скролле есть скрытое меню-бургер
лендинг на тильде цена
Мобильная версия
Мобильная версия
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Десктопная версия
Десктопная версия
Десктопная версия
Десктопная версия
Десктопная версия
Десктопная версия
Мобильная версия
Мобильная версия
Мобильная версия
Мобильная версия
Мобильная версия
Мобильная версия
Десктопная версия
Мобильная версия
Другие блоки идентичны для всех страниц
лендинг на тильде цена
Так же был сделан бейджик для представления в виде ссылок и иконки для вкладок в браузере и отображения в закладках
лендинг на тильде цена
Формы и корзина
лендинг на тильде цена
Made on
Tilda