Мастерская в облаке

«Мастерская в облаке» из Уфы внедряет Битрикс24, облачный и коробочный, для отделов продаж: настройка, интеграции, перенос данных, обучение команды. Компания — золотой партнёр вендора. Старый сайт был собран в Elementor на наборе плагинов-конструкторов и внешне не отличался от десятков сайтов других интеграторов.

Задачу поставили так: сайт должен выглядеть как технологичная компания, а не как шаблон, и с первого экрана объяснять собственнику бизнеса, чем здесь занимаются. Второе условие — сайт должен быть удобным в работе. Цены вендора меняются, кейсы и статьи добавляются, и команда должна править всё это сама, без разработчика.

Визуальное направление — dark editorial: тёмный фон, крупная типографика, много воздуха и один холодный акцент. Все цвета заданы в OKLCH и выводятся из одного параметра оттенка. Поэтому фон, линии, приглушённый текст и акценты одинаково яркие на глаз, а смена фирменного цвета сводится к одному числу.

Шрифт — Onest, от светлого до сверхжирного начертания. Служебные подписи, этапы и номера разделов набраны моноширинным JetBrains Mono, это даёт техническую интонацию без лишних декоративных элементов. Оба шрифта лежат в теме, обращений к Google Fonts нет.

Главная выстроена как последовательный рассказ. Сначала цифры со счётчиками: годы на рынке, количество проектов, сколько заработали клиенты. Затем два формата Битрикс24 с ценой внедрения, план запуска за 30 дней по дням и избранные кейсы. В конце каждой страницы одинаковый финал: телефон, Telegram и CRM-форма Битрикс24, заявки из которой сразу попадают в воронку.

Мобильную версию проектировали параллельно с десктопом, а не после него. Заголовки подстраиваются под ширину экрана и никогда не обрезаются. Сетки собираются в одну колонку, а курсорные эффекты на сенсорных экранах отключены.

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

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

Сначала собрали статический прототип: 27 страниц, включая услуги, облако и коробку, кейсы, блог, вопросы и ответы, курс и промо Telegram-бота. На его основе написали собственную тему WordPress. Elementor и плагины-слайдеры удалены, вёрстка сделана на чистом PHP, CSS и JS без фреймворков. Контент перенесли со старого сайта, прежние адреса страниц продолжают работать.

Вопросы и ответы редактор собирает стандартными блоками WordPress, они разбиты по темам и раскрываются по клику. SEO-заголовки и описания в Yoast сделаны по единой схеме для страниц, кейсов и статей. Анимации учитывают системную настройку «уменьшить движение»: если она включена, сайт показывает всё сразу.