Логотип

Сайт Shashlik Best

Shashlik.best - сервис доставки еды и ресторанное направление в Санкт-Петербурге, специализирующееся на блюдах на углях: шашлык из свинины, телятины, птицы и рыбы, люля-кебаб и сопутствующие горячие блюда. Меню дополнено салатами, гарнирами, выпечкой и напитками, что позволяет заказать полноценный обед или ужин на дом или в офис одним заказом.

Разработка
Продвижение
shashlik.best
Кейс сайта Shashlik Best

потребность заказчика

Shashlik.best выходил на рынок доставки еды в Петербурге - один из самых насыщенных и конкурентных сегментов e-commerce, где пользователь выбирает между десятками сервисов за секунды по фото и цене на первом экране. Заказчику было важно получить не просто витрину с меню, а полноценный интернет-магазин с корзиной и оформлением заказа, способный конкурировать с крупными агрегаторами именно в узкой нише - шашлыке и блюдах на углях, - закрывая как разовые заказы, так и повторные покупки постоянных клиентов.

Сроки работ

Разработка сайта:

20 Январь - 28 Февраль 2024

Продвижение:

Февраль 2024 - по настоящее время

Какие задачи перед нами стояли?

  • Оценка конкурентов в нише
  • Сбор семантики и кластеризация запросов

  • Составление структуры будущего веб-сайта

  • Разработка рабочих прототипов главной страницы и основных целевых страниц

  • Написание подробного, понятного для заказчика и исполнителя Технического Задания

  • Разработка дизайн-макета главной страницы, а также целевых внутренних страниц (для десктопа и для мобильных устройств)

Картинка задач Сайт Shashlik Best
  • Адаптивная верстка дизайн-макетов и настройка функциональных модулей

  • Настройка работы сайта на CMS для удобного администрирования сайта

  • Техническая оптимизация сайта, базовая SEO оптимизация

  • Наполнение сайта контентом (фото, тексты, и так далее)

  • Продвижение сайта в ТОПы поисковых систем

Для реализации данного проекта мы использовали:

  • Axure RP
  • Figma
  • Adobe Photoshop
  • Яндекс.Вордстат
  • MODx CMS
  • HTML
  • CSS
  • JavaScript
  • PHP
  • Инструменты Microsoft Office
  • и др.
ModX ModX
Figma Figma
Django Django
HTML HTML
CSS CSS
JavaScript JavaScript
Python Python
ChatGPT ChatGPT
Photoshop Photoshop
Adobe Illustrator Adobe Illustrator
Yandex Yandex
Google Google
CloudFlare CloudFlare
Bitrix24 Bitrix24
Axure Axure

подробно ознакомились с задачей клиента

изучили рынок и конкурентов

Рынок доставки еды довольно обширен и имеет высокую конкуренцию.

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

собрали актуальную семантику

Семантическое ядро насчитывает огромное количество запросов. Все они были собраны в отдельные кластеры, которые, в свою очередь, образовали структуру услуг.

Данные услуги были отсортированы по направлениям.

прописали meta для целевых страниц

Оптимизировали Title, Description и микроразметку в соответствии с контентом сайта для повышения видимости в поисковых системах с использованием актуальных SEO-практик.

создали дерево сайта и услуг

Основные разделы сайта:

  • Главная
  • Товары (Шашлыки, Наборы, Рыба и морепродукты и проч.)
  • Акции
  • Новинки
  • Корзина
  • Доставка
  • Контакты

разработали дизайн-макеты сайта

Были разработаны следующие дизайн-макеты:

  • Главная
  • Товары
  • Товар
  • Акции
  • Новинки
  • Корзина
  • Доставка
  • Контакты

Для каждого из них были разработаны мобильные версии макетов.

сверстали сайт на десктоп и мобильные устройства

Разработана адаптивная верстка всех страниц сайта с использованием HTML5, CSS3 и JavaScript. Сайт корректно отображается на всех современных устройствах (компьютеры, планшеты, смартфоны) и браузерах.

Реализована интерактивность сайта с использованием JavaScript (анимации, всплывающие окна, слайдеры). Реализованы формы обратной связи и валидация данных на стороне клиента с использованием JavaScript. Реализована обработка отправки форм (отображение сообщений об успехе/ошибке).

Реализована навигация по сайту с использованием меню.

Дизайн-макеты

Показана картинка Дизайн-макеты 1
Показана картинка Дизайн-макеты 2
Показана картинка Дизайн-макеты 3
Показана картинка Дизайн-макеты 4
Показана картинка Дизайн-макеты 5
Показана картинка Дизайн-макеты 6

настроили работу сайта на cms

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

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

Оптимизация производительности: проведена оптимизация кода для ускорения загрузки страниц и повышения общей производительности сайта.

После завершения интеграции начался процесс тестирования и проверка функциональности всех элементов.

наполнили сайт материалами

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

протестировали и настроили работу сайта на хостинге

Протестировали работу сайта по PageSpeed, проверили сайт на наличие/отсутствие ошибок, настроили файлы sitemap.xml и robots.txt, настроили ЧПУ, настроили модуль SEO Pro, проверили сайт на валидаторе кода, прописали все meta, настроили работу сайта на https протоколе, и т.д.

как итог

За месяц работы, с 20 января по 28 февраля 2024 года — был реализован полноценный интернет-магазин с каталогом (шашлыки, наборы, рыба и морепродукты), корзиной и оформлением заказа, а последующее продвижение вывело 50+ страниц сайта в топ-10 выдачи Яндекса и Google. Итог: адаптивный сайт с показателем 100 по PageSpeed, готовый принимать и обрабатывать заказы напрямую через каталог.

1
месяца активной разработки
10
месяцев активного продвижения
50+
продвигаемых страниц
100
результат по PageSpeed
топ 10
позиции в Yandex и Google

наши контакты

Санкт-Петербург, Московский проспект, 183-185Ак7

info@saytspb.ru

Рабочие дни: пн-пт с 09:00 до 18:00

Выходные дни: сб-вс