Сайт петербургского представительства сети кофеен Coffit

Цели проекта:

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

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

2.       Повышение узнаваемости бренда.

3.       Привлечение клиентов в физические точки сети кофеен.

4.       Налаживание контактов с потенциальными франчайзи из различных регионов России.

Выполненные работы:

·         презентация сети кофеен Coffit;

·         баннеры для мониторов в физических кофейнях;

·         региональный сайт (для петербургского представительства).

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

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

Дизайн сайта адаптирован под все типы мобильных и десктопных устройств. Для всех интерактивных элементов (кнопок, форм, ссылок) отрисованы 3 типа состояния: обычное, при наведении курсора, при клике по элементу.

Из интересных фишек дизайна можно также отметить:

1). применение сплит-скрин эффекта для разветвления путей передвижения пользователей по сайту;

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

3). разноуровневое оформление карточек меню, поддерживающее общую атмосферу свободы и непринуждённости;

4). использование контурных иконок для акцентирования внимания на наиболее значимых фрагментах контента.