Impact LabОбсудить проект

Услуги

Брендинг и сайт под ключ

Айдентика и сайт делаются одним проектом, а не по очереди у двух подрядчиков. Логотип, палитра и типографика сразу проверяются на живых экранах — и не оказывается, что фирменный стиль существует только в презентации.

Стиль проверяется на настоящих экранахПалитра и типографика сразу примеряются к первому экрану, карточке и форме. Так видно, работает ли система, а не только логотип на белом фоне.

Графика рисуется кодомИконки, паттерны и схемы — не сток. Они быстрее грузятся, точнее попадают в смысл и не встречаются на сайте конкурента.

Обсудить проект

Формат уже выбран в форме — останется описать задачу.

Раздел 01 — Айдентика и сайт в одной системе

Айдентика и сайт в одной системе

Обычно бренд и сайт делают разные команды, и стык между ними остаётся ничьим. Здесь он и есть основная работа.

Запуск с нуля

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

Ребрендинг

Стиль устарел или не отражает, чем компания стала. Новая система сразу проверяется на сайте, а не остаётся презентацией.

Новое направление

У компании появился продукт со своей аудиторией. Ему нужен собственный визуальный голос, не спорящий с основным брендом.

Стиль есть, системы нет

Логотип нарисован, но никто не знает, какие шрифты и отступы правильные. Достраиваем до системы, которой можно пользоваться.

Выход в новый сегмент

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

Сборка перед привлечением

Инвестору или партнёру нужно показать продукт целиком: стиль, сайт, презентацию. Один проект вместо трёх подрядчиков.

Раздел 02 — Для кого

Для кого

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

  • Компаниям, которые открываются и заходят на рынок сразу целиком
  • Бизнесу, переросшему логотип, сделанный когда-то на скорую руку
  • Тем, у кого сайт, презентация и документы выглядят как три разные компании
  • Производителям, которым стиль нужен ещё и на упаковке и в каталоге
  • Сервисным компаниям, работающим в насыщенной нише, где все похожи
  • Тем, кто выходит в новый сегмент и меняет аргументы вместе с обликом
  • Командам, готовящим продукт к показу инвесторам или партнёрам
  • Компаниям, у которых стиль есть, но правил его применения нет

Раздел 03 — Что решаем

Что решаем

То, что обычно возникает, когда бренд и сайт делались порознь.

  • Логотип есть, а на сайте он смотрится чужеродно: цвета и шрифты не согласованы
  • Каждый новый макет выглядит по-своему, потому что правил нет
  • Фирменные цвета живут в трёх версиях, и никто не знает, какая настоящая
  • Брендбук сделан, но им никто не пользуется: он не отвечает на реальные вопросы вёрстки
  • Компания неотличима от соседних в выдаче — те же стоковые картинки и те же приёмы
  • Презентация, сайт и документы говорят разными голосами
  • Подрядчик по стилю и подрядчик по сайту перекладывают стык друг на друга
  • Стиль придуман под печать и разваливается на экране телефона

Раздел 04 — Что входит

Что входит

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

01

Разбор

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

02

Логотип

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

03

Палитра

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

04

Типографика

Пара шрифтов, шкала размеров и правила набора. Одинаковые для сайта, документов и презентаций.

05

Система принципов

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

06

Носители

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

07

Сайт под новую айдентику

Структура, дизайн и разработка сайта на Next.js — по тем же правилам, что задала система, а не «в похожих цветах».

08

Передача

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

Раздел 05 — Как мы работаем

Как мы работаем

Четыре этапа, каждый заканчивается тем, что можно посмотреть и утвердить.

Этап 01

Разбор и направление

Изучаем бизнес, аудиторию и визуальное поле ниши. Показываем направление на примерах, а не набор случайных вариантов.Результат — согласованное визуальное направление

Этап 02

Айдентика

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

Этап 03

Система и сайт

Достраиваем правила до системы и разворачиваем сайт по ним: структура, страницы, адаптив, формы.Результат — описание системы и сайт на нашем домене

Этап 04

Запуск и передача

Переносим сайт на ваш домен, собираем носители, передаём исходники, шрифты, описание системы и доступы.Результат — работающий сайт и полный комплект исходников

Раздел 06 — Технологии

Технологии

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

Дизайн-токены в CSS

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

SVG-графика кодом

Иконки, паттерны и схемы рисуются в разметке. Они масштабируются без потери, весят немного и подхватывают цвета системы автоматически.

Next.js

Сайт под новую айдентику собирается на том же стеке, что и остальные наши проекты: серверный рендер, адаптив от 360 px, компонентная база.

Раздел 07 — Брендинг под нишу

Брендинг под нишу

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

Раздел 08 — Примеры работ

Примеры работ

Раздел портфолио по формату «Брендинг + сайт»: как визуальная система выглядит собранной вместе с сайтом.

Смотреть примеры брендинга

Раздел 09 — Стоимость

Стоимость

от 150 000 ₽

Срок — от 14 дней

Цена зависит от объёма айдентики (сколько версий знака и носителей нужно), глубины системы и размера сайта, который на ней строится.

Названная сумма — нижняя граница пакета Start. Финальная стоимость считается после разбора задачи и фиксируется до начала работ. Пакеты Standard и Premium добавляют носители, объём сайта и глубину проработки системы.

Смотреть все тарифы и пакеты

Раздел 10 — Вопросы

Частые вопросы

Пакет Start — от 150 000 ₽, Standard — от 250 000 ₽, Premium — от 400 000 ₽. Это нижние границы: финальная сумма считается после разбора задачи и фиксируется до начала работ. Полный состав пакетов — на странице цен.

Start — от 14 дней, Standard — от 21, Premium — от 30. Срок считается с момента, когда согласовано визуальное направление: до этого мы не начинаем разработку сайта, чтобы не переделывать её вслед за стилем.

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

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

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

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

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

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

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

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

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

Работаем по предоплате — 50% в начале, после согласования технического задания. Оставшиеся 50% — при полной сдаче проекта.

Раздел 11 — Заявка

Расскажите про задачу

Опишите бизнес и что нужно получить. Ответим по делу: что реально нужно, сколько это стоит и в какой срок — до начала работ, а не после.

Ответ
в течение 1 часа
Часы работы
Пн–Пт, 10:00–22:00
Формат
Не обязательно — но так мы быстрее подберём примеры.
Чем конкретнее задача, тем точнее оценка. Три-четыре предложения достаточно.

Без рассылок и звонков «просто напомнить». Отвечаем по делу и один раз.

Раздел 12 — Связанное