Slasty Store — это уютное место с вкусными домашними десертами

Ниша:

География:

Instagram:

Кондитерская

Санкт-Петербург

@slasty_store

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

Задачи

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

• Кроме того, нужно было организовать возможность онлайн-заказа десертов и оплаты видео-уроков по готовке.

Создали стильный дизайн, сверстали многостраничный сайт, подключили онлайн-кассу

Разработка структуры

Прототип

Дизайн-концепты

Дизайн сайта

Верстка

Тех. настройки

Поскольку бренд полностью менял концепцию, то важно было провести съемку в новом стиле. Мы прописали техническое задание для фотографа, показали, какой визуал хотим видеть в итоге, какие нужны ракурсы для каталога. Для съемки основатель бренда, Елена, выбрала топового food-фотографа в Петербурге и результат получился великолепным.

Для фона выбрали фирменный светло-серый цвет. Делали крупные ракурсы и акцентировали внимание на аппетитных деталях (подтеки шоколада, макро-фото ягод и т. д). Также отсняли процесс работы, команду и интерьер. В общем съемка заняла около полугода, но мы получили весь контент для многостраничного сайта с каталогом.

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

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

Смотреть структуру подробнее

Смотреть прототип подробнее

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

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

Небольшие «вкусные» детали в виде игривых надзаголовков, сердца и мазков крема разбаляют атмосферу и делают визуал более дружелюбным и привлекательным.

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

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

Разработали страницы онлайн-курсов. На них доступны видео с рецептами и видеоуроками. После оплаты покупателю автоматически приходят логин и пароль для доступа к платформе.

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

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

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

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

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

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

Разработали стильный дизайн

Разделили торты и десерты по категориям: свадебные, на день рождения, просто к чаю, корпоративные и т. д. Также сделали блок «Собери свой торт сам» для тех, кто хочет создать свой уникальный дизайн тортика.

Продумали систему каталога

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

Оптимизировали обработку заказов

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

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

Заполните короткую форму, мы свяжемся с вами в WhatsApp или Telegram, проконсультируем по услугам и ответим на все ваши вопросы.

Myagkov.Art

(Ювелирный дом)

Beauty Box