F2fcoffee

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

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

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

• Создать имиджевую платформу, способную передать философию бренда и экспертизу в кофейной индустрии.
• Разработать удобный каталог с детальными карточками товаров, отражающими уникальные характеристики каждого сорта (вкусовые ноты, регион произрастания).
• Обеспечить высокую скорость загрузки (требование клиента — не менее 75 баллов в PageSpeed Insights на мобильных и ПК) и стабильную работу на всех типах устройств.
• Интегрировать инструменты для сбора заявок (формы обратной связи) с возможностью идентификации источника обращения.
• Заложить основу для дальнейшего масштабирования: создать удобную систему управления контентом на 1С-Битрикс, позволяющую клиенту самостоятельно добавлять новые статьи в блог и развивать раздел «Академия».

Решение

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

Дизайн-проект стал отдельной историей кейса. Мы отказались от «рыбы» и наполнили макеты реальным контентом: фотографиями оборудования, портретами команды, описаниями продуктов. Такой подход позволил заказчику сразу видеть будущий результат и минимизировал правки на этапе верстки. Мы кропотливо прорабатывали анимацию — от появления букв в разделе «Философия» до запуска фоновых видеороликов, чтобы каждый экран жил и дышал. Одновременно с финализацией дизайна мы запустили этап верстки, что значительно сократило общие сроки производства.

На этапе интеграции с 1С-Битрикс мы столкнулись с нестандартной задачей. Клиенту требовалась возможность добавлять новые статьи в блог в точном соответствии со сложным дизайн-шаблоном (вводный абзац, блоки с изображениями, цитаты). Стандартные средства Битрикса не давали такой гибкости. Мы не стали предлагать клиенту разбираться в HTML-коде, а разработали кастомное решение — набор типовых блоков с понятными полями в админ-панели. Теперь менеджер заказчика может собирать страницу статьи как конструктор, выбирая тип блока, загружая картинку и добавляя текст, при этом верстка и стили всегда остаются идеальными. Такой же подход мы применили и для блоков с логотипами партнеров, сделав их управление прозрачным и удобным.