Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

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

Содержание

5. Контакты


Итак, переходим к делу.

Разработка концепции и прототипа сайта

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

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

Работа над контентом

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

Дизайн и верстка

Привлек дизайнера и начали кропотливую работу.

Главный экран

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

Главный экран встречает посетителей оффером с лаконичным описанием компании. С первых секунд понятно, что можно здесь приобрести: цветы и кофе! Оба блока кликабельны.

Здесь же разместил ссылки на разделы О нас, Галерея, Отзывы, Контакты, а также «горячие кнопки» для быстрой связи через WhatsApp или Telegram.

Для самых нетерпеливых в правом верхнем углу отдельно вынес номер телефона.

На первом экране обозначил ключевые преимущества Brassica coffee: вкуснейший кофе, цветы, десерты и выпечка, уют и атмосфера. Будущий гость сразу понимает, почему концепция «цветы и кофе» должна ему непременно понравиться.

Блок "О нас"

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

Атмосфера – это главная ценность концепции «цветы и кофе», поэтому на нее сделал отдельный упор в одноименном блоке, разместив там привлекательные фото. Для всех заинтересовавшихся также добавил ссылку на Telegram-канал.

Блок "Что о нас говорят?"

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

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

Блок "Где нас найти"

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

Завершает главную страницу информация с расписанием работы и контактами Brassica coffee, а также наглядная вставка местоположения на карте.

Страница "Кофейня"

С главного экрана по кнопке «Кофейня» посетители попадают в раздел о кофе. Здесь сразу виден аппетитный и лаконичный оффер с фотографиями и кликабельной кнопкой Меню.

Галерея напитков

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

По кнопке «Меню» можно перейти к галерее напитков. Здесь представлен полный ассортимент с указанием цен и объёмов – всё для удобства гостя. Ассортимент представлен в формате слайдера - удобное и современное решение для стильного меню.

Страница "Салон цветов"

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

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

  • Быстрая доставка по Москве
  • Свежие цветы
  • Кофе в подарок при покупке букета от 3500 руб.

Каталог

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

В каталоге представлен ассортимент букетов с возможностью фильтрации по категориям:

  • Все букеты
  • Букеты
  • Цветы поштучно
  • Цветочные композиции
  • Букеты с макарони
Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

Добавил возможность фильтра по цене и поиска по названию. Каждый букет можно рассмотреть более подробно, увидеть фото с разных ракурсов, состав и оформить заказ.

Оплата и доставка

Кейс: Как создать классный сайт, объединив два совершенно разных направления бизнеса

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

Итог

Без стеснения скажу, что очень горжусь проделанной работой. Удалось гармонично соединить два разных направления, создав стильный и понятный сайт. Клиент результатом остался очень доволен!

Вот и сам сайт: brassicacoffee.ru

Контакты

Telegram: https://t.me/SM_web

Тенчат: https://tenchat.ru/SM_Web

45
2
1
26 комментариев