Кейс04 / 06
AroundWire
Сайт компании + платформа лендингов
Американский маркетплейс для малого бизнеса и исполнителей услуг. В штате AroundWire я переписал платформу лендингов pro.aroundwire.com в модульную кастомную тему и сделал сайт компании aroundwire.com на Next.js.
- Роль
- Full-stack Developer
- Период
- февр. 2024 – апр. 2025
- Контекст
- В штате · включая ForceWind и Skilful Web Developers
- Формат
- Офис · Кишинёв
- Next.js
- TypeScript
- React
- SSR
- WordPress
- PHP
- ACF Pro
- Contact Form 7
- BEM
- Jira
- Bitbucket
Задача
Маркетингу нужен был постоянный поток лендингов под разные профессии и города, чтобы привлекать исполнителей, и каждая страница должна была быстро работать на телефоне. Собирать каждый лендинг руками долго и не масштабируется, а тяжёлый плагин-конструктор убил бы скорость.
- Много лендингов из общего набора секций, которые собирает маркетинг
- Pixel-perfect по макетам и быстро на мобильных
- Заявки со всех лендингов уходят в колл-центр
- Отдельный современный сайт компании
Что я сделал
Платформа лендингов на WordPress (pro.aroundwire.com)
- В кастомной теме 9 типов секций, у каждой несколько вариантов дизайна, всего 54 варианта.
- В конструкторе в админке вариант каждой секции выбирается в боковой панели. Пресеты сохраняют всю комбинацию для следующего лендинга.
- Ассеты грузятся по блокам. Страница получает только CSS и JS тех вариантов, которые на ней есть, а скрипты стоят в футере.
- Формы заявок на Contact Form 7 во всплывающих окнах, события GTM на начало и отправку формы, интеграция заявок с колл-центром.
- Блог с тегами по профессиям, где под каждой статьёй выводятся связанные лендинги. Отдельные лендинги под города для регионального таргетинга.
- Экспорт и импорт страниц в ZIP со всеми полями ACF, чтобы переносить лендинги между окружениями.
Сайт компании (aroundwire.com)
- Сделан на Next.js и TypeScript с серверным рендерингом.
- Типизированная компонентная архитектура.
Команда
- Офисная Scrum-команда, работа в Jira и Bitbucket.
Результат
- pixel-perfect лендингов
- 40+
- лендингов в день выпускал маркетинг через конструктор
- 5+
- в мобильном PageSpeed на лендингах
- 70–80+
Даниил разрабатывает и фронтенд, и бэкенд, не полагаясь на готовые плагины.
Скорость заложена в архитектуру
- У каждого варианта секции свой CSS-файл и JS, только если он нужен. Для секций, которых нет на странице, ничего не грузится.
- Версия ассета берётся из времени изменения файла, поэтому после деплоя браузер сразу получает новые стили.
- Плагинов-конструкторов нет. Секции написаны как обычные PHP-шаблоны с BEM-разметкой.
- На главной картинки грузятся лениво и с явными размерами.