Puzzle-team

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

HR-бюро, специализирующееся на диагностике и развитии команд, бизнес-тренингах и подборе персонала. На момент обращения компании требовался современный сайт для презентации экспертизы, привлечения новых клиентов и удобного управления контентом.

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

• Разработать современный лендинг с информацией об услугах, экспертах, статьях и видеоматериалах.
• Создать временную заглушку на период разработки, которая также выполняла бы функцию презентации.
• Обеспечить удобное управление контентом через административную панель WordPress (статьи, видео, отзывы, контакты).
• Реализовать формы обратной связи для сбора заявок (диагностика команды, обратный звонок, общий вопрос) с отправкой на почту.
• Настроить ссылки на внешние ресурсы (YouTube, Дзен, VK, Rutube, Telegram, WhatsApp).
• Предусмотреть защиту от спама через Google reCAPTCHA.

Решение

Проект стартовал с быстрого этапа: пока дизайнер готовил макет заглушки, мы сразу приступили к её вёрстке и настройке. Заглушка была оперативно размещена на домене puzzle-team.ru, чтобы закрыть потребность клиента в презентации на время разработки. После утверждения заглушки мы перешли к основной задаче — созданию полноценного сайта на WordPress.

В основе дизайна лежал минималистичный и стильный макет в Figma. Мы сверстали все страницы, уделяя особое внимание адаптивности под мобильные устройства и различные браузеры. Одной из нестандартных задач стала поддержка тёмной темы на iOS. Поскольку изначально сайт проектировался только в светлой версии, на некоторых устройствах текст становился нечитаемым. Мы оперативно доработали стили, обеспечив корректное отображение в обоих режимах без потери качества и без необходимости создавать отдельный дизайн-макет.

Интеграция с WordPress позволила вывести в админку все ключевые элементы: статьи, видео, отзывы, контакты и ссылки на соцсети. Клиент получил возможность самостоятельно управлять контентом без участия разработчиков. Мы также настроили несколько форм обратной связи (заказ звонка, диагностика команды, общий вопрос) и подключили Google reCAPTCHA для защиты от спама. Отдельно проработали поведение плавающей круглой кнопки «Тест», которая со временем была заменена на «Напиши нам» с переходом в Telegram.

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