Сайт ресторана черноморской кухни в санкт-Петербурге
Представление информации о ресторане в поисковых системах
Описание проекта
Задача
Создать сайт, представляющий ресторан. Сайт должен отражать уникальность ресторана, быть красивым и функциональным.
Структура сайта
Сайт имеет одностраничную структуру с дополнительной привязкой к отдельному landing page в той же стилистике
Сроки реализации
Проект «под ключ», включая прототип, копирайтинг, дизайн-макет, вёрстку и интеграции был готов спустя 1 месяц после заключения договора с заказчиком.
Особенности проекта
Проект с уклоном на дизайн. Синергия функциональности и арт-подхода. Изначально проект имел многостраничную структуру и был свёрстан как многостраничный сайт. Позднее было принято решение сократить структуру сайта до одной страницы. Также проект имеет отдельную посадочную страницу услуги прогулки на яхте от ресторана.
Дополнительная информация
К любому сайту, в том числе и к этому проекту, прилагаются работы по:
- Интеграциям с любыми системами по требованию Заказчика
- Юридическая документация и консультация
- Разработка технических страниц (404, страница благодарности и т.п.)
Статус проекта
Сайт находится на доработке и подготовке к запуску самого ресторана
структура проекта
Главная страница
[01]
Расширенное трёхуровневое меню, где отражены контакты (адрес, часы работы отдела продаж, номер телефона для связи, адрес электронной почты), логотип компании, навигация по сайту, кнопки корзины, избранного и поиска по сайту, а также боковое дополнительное меню с категориями товаров.
[02]
Welcome-блок с анимированным изображением, краткой сводкой о компании и кнопкой перехода в каталог.
[03]
Бегущая строка с логотипами брендов-партнёров компании
[04]
Сокращённое превью категорий товаров с быстрым доступом в расширенный каталог
[05]
Блок с товарами, которые нуждаются в первичном продвижении
[06]
Описание услуг компании, т.к. бренд не только продаёт товары, но и помогает своим клиентам по ряду процессов
[07]
Блок, отражающий, кому подходят товары бренда, целевую аудиторию
[08]
Блок с предложением о сотрудничестве торгующим организациям
[09]
Блок доверия, включающий перечень заказчиков и ключевую информацию о компании в цифрах
[10]
Превью блога компании
[11]
Подвал с дополнительной навигацией и формой подписки на новости компании.
каталог
[01]
Информационно-декоративный баннер
[02]
«Хлебные крошки» навигации
[03]
Категории товаров с переходом на локальные страницы категорий товаров (важно для SEO)
[04]
Каталог товаров с фильтрами
[05]
Сопроводительный текст (важно для SEO)
[06]
Бегущая строка с логотипами брендов-партнёров компании
Страница категории товаров
[01]
Информационно-декоративный баннер
[02]
«Хлебные крошки» навигации
[03]
Товарная сетка конкретной категории с фильтром
[04]
Сопроводительный текст (важно для SEO)
[05]
Бегущая строка с логотипами брендов-партнёров компании
Страница товара
[01]
«Хлебные крошки» навигации
[02]
Карточка товара, включающая галерею с изображениями товара, заголовок, артикул, стоимость, дополнительную информацию, короткое описание товара, кнопки «добавить в корзину», «избранное», «нашли дешевле?»
[03]
Информационный блок (заданный по структуре для SEO-оптимизации) с описанием, комплектацией, преимуществами и таблицей характеристик
[04]
Сертификаты соответствия и реквизиты компании.
[05]
Блок сопутствующих товаров
[06]
Блок популярных товаров
Услуги
[01]
Информационно-декоративный баннер
[02]
«Хлебные крошки» навигации
[03]
Карточки услуг, предоставляемых компанией
[04]
Перечень ключевых заказчиков
[05]
Превью блога
О компании
[01]
Информационно-декоративный баннер
[02]
«Хлебные крошки» навигации
[03]
Текстовая информация о компании
[04]
Перечень ключевых заказчиков
[04]
Отзывы клиентов
[04]
Сертификаты и реквизиты
[05]
Превью блога
Новости
[01]
Информационно-декоративный баннер
[02]
«Хлебные крошки» навигации
[03]
Блок новостей
[04]
Форма отзывов и предложений
[05]
Каждая новость открывается на отдельной странице с подробным текстом и медиа
Вакансии
[01]
Информационно-декоративный баннер
[02]
«Хлебные крошки» навигации
[03]
Описание компании
[04]
Преимущества сотрудничества
[05]
Каталог вакансий
[06]
Форма отправки резюме
[07]
Каждая вакансия открывается на отдельной странице с описанием и условиями
Контакты
[01]
«Хлебные крошки» навигации
[02]
Блок с адресами, временем работы, контактами и картами
[03]
Социальные сети
[04]
Сертификаты
Этапы работы
Брифинг
Наша команда выяснила цели и задачи будущего сайта, оценили сроки и стоимость . Составили техническое задание.
[01]
Прототипирование
Мы составили прототип будущего сайта в схематичном виде расположения информации. Обсудили детали с Заказчиком. Прототип был нужен для детальной постановки ТЗ на дизайн и разработку.
[02]
Разработка дизайн-макета
На основе утвержденного прототипа мы создали дизайн-макет в Figma ключевых страниц сайта, внесли несколько корректировок по требованию Заказчика.
[03]
Разработка
По готовому дизайну сверстали на Тильде все страницы, адаптировали их под 7 разрешений устройств, включая мобильное устройство, добавили анимацию.
[04]
Интеграции
Настроили интеграцию с платёжной системой в корзине, приёмщики форм. Привязали домен.
[05]
Базовое SEO и аналитика
Провели базовые настройки SEO-оптимизации: добавили мета-теги для всех страниц сайта и для каждого товара (более 300 шт.), задали атрибуты для заголовков. Также дополнительно были написаны тексты для всех страниц сайта, необходимые для SEO-оптимизации сайта. Подключили Я.Метрику и Google Analytics.
[06]
