Корпоративный сайт Дизайн+вёрстка 2026

Редизайн сайта охранного предприятия

У заказчика уже был сайт, но он устарел — и по дизайну, и по содержанию. Нужно было не просто обновить внешний вид, а пересобрать структуру и добавить отдельные страницы под каждую услугу — так, чтобы сайт был готов к запуску контекстной рекламы и SEO-продвижению.

Контекст, задача и моя роль

Заказчик

Частное охранное предприятие с уже существующим сайтом, который перестал соответствовать бизнесу — устаревший дизайн и структура не позволяли показать все услуги компании и не были готовы к запуску рекламы.

Сроки

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

Задача

Рост числа заявок. Для этого требовался редизайн сайта с новой структурой, отдельными страницами под каждую услугу и адаптацией под мобильные устройства — сайт должен быть готов к дальнейшей SEO-оптимизации и запуску контекстной рекламы.

Моя роль
UX/UI-дизайнер и верстальщик на Тильде

Разработала дизайн ключевых страниц, лично презентовала концепцию заказчику, сверстала сайт на ZeroBlock и подготовила страницы к дальнейшей работе SEO-специалистов.

Поиск визуального стиля

Искала стиль, который будет выглядеть брутально, но сдержанно — без лишней агрессии.

Вдохновением стал дизайн служебных машин заказчика — взяла оттуда тёмный фон с синими акцентами и перенесла эту логику на сайт.

Дизайн ключевых страниц
Шаблон страницы услуги
Главная страница
Спроектировала главную страницу и разработала шаблон страницы услуги (на примере пультовой охраны), чтобы дальше по нему было легко собрать остальные.

Сразу проектировала по сетке Тильды, чтобы макеты сразу были готовы к быстрому переносу на ZeroBlock.
Для фигур использовала форму шеврона с логотипа компании

Вёрстка и адаптация на Tilda

Часть блоков сделала стандартными, часть на ZeroBlock. Адаптировала под 5 типов устройств.

Главная страница
Страница статей
Страница статьи
Страница обо мне
Страница контактов

Адаптация под мобильные устройства

Значительная часть обращений приходит с телефона, поэтому мобильная версия была не второстепенной задачей, а таким же приоритетом

Мобильная версия — экран публикаций
Мобильная версия — главный экран
Мобильная версия — список наград
Мобильная версия — статья
Мобильная версия — футер
Мобильная версия — меню

Итог

Сайт запущен и готов к тому, ради чего затевался редизайн — к SEO-продвижению и запуску контекстной рекламы.

Небольшой бюджет и отсутствие жёстких сроков не помешали сделать полноценную структуру с отдельными страницами под каждую услугу и стилем, который отражает характер компании.

Нужен сайт, но бюджет ограничен?
Расскажите о своей задаче, посмотрим, как её решить.

Написать