Номинируйте на конкурс Workspace Digital Awards телеграм и видео каналы, бренд-медиа и статьи. Скидка по промокоду media — 20%!
SUPPORTix
СРО НАПКА
SUPPORTix
#Разработка сайтов под ключ

СРО НАПКА

302 
SUPPORTix Россия, Ульяновск
Поделиться: 0 0 0
Клиент

СРО НАПКА

Бюджет

350 000

Сфера

Финансы, страхование, инвестиции

Регион

Россия, Москва

Тип сайта

Корпоративный сайт

Сдано

Апрель 2024

Задача

При редизайне сайта СРО "НАПКА" были поставлены следующие задачи:

1. Обновление визуальной идентичности - создание единого фирменного стиля с выверенной цветовой палитрой, шрифтами и графикой, соответствующими бренду.

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

3. Оптимизация производительности - ускорение загрузки страниц, сжатие ресурсов, корректная работа на слабых соединениях.

4. Повышение конверсии - переработка призывов к действию, выделение ключевых блоков, улучшение формы обратной связи.

5. Совместимость с SEO - структурирование контента, корректные мета-теги, семантическая разметка для поисковиков.

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

Решение

1Полная переработка визуальной идентичности - от концепции до пикселя

Мы начали с нуля: не просто поменяли цвета, а переписали визуальный язык бренда. Логотип был не «обновлён» - он был переосмыслен: убраны избыточные элементы, усилены пропорции, добавлена геометрическая чёткость, чтобы он оставался узнаваемым даже в 24×24 пикселей. Цветовая палитра - не случайный набор оттенков, а выверенная система:

- Основной тёмно-зеленый - глубина, надёжность, корпоративность;

- Фоновый светло-серый - нейтральность, чтобы контент дышал.

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

2Верстка и интеграция — от макета к работающему продукту на 1С-Битрикс

Макеты из Figma превратились в живой код без потерь. Мы использовали:

- CSS-переменные для цветов и размеров - чтобы легко масштабировать стиль в будущем;

- Flexbox - для гибкой адаптивной сетки, без костылей под мобильные;

- WebP и lazy loading - для ускорения загрузки изображений;

- Битрикс-компоненты - не просто «вставил шаблон», а переписал логику вывода контента.

Адаптивность - «чтобы на телефоне не ломалось».

Результат

В результате работ был выполнен редизайн сайта napca.ru - это полное обновление с акцентом на современный дизайн, улучшенную навигацию и оптимизацию под пользовательский опыт. Сайт получил новую визуальную идентичность в едином фирменном стиле: выдержанную палитру цветов, согласованную типографику и логичную визуальную иерархию. Адаптивная структура, ускоренная загрузка и интуитивная подача информации - результат: более профессиональный образ бренда, рост вовлечённости и улучшение конверсий.

Результат - не просто «сайт выглядит лучше». Это продукт, который:

- Сохраняет стиль на любом экране;

- Говорит на языке бренда, а не на языке шаблонов.

Сайт napca.ru теперь - это цифровой эквивалент фирменного стиля, который работает 24/7.

https://napca.ru/

Стек технологий


Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

SUPPORTix с удовольствием обсудит вашу задачу

Оставить заявку