BARBERDOG


Дизайн исследование
Исходя из ответов в заполненном вами брифе, мы провели исследование, подобрав наиболее подходящие на наш взгляд примеры сайтов, шрифтов и цветовых решений.

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

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


Мы подобрали еще несколько примеров сайтов, для более тонкой настройки нашего с вами общего видения визуальной концепции. Пожалуйста, изучите их и в конце страницы дайте оценку каждому сайту по 10-бальной шкале.
Простота и движение
В этом примере нам понравилось сочетание простых форм с движением и цветовая палитра элементов.
Упор на интерьер
На этом сайте отеля простые и понятные элементы управления. Хорошая цветовая палитра. Крупные и качественные фотографии.

Не стоит забывать о том, что клиенты, даже те, которые пришли из "поиска" с малой вероятностью будут вчитываться в большинство текста. Обычно внимание задерживается на фотографиях, видео, кнопках и крупных коротких заголовках.
Брутализм и классика
На этом сайте отлично передана брутальная атмосфера барбершопа.
Минимальная полезная информация позволяет сосредоточиться на контенте.
Оригинальные дизайн-элементы создают уникальный стиль.
Гармония элементов
Интересная сетка - расположение элементов не кажется шаблонным. Хорошая цветовая палитра. Не навязчивая анимация, призванная для того чтобы обращать внимание пользователя на нужные элементы.
Цветовая палитра
Ориентируясь на фото-обзор и изучив логотип мы выделил палитру из 5 основных цветов, которые соответствуют как цветовому содержанию интерьера, так и смысловой аналогии, которые они в себе несут.

Графитовый черный - чёткость, надёжность, премиум-класс.
Золотой - богатство, дорогие материалы.
Серый и светло-серый - минимализм, профессионализм.
Белый - чистота, воздух.
Шрифты
Предлагаем сделать выбор из 3 шрифтов, один из которых станет основным на сайте.

Они базовые, бесплатные и корректно работают на всех браузерах.


Если в брендбуке есть заложенный шрифт, то так же возможно использовать его.
1 - Avenir
2 - Montserrat
3 - Helvetica
Иконки
Если брендбук предусматривает свои иконки или минималистичные изображения , например как те, что использованы при оформлении стен салона, то можем использовать их.

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

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

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

Безусловно обложка сайта должна вызывать WOW-эффект у целевой аудитории, она должна запоминаться и вызывать нужный нам набор эмоций. Однако необходимо придти к гармонии между визуальной формой и необходимой нам механики ( нажать на кнопку бронирования, нажать на контакты, проложить маршрут до салона)
2
О салоне
Описание салона, небольшая история о нем.

Блок отвечает на вопрос "В чём уникальность этого предложения? Почему я должен довериться именно вам?" простым и понятным языком целевой аудитории.

Закрывает "боль" клиента " Не хочу вести своего питомца куда попало"

3
Услуги
Слайдер с предоставляемыми услугами. Можем посмотреть подробную инфу по каждой услуги и перейти на запись.

Так как мы работаем над одностраничным сайтом, то предлагаем на карточке с каждой услугой разместить две кнопки - ЗАПИСЬ и ПОДРОБНЕЕ. По кнопке ЗАПИСЬ мы переходим сразу на бронирование этой услуги в YClients, по кнопке ПОДРОБНЕЕ открывается всплывающее окно (поп-ап) с подробным описанием услуги и возможной вариацей цен ( например в зависимости от породы) и так же кнопкой бронирования.

Нам необходимо ознакомиться с прайсом, чтобы понять как лучше его раскидать по услугам.
4
Интерьер
Галерея в красочными фотографиями интерьера.

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

Блоком с интерьером мы разделяем и УСЛУГИ и МАСТЕРОВ, чтобы перевести внимание клиента на собственные потребности. " Насколько мне будет комфортно ожидать моего питомца?", "Чем я буду заниматься в это время?"

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

Предположительно такая же механика как с УСЛУГАМИ.
6
Блок с отзывами
Блок с отзывами довольных клиентов.

Классно если есть качественные фотографии клиентов со стриженными собаками, однако фотографии должны быть качественными и соответствовать стилю.

Если таких нет, то в дальнейшем можно продумать этот момент и внести их в этот блок.
7
Блок с полезной инфой.
Полезная информация о том, для чего нужен груминг. Только самые важные опции.

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

Отвечает на вопрос " Зачем мне это нужно и нужно ли вообще?"

Закрывает "боль" клиента "Почему я должен тратить столько денег?" и тп
8
Оффер
Еще один блок с оффером и кнопкой записи. В данном блоке мы можем дублировать или применить когда нам необходимо лидмагнит или акцию.

Блок закрывает вопрос " Почему я должен записаться прямо сейчас?"
9
Контакты
Карта. Контакты. Соцсети (подписка, репост). Запись.
Лучшее, что можно придумать для органического прироста посещений потенциальных клиентов по прямым поисковым запросам - это написание тематических статей блока, соответствующие самым высокочастотным запросам целевой аудитории.

Все статьи блога будут, как вариант, располагаться в одном из блоков лендинга и нести за собой как дополнительную информация, так и мотивацию записи на разные типы услуг.
БРИФ
Заполните короткую форму по данному исследованию, это поможет нам придти к общей концепции.
Ваша оценка сайта с Ламборгини
1
10
Ваша оценка сайта отеля
1
10
Ваша оценка сайта барбершопа
1
10
Ваша оценка сайта винного магазина
1
10
Ваши комментарии и мысли относительно общей концепции. Нравится ли выбранное направление, ваше мнение.
Ваше мнение по подобраной цветовой палитре
Предпочтительный шрифт
Иконки
Ваше мнение и комментарии по смысловым блокам сайта
Что с текстами для сайта?
Если у вас возникли дополнительные вопросы, то напишите их ниже)