Кофе с Капи
Многостраничный сайт для кофейни
Заказчик
Задачи
Мои роли
Кофе с Капи
У кофейни уже есть небольшая аудитория, которая состоит из знакомых и друзей основателя, прохожих, которые рядом шли и увидели, и людей, которым рассказали друзья про это место.
Основаня задача - создать дизайн сайта для кофейни и сделать адаптив под мобильную версию. Цель создания сайта - повысить конверсию в кофейни за счет увеличения посещаемости кофейни и увеличения посещения мероприятий.
На сайте необходимо учесть дополнительный способ монетизации за счет продажи мерча.
Необходимо адаптировать сайт под мобильные устройства. Ширина экрана мобильной версии — 375px.
Веб-дизайнер
Дедлайн
1 месяц
Обязанности
Опрос ЦА
Анализ ЦА
Анализ конкурентов
Глубинное интервью
Пользовательский сценарий
Разработка мудборда
Разработка варфрейма
Визуальный дизайн
UI-KIT
Прототипирование
Анализ конкурентов
Многие сайты переполнены анимацией, которые создают ненужный визуальный шум. Цветовые палитры сайтов-конкурентов не соотвествовали тематике заведеня. Эти недостатки стоит учесть при составлении своего сайта и обратить внимание на натуральные цвета и анимации, которые будут дополнять контент, а не отвлекать от него.
Опрос целевой аудитории
В опросе я выяснил, что на сайте кофейни нужно разработать наглядное меню, с указанием цен и вида продукта, разместить его необходимо в начале сайта. Мерч необходимо разместить на отдельную страницу с информацией о размерах одежды, ее состава и информацией, где и как мерч можно приобрести.
Глубинное интревью
Из самого важного, в ходе проведения интевью, я выяснил, что в блоке с мероприятиями стоит сделать упоминания, на какие можно мероприятяи можно приходить с детьми.
Пользовательский сценарий
В сценарии я учел все ранее проведенные опросы ЦА и глубинные интевью. Сделал упор на быстром доступе к меню кофейни. Учел возможность быстро найти информацию о бронировании столика. Разработал сценарий с комфортым поиском информации о проведении мероприятий в кофейни.
Вайрфреймы
Alegreya
H1 WEB
H2 WEB
Text regular
Text medium
Text SeliBold
Шрифты
Вариативный шрифт. Относится к семейству шрифтов Alegreya. Отлично подходит для заголовков подчеркивая тематику кофейни.
Lato
H1 WEB
H2 WEB
Text regular
Text medium
Text SeliBold
Lato - шрифт без засечек, гарнитура использует классические пропорции для придания буквам гармонии и элегантности.
Margin — 24px
Gutter — 20px
Сетки
Margin — 40px
Gutter — 32px
Цветовая палитра
EDE5D8
8D9353
DD9F72
1E1A1A
UI-KIT
Header/footer - desktop
Events
Nav menu/button
Slider/icon
Проект/Десктоп
Адаптивы/мобильная версия
Спасибо за просмотр!
Made on
Tilda