О проекте
InWave Project — студия рекламы и дизайна из Иваново. Задача: создать лаконичный сайт с акцентом на услуги (изготовление и согласование вывесок, оформление ТЦ, продвижение в соцсетях), портфолио и новости.
Инструменты
- PHP + WordPress — CMS с кастомными типами записей для «Услуг», «Портфолио» и «Новостей».
- Figma — быстрая верстка прототипов, адаптивный макет.
- Agile + Redmine — спринты по 1–2 недели, задачи и баги в Redmine.
- CI/CD (GitLab CI) — линтинг, сборка стилей и деплой в staging/production по пушу.
Основные этапы
- Прототипирование (Figma)
- Определили ключевые разделы: «Главная» (слайдер с примерами вывесок), «Услуги» (список подменю), «Портфолио» (галерея), «Новости», «Контакты».
- Сделали кликабельные макеты и согласовали дизайн: минимализм, чёрно-белая гамма с красными акцентами.
- Верстка и интеграция (PHP + WordPress)
- Дочерняя тема: CPT «Услуги» (например, «Изготовление вывесок», «Обслуживание ТЦ» и т. д.), CPT «Портфолио», CPT «Новости».
- Шорткод для слайдера на главной, AJAX-форма обратной связи (Contact Form 7 → Redmine через webhook).
- SEO (Yoast), ленивый load картинок, адаптивная сетка.
- CI/CD и тестирование
- При пуше в develop: линтинг SASS/JS, билд через Webpack → деплой в staging.
- При мерже в master: smoke-тесты (доступность главных страниц) → деплой в прод.
- Запуск и поддержка
- Продакшен: Nginx + PHP-FPM, MySQL + Redis, Let’s Encrypt.
- Мониторинг (UptimeRobot, Sentry).
- Еженедельные спринты: новые «Услуги» и «Новости» выкладываются без помощи разработчиков.
Результаты
- Четкая структура: посетитель сразу видит услуги, примеры работ и актуальные новости.
- Высокая скорость: страница загружается <1 секунда благодаря кэшированию и lazy-load.
- Самостоятельность команды: маркетологи без программистов добавляют контент через админку WP.
- Быстрый релиз: CI/CD позволяет выпускать изменения за 10–15 минут, без простоев.
Итого: сайт получился лаконичным, со «свежим» дизайном и удобной управляемой структурой — посетитель моментально понимает, чем занимается InWave Project, какие услуги предоставляет и как их заказать.
