Запуск с нуля
Бизнес только открывается: нужны имя в визуальной форме, стиль и первый сайт. Всё выводится из одного разбора, а не собирается по частям.
Услуги
Айдентика и сайт делаются одним проектом, а не по очереди у двух подрядчиков. Логотип, палитра и типографика сразу проверяются на живых экранах — и не оказывается, что фирменный стиль существует только в презентации.
Стиль проверяется на настоящих экранахПалитра и типографика сразу примеряются к первому экрану, карточке и форме. Так видно, работает ли система, а не только логотип на белом фоне.
Графика рисуется кодомИконки, паттерны и схемы — не сток. Они быстрее грузятся, точнее попадают в смысл и не встречаются на сайте конкурента.
Формат уже выбран в форме — останется описать задачу.
Раздел 01 — Айдентика и сайт в одной системе
Обычно бренд и сайт делают разные команды, и стык между ними остаётся ничьим. Здесь он и есть основная работа.
Бизнес только открывается: нужны имя в визуальной форме, стиль и первый сайт. Всё выводится из одного разбора, а не собирается по частям.
Стиль устарел или не отражает, чем компания стала. Новая система сразу проверяется на сайте, а не остаётся презентацией.
У компании появился продукт со своей аудиторией. Ему нужен собственный визуальный голос, не спорящий с основным брендом.
Логотип нарисован, но никто не знает, какие шрифты и отступы правильные. Достраиваем до системы, которой можно пользоваться.
Компания переходит из розницы в B2B или наоборот. Меняются аргументы, а вместе с ними — тон и визуальный язык.
Инвестору или партнёру нужно показать продукт целиком: стиль, сайт, презентацию. Один проект вместо трёх подрядчиков.
Раздел 02 — Для кого
Формат подходит тем, для кого сайт — не единственная точка контакта, и стиль должен работать и за его пределами.
Раздел 03 — Что решаем
То, что обычно возникает, когда бренд и сайт делались порознь.
Раздел 04 — Что входит
Восемь шагов от разбора до передачи. Айдентика и сайт идут не последовательно, а внахлёст: каждое решение по стилю сразу проверяется на экране.
Кто вы, кому продаёте и как выглядят соседи по нише. Отсюда берётся то, чем визуально отличаться, а не «нравится — не нравится».
Знак и написание, версии для разных размеров и фонов, правила отступов вокруг. Проверяем на мелком размере, а не только на крупном.
Основные и служебные цвета с проверкой контраста: текст должен читаться, а не только красиво выглядеть на макете.
Пара шрифтов, шкала размеров и правила набора. Одинаковые для сайта, документов и презентаций.
Сетка, отступы, работа с изображениями, сигнатурный элемент — то, из-за чего следующий макет получится узнаваемым без нашего участия.
Применение стиля за пределами сайта: документы, презентация, подпись в почте, базовая продукция под вашу задачу.
Структура, дизайн и разработка сайта на Next.js — по тем же правилам, что задала система, а не «в похожих цветах».
Исходники логотипа, шрифты, описание системы, код сайта и все доступы. Дальше работать можно с любой командой.
Раздел 05 — Как мы работаем
Четыре этапа, каждый заканчивается тем, что можно посмотреть и утвердить.
Изучаем бизнес, аудиторию и визуальное поле ниши. Показываем направление на примерах, а не набор случайных вариантов.Результат — согласованное визуальное направление
Логотип, палитра и типографика. Сразу примеряем их к ключевому экрану сайта — стиль должен работать в деле, а не в презентации.Результат — утверждённый знак и ключевой экран
Достраиваем правила до системы и разворачиваем сайт по ним: структура, страницы, адаптив, формы.Результат — описание системы и сайт на нашем домене
Переносим сайт на ваш домен, собираем носители, передаём исходники, шрифты, описание системы и доступы.Результат — работающий сайт и полный комплект исходников
Раздел 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 — Заявка
Опишите бизнес и что нужно получить. Ответим по делу: что реально нужно, сколько это стоит и в какой срок — до начала работ, а не после.
Раздел 12 — Связанное