Pravda-coffee

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

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

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

• Разработать многостраничный лендинг с разделами «Блог», «Галерея», «Арендаторам», «Работа у нас», полностью соответствующий фирменному стилю.
• Обеспечить возможность самостоятельного редактирования контента через административную панель WordPress (тексты, изображения, цифровые показатели).
• Реализовать сбор лидов через формы обратной связи с автоматической передачей UTM-меток для сквозной аналитики рекламных кампаний.
• Добавить интерактивные элементы: анимированные графики роста, счётчики и плавное переключение табов с динамическим обновлением контента.
• Настроить надёжную доставку писем, а позднее — полноценную интеграцию с AmoCRM для эффективной работы отдела продаж.

Решение

Проект стартовал с передачи дизайн-макетов в Figma. Мы выбрали WordPress как гибкую платформу, позволяющую клиенту в дальнейшем самостоятельно управлять сайтом. Вёрстка велась на чистом HTML/CSS/JavaScript с использованием современного подхода (Gulp, БЭМ), что гарантировало высокую скорость загрузки и лёгкость поддержки кода. Все страницы были адаптированы под различные устройства, включая планшеты и смартфоны.

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

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

Спустя два года после сдачи проекта мы продолжили поддерживать сайт. По запросу клиента оперативно исправили отображение футера (четвёртый столбец подтягивал данные из первого), полностью скрыли раздел «Блог» от индексации и отключили комментарии, которые стали источником спама. Позже, когда потребовалась интеграция с AmoCRM, мы предложили два варианта: простая пересылка писем на техническую почту CRM или полноценная интеграция с раскладкой данных по полям. Также провели аудит почтовой системы и предложили настроить SMTP для гарантированной доставки писем (например, через Яндекс или Mail.ru), что решило проблему попадания заявок в спам.