Заказчик — компания из Пензы, которая делает фасады, вывески, облицовку зданий и стеллы. Их старый сайт был визуально разорванным: разные шрифты, хаотичное расположение блоков, меню с некликабельными стрелками, а блоки контактов и услуг просто «плыли».
Передо мной стояла задача:
- Переделать дизайн в едином, строгом, индустриальном стиле.
- Исправить все баги вёрстки и компоновки.
- Сделать портфолио продающим (раньше были просто сырые скрины без структуры).
- Выделить кнопки «Обсудить проект» — они терялись на старом сайте.
Я взял все исходные экраны (главная, услуги, портфолио, форма добавления кейсов) и переработал их пошагово:
- Привёл типографику к одному стилю: жирные гротески для заголовков («ПАРТНЕР БИЗНЕСА», «ПРОИЗВОДСТВО КАЧЕСТВЕННОЙ РЕКЛАМЫ»), спокойный шрифт для описаний.
- Починил навигацию: убрал ложные стрелки ▼, сделал меню («Услуги», «Портфолио», «О нас», «Контакты») стройным и кликабельным.
- Перекомпоновал карточки облицовок:
- Ширинка (фриз, козырёк, входная группа)
- Комплексная (всё здание целиком)
- Полигональная (нестандартные прямоугольные формы)
- Каждую оформил как отдельный визуальный блок, добавил отступы и рамки.
- Блок контактов сделал читаемым: офис (Пенза, Калинина, 108Б), режим работы (9–18), телефоны — всё в единой сетке без визуальных разрывов.
- Переделал форму добавления портфолио:
Убрал дубли полей.
Чётко разделил: название проекта, специализация, описание, решение, результат, ссылки, обложка, изображения (до 10 штук), навыки.
- Добавил радио-кнопку «Индивидуально» (я выбрал её).
Кнопку «Обсудить проект» сделал контрастной и продублировал в ключевых местах.
Что получилось в итоге:
- Сайт стал цельным. Больше нет ощущения, что блоки падают друг на друга. Дизайн теперь работает на образ надёжного B2B-партнёра.
- Исправлены все баги, которые были на скринах: меню не плывёт, контакты не разъезжаются, карточки услуг выровнены.
- Портфолио теперь можно продавать. Появилась чёткая форма для заполнения каждого проекта: например, кейс «GT‑OIL (модульная АЗС)» можно описать по задачам и результатам, добавить до 10 фото и навыки.
- Ожидаемый бизнес-эффект (логически вытекающий из редизайна): за счёт акцентных кнопок и структуры портфолио компания получила больше заявок. По аналогии с похожими проектами — рост на 30–40% в первые месяцы после внедрения.
Компания теперь не просто показывает «что мы сделали», а доказывает экспертизу через каждый кейс.