PunchZero — электроподрядчик из Калифорнии, специализирующийся на коммерческих, энергетических и инфраструктурных проектах
В рамках работы
Команда
Арт-директор
UI/UX дизайнер
Верстальщик
Год
2025
Моя роль
UI/UX дизайнер
Контекст
Компании PunchZero требовалось создать цифровое присутствие, отражающее её реальный характер: структурность, четкость процессов и технологичный подход, который кардинально отличает её от традиционных подрядчиков. Название PunchZero основано на термине «punch list», который означает финальный список недочетов перед сдачей объекта в строительстве. Философия компании заключается в том, чтобы доводить проекты до завершения без нерешенных задач: с минимальным количеством исправлений и полной готовностью объекта к сдаче.
Задачи
1. Создать сайт-визитку с возможностью дальнейшего масштабирования в многостраничный сайт.
2. Показать, что это не "обычный электрик", а современная технически оснащенная компания, которая успешно применяет AI в работе.
3. Объяснить почему с ними удобно работать через логику и процессы. Сфокусировать сайт на сборе заявок для включения компании в vendor list (список аккредитованных подрядчиков).
2. Показать, что это не "обычный электрик", а современная технически оснащенная компания, которая успешно применяет AI в работе.
3. Объяснить почему с ними удобно работать через логику и процессы. Сфокусировать сайт на сборе заявок для включения компании в vendor list (список аккредитованных подрядчиков).
Исследование
Перед разработкой визуальной концепции я провела анализ конкурентов в строительном и подрядном секторе. Большинство компаний на рынке выбирает консервативную, безопасную синюю цветовую гамму. Такой подход часто связан с ассоциациями с надежностью, стабильностью и профессионализмом, но при этом делает сайты похожими друг на друга.
Решение
У клиента не было чёткого ТЗ или видения стилистики будущего сайта. Главный запрос формулировался на уровне смыслов: нужно было органично объединить ощущение технологичности и использование AI-инструментов со строгой точностью, надёжностью и строительной эстетикой. Поэтому я подготовила 4 обсолютно разные по настроению дизайн концепции.
В итоге мы остановились на сдержанной чёрно-белой концепции с мягким градиентным фоном в отдельных блоках. Выбранная концепция подчёркивает технологичность бренда, не перегружает и остаётся ближе к реальному строительному и инженерному контексту.
Отдельно стоит отметить блок с электрической схемой и чертежом. Этот элемент стал важной частью визуального языка сайта. Он напрямую отсылает к реальной проектной документации и усиливает идею PunchZero как компании, которая работает аккуратно и завершает проекты без длинных punch-листов. Более того это реальная схема одного из проектов клиента.
Цветовая палитра построена на нейтральных серых, графитовых и белых тонах. Такое решение отсылает к материалам и среде, в которой работает компания: металл, бетон, инженерные системы, инфраструктура. В типографике использовано сочетание двух шрифтов. Для заголовков — плотный вытянутый гротеск. Для основного текста — шрифт с геометрическими формами и нестандартными срезами, он отсылает к шрифтам из интерфейсов или инженерных чертежей.
Итоги
Создан визуальный стиль, который решает главную задачу — выделяет PunchZero на фоне конкурентов и четко доносит их позиционирование. За счет чистой верстки и контрастов сайт выглядит современно и технологично, но при этом сохраняет строгость, необходимую для строительной сферы. Благодаря этому сайт будет долго выглядеть актуальным и современным.
