Whitecoffeego.ru

Информация о проекте

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

Цели создания сайта:

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

Старт проекта начался с выбора концепции главного экрана. Дизайнер предложил несколько вариантов цветовых решений, и после обсуждения заказчик остановился на оранжевой гамме с чёрным фоном, позже, в процессе согласования, решил перейти на светлый фон (слоновой кости) для лучшей читаемости. Команда оперативно адаптировала все блоки, сохранив акцентные цвета и фирменные элементы.

В ходе работы был разработан детальный прототип, включающий блоки: преимущества франшизы, портрет целевой аудитории, описание пакетов («Лёгкий старт», «Стандарт», «Премиум», «Супер‑премиум»), калькулятор прибыли, карта присутствия, отзывы партнёров, FAQ и контакты. Особое внимание уделили блоку с кофейными автоматами — для каждого пакета были подобраны корректные модели и качественные изображения, а после получения актуальных фотографий они были заменены в макетах.

Сложной задачей стал интерактивный калькулятор. Изначально в формуле была допущена ошибка, из-за которой расчёты не совпадали с ожидаемыми цифрами. После уточнения логики (количество стаканов в день × количество дней × чистая прибыль 78 рублей) разработчик исправил алгоритм, и калькулятор стал показывать корректные значения, что подтвердил заказчик.

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

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

Финальный этап включал настройку всех форм обратной связи: скачивание бизнес-плана, запись на презентацию, предложение идеи. Для каждой формы были заданы свои поля, маски ввода телефона, уведомления и настроена отправка данных заказчику. После успешного тестирования проект был передан на аккаунт Тильды заказчика, а исходные материалы (макеты Figma, графика) предоставлены для дальнейшего использования.