Дизайн корпоративного сайта в Ростове-на-Дону

Для корпоративных сайтов с десятками разделов собираем дизайн-систему, шаблоны страниц и правила, по которым редакторы добавляют новые материалы, не ломая стиль.

  • UI-кит и шаблоны разделов — в одном файле Figma
  • Правила для контента — фото, таблицы, документы
  • Языковые версии учитываем в макетах
  • Фирменный стиль переводим на язык интерфейса

Рассчитать стоимость

Изучим задачу и пришлём план работ с ценой.

Первый экран корпоративного сайта

На корпоративный сайт приходят клиенты, партнёры, соискатели, журналисты. Первый экран помогает каждому быстро найти свой вход. Схема показывает подход, а не готовое решение.

  1. 1

    Служебная строка

    Переключатель языка, поиск по сайту, вход в кабинет клиента или поставщика.

  2. 2

    Меню по задачам посетителей

    Разделы названы так, как ищут люди, — «Продукция», «Проекты», «Закупки», «Карьера», — а не по внутренней структуре компании.

  3. 3

    Главное сообщение

    Чем занимается компания и в каком масштабе — фактами, которые можно проверить.

  4. 4

    Быстрые входы

    Три-четыре карточки для частых задач — каталог продукции, стать поставщиком, вакансии.

  5. 5

    Свежие события

    Одна-две новости с датой — видно, что сайт живой и за ним следят.

Кейсы

Добыча наших клиентов

  • Частный юрист · Симферополь

    350 ₽

    стоимость заявки в контекстной рекламе Яндекса

    Дизайн сайта-визитки частного юриста из Симферополя: стоимость заявки в контекстной рекламе Яндекса — 350 рублей.

    Смотреть кейс
  • Интернет-магазин спецтехники

    Дизайн сайта интернет-магазина спецтехники Lonking

    Дизайн сайта интернет-магазина спецтехники Lonking: продажа по всей России, сервис, запчасти и лизинг.

    Смотреть кейс
  • Компания по строительству бассейнов · Севастополь

    Дизайн сайта компании по строительству бассейнов в Севастополе

    Дизайн сайта компании, которая строит бассейны на заказ в Севастополе и по Крыму: планирование, проектирование и строительство. Десктопная и мобильная версии.

    Смотреть кейс
  • Частное охранное предприятие · Севастополь и Ялта

    Дизайн корпоративного сайта частного охранного предприятия

    Дизайн корпоративного сайта частного охранного предприятия в Севастополе и Ялте. Десктопная и мобильная версии.

    Смотреть кейс

Дизайн-система для большого сайта

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

  • Токены

    Цвета, шрифты, отступы и скругления заданы переменными. Обновлённый оттенок или новую тему меняют в одном месте, а не на двухстах экранах.

  • Компоненты

    Кнопки, поля, карточки, таблицы, вкладки — с вариантами и состояниями. Новую страницу собирают из готовых частей.

  • Шаблоны разделов

    Новость, вакансия, продукт, проект, документ, контакты филиала. Редактор выбирает шаблон, а не придумывает вёрстку заново.

  • Правила для контента

    Пропорции фото, длина заголовков, оформление таблиц и файлов для скачивания — с примерами «так можно» и «так нельзя».

  • Владелец системы

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

Почему большой сайт выглядит разнобойно

Разнобой редко появляется сразу. Обычно он копится из небольших решений, принятых в разное время.

  • 01

    Разделы делали в разные годы

    Каждое обновление добавляло свои кнопки и заголовки, и через пару лет на сайте пять видов карточек.

  • 02

    У редакторов нет правил

    Фото разных пропорций, таблицы, вставленные из текстового редактора, баннеры, собранные в программе для презентаций.

  • 03

    Брендбук перенесли без адаптации

    Фирменные цвета для печати на экране дают слабый контраст, а фирменный шрифт не поддерживает кириллицу или нужные начертания.

  • 04

    Меню росло без архитектуры

    Новые разделы добавляли в конец меню, и оно разрослось до двух строк с непонятным порядком.

  • 05

    Подрядчики не получили систему

    Промостраницу заказывают у другой студии, и та рисует её с нуля в своём стиле.

Что входит в макеты

Основа — не набор картинок, а система, по которой сайт будут достраивать годами.

  • UI-китКомпоненты со всеми вариантами и состояниями
  • ТокеныЦвета, шрифты и отступы — переменными в Figma
  • Шаблоны разделовГлавная, о компании, продукт, проект, новость, вакансия, контакты
  • НавигацияМеню, хлебные крошки, поиск по сайту, подвал
  • АдаптивыВерсии для телефона и планшета по каждому шаблону
  • Правила и документацияКак собирать новые страницы из готовых деталей

Как работаем над дизайном

Сроки — ориентиры для проекта до 10 шаблонов: лендинг быстрее, магазин дольше. Точный график — в договоре.

  1. 2–3 дня

    Бриф

    Задача, аудитория, конкуренты, текущая версия и данные Метрики, если проект уже работает.

    Итог этапаБриф и список шаблонов

  2. 3–7 дней

    Прототип

    Схемы страниц без цвета и картинок: блоки, их порядок, кнопки и формы.

    Итог этапаСогласованная структура страниц

  3. 3–5 дней

    Концепция первого экрана

    Шрифты, цвета, фото и кнопки на одном экране. После согласования стиль переходит на остальные страницы.

    Итог этапаУтверждённый стиль

  4. 2–3 недели

    Макеты страниц

    Все шаблоны из брифа, включая формы, сообщения об ошибках и служебные страницы.

    Итог этапаМакеты для компьютера

  5. 3–5 дней

    Адаптив

    Версии для телефона и планшета: порядок блоков, меню, размеры кнопок и текста.

    Итог этапаМакеты для телефона и планшета

  6. 1–2 дня

    Передача разработчику

    UI-кит, состояния элементов, спецификация. По договорённости сверяем вёрстку с макетами.

    Итог этапаФайл Figma и спецификация

Стоимость дизайна корпоративного сайта в Ростове-на-Дону

Пакет «Сайт до 10 шаблонов» подходит компании с типовыми разделами. Дизайн-систему для большого сайта считаем по смете после разбора текущих страниц.

  • Лендинг

    Одна страница под рекламу или акцию. Ориентир — 2–3 недели

    от 40 000 ₽

    • Прототип
    • Макет для компьютера и телефона
    • Две итерации правок
  • Сайт до 10 шаблонов

    Для компании или сферы услуг. Ориентир — 4–6 недель

    от 90 000 ₽

    • Прототип и концепция
    • До 10 уникальных шаблонов
    • Адаптив и UI-кит
  • Интернет-магазин

    Каталог, карточка товара, корзина. Ориентир — 5–8 недель

    от 150 000 ₽

    • Каталог, фильтры и карточка
    • Корзина и оформление заказа
    • Личный кабинет
    • Сверка вёрстки с макетами
  • Языковые версии и тёмная тема — отдельными строками сметы
  • Число итераций правок — в договоре

Не подошёл тариф — предложите свою цену

Назовите бюджет — предложим состав работ или запуск по этапам.

FAQ

Вопросы о дизайне корпоративного сайта

Не нашли ответ?

Сколько шаблонов нужно корпоративному сайту?

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

Нужна ли дизайн-система, если разделов немного?

Не всегда. Если шаблонов меньше десяти и сайт обновляет один человек, хватит UI-кита со стилями и компонентами. Полная система с документацией и правилами нужна, когда страниц сотни, редакторов несколько, а новые разделы заказывают у разных подрядчиков.

Как не сломать дизайн при переводе на другие языки?

Проверяем длинные слова и строки — перевод бывает заметно длиннее русского текста. Кнопки, меню и заголовки рисуем с запасом, переключатель языка ставим на видное место в шапке. Для языков с письмом справа налево нужна зеркальная раскладка, её обсуждаем отдельно.

Учитываете ли требования доступности?

Да. Контраст, размеры кнопок и видимый фокус проверяем по WCAG, а если сайт обязан соответствовать ГОСТ Р 52872-2019, — по стандарту. Скажите об этом на брифе, чтобы заложить проверки в график.

Что делать с дизайн-системой после сдачи?

Назначить владельца. Он добавляет новые компоненты, следит за версиями библиотеки и отвечает подрядчикам на вопросы. Можем остаться в этой роли по отдельному договору или передать систему вашему дизайнеру вместе с документацией.

Содержание
  1. Навигация словами клиентов
  2. Несколько брендов в одной системе
  3. Таблицы, графики и документы
  4. Как система живёт после запуска

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

До макетов разбираем, кто приходит на сайт, с какой задачей и где ищет ответ. Названия отделов в меню заменяем словами посетителей, а редкие разделы переносим в подвал. Хорошая проверка — попросить человека не из компании найти вакансию, реквизиты и контакт пресс-службы. Если он справился без подсказок, навигация работает. Поле поиска держим в шапке, а результаты делим по типам: страницы, новости, документы.

Несколько брендов в одной системе

У группы компаний часто несколько направлений или брендов, и каждое просит сайт в своём стиле. Отдельные стили быстро расходятся: у каждого сайта появляются свои кнопки, формы и правила. Надёжнее одна дизайн-система с темами — компоненты общие, а цвета, шрифты и характер фото у каждого направления свои. Тогда дизайн корпоративного сайта для нового бренда собирают из готовых деталей, а исправленный компонент обновляется во всех макетах сразу.

Таблицы, графики и документы

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

Как система живёт после запуска

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

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

Первый шаг

Покажите нынешний сайт — начнём с карты шаблонов

Пришлите ссылку или список разделов. Посчитаем, сколько уникальных шаблонов понадобится, и предложим, с чего начать систему.

Что написать в заявке, чтобы план был точнее:

  • Сколько разделов и языковых версий на сайте
  • Есть ли брендбук и кто им управляет
  • Кто будет добавлять страницы после запуска

Офис в Ростове-на-Дону: адрес уточняется · контакты

Перезвоним в рабочее время и ответим на вопросы.

Расскажем, как сделали этот проект, и прикинем план для вашего бизнеса.