Вернуться на главнуюОбсудить проект
Corporate websiteКорпоративный сайтСеть кофеен

ArmCoffee: сайт сети кофеен, который возвращает гостей и привлекает франчайзи

Роль

UX/UI дизайнер

Срок

[N] недель

Брейкпоинты

[N]
Мокап главной страницы

[Задача]

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

Бизнес-цель

Показать сеть как бренд с историей и лицом, а не как ещё один адрес с кофе, и вести каждого посетителя к своему действию

Целевая аудитория

Гости кофеен;
Соискатели;
Потенциальные франчайзи

Главное действие

Найти кофейню, откликнуться на вакансию или оставить заявку на франшизу

[Проблема]

Сети кофеен похожи друг на друга: без истории и лица бренда гость не возвращается, а инвестор не доверяет

Моё решение

Я собрала сайт вокруг доверия: история сети, команда и атмосфера на странице «О нас», а для каждой аудитории — короткий путь к своему действию.
Контент и структуру я проектировала сама, чтобы тексты и экраны работали как единое целое.

[Путь пользователя]

01 Знакомство
«Что это за место?»

О нас, история и атмосфера сети

02 Доверие
«Кто за этим стоит?»

Команда и цитата основателя

03 Выбор
«Что мне здесь предложат?»

Меню, акции и новости

04 Действие
«Как стать частью?»

Франшиза, вакансии, контакты

[Ключевые решения]

История как таймлайн

Для чего: гость видит, как сеть росла, и привязывается к бренду, а не к адресу на карте.

Три аудитории — три пути

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

Команда и цитата

Для чего: лицо бренда повышает доверие, особенно у тех, кто выбирает франшизу.

Акции и новости

Для чего: повод вернуться на сайт и в кофейню, а значит больше повторных визитов.

[UIkit]

[Результат]

[N]

Страниц спроектировано

[N]

Аудитории с отдельными путями

[N]

Компонентов в UIkit

[N]

Размера: десктоп, планшет, мобилка

Хочу такой же результат

[Как я работала]

Разобрала бриф, проанализировала конкурентов и аудитории, спроектировала структуру сайта.

Составила структуру страниц и собрала контент для «О нас».

Подобрала референсы и определила настроение бренда.

Нарисовала страницы и адаптивы под разные экраны.

Собрала компоненты и стили и подготовила макеты к вёрстке.