Структура до дизайна.
Сначала карта сайта и путь клиента: какие разделы нужны и в каком порядке. Потом экраны.
От 1 100 BYN, срок 1–2 недели
Система знака — 3 200 BYN, 2–3 недели
Веб-сайт
БрифРазговор о бизнесе: кто выбирает и что сайт должен делать.
Структура до дизайна.
Сначала карта сайта и путь клиента: какие разделы нужны и в каком порядке. Потом экраны.
Читается с телефона.
И на большом мониторе.
Макет и код.
Figma, HTML, CSS и JS.
Новую страницу — без дизайнера.
UI Kit и инструкция в комплекте.
Сайты в разных нишах.
Производство, недвижимость, образование, услуги.
Избранное
Производство, услуги, образование, финансы — задачи разные, логика одна: сайт отвечает на вопрос клиента раньше, чем он его задаст. Нажмите — откроется во весь экран, дальше листайте.
Портфолио
Ниже — сайты и интерфейсы, которые работают прямо сейчас. Десять из них разобраны выше.
Конструкция
Сайт строится сеткой и структурой — поэтому не рассыпается, когда в него добавляют разделы и страницы.
Сетка. Двенадцать колонок: блоки встают в ячейки.
Система сайта
Не «десктоп, только уже», а разные сборки одной структуры — под то, где сайт откроют.
До
5
ключевых экранов в макете
в тарифе «Бизнес»
Не меньше
3
версии сайта
десктоп, планшет, телефон
Десктоп
Основная версия на широком экране: меню, оффер и главное действие — без лишних кликов до заявки.
Версия для телефона
Сайт открывают по ссылке из мессенджера и рекламы. Меню сворачивается в бургер, колонка одна, кнопки под палец.
Планшет
Сетка перестраивается в две колонки, меню не теряет разделов, блоки не прижимаются к краям.
Все вместе
Структура и тексты те же — меняется только сетка. Поэтому сайт выглядит как один, где бы его ни открыли.
Переключите устройство — и посмотрите, какая версия сайта за него отвечает.
Десктоп. Основная: меню и оффер сразу.
Одна страница — одна задача. Если страница решает три задачи сразу, клиент не решает ни одной.
Цифра крупно. Главное число видно раньше, чем его объяснят.
Контраст и размер. Мелкий серый текст на телефоне — как будто его нет.
Не больше двух шрифтов. Два шрифта и меньше начертаний — сайт грузится быстрее и не прыгает при загрузке.
В жизни
Не в макете у дизайнера, а на мониторе клиента, в телефоне и в ссылке из письма.
Срок жизни
Один сайт растёт годами — потому что UI Kit и структура заложены заранее, а не придумываются заново под каждый раздел.
Сколько живёт каждая часть
Пока бизнес не поменял модель. Добавляются разделы, а не перестраивается всё.
Живёт вместе с фирменным стилем. Новая страница собирается из компонентов за вечер.
Меняются заголовки, цены и карточки: оформление уже задано в UI Kit.
Планшет, телефон и превью пересобираются из основного макета, без новой разработки.
Сроки — по частям. Общий ориентир по сайту: 3–4 года в среднем, если он собран на UI Kit3, а не склеен из страниц разных лет.
Сайты переделывают целиком, когда разделы добавляли в разное время и разные люди: меню разрастается, кнопки и шрифты не совпадают.
новый раздел собирают из готовых компонентов, и он выглядит как первый. Вот разница между набором страниц и системой: набор страниц годится на запуск, система — на годы.
Зачем система
Каждый раздел делает новый человек — и через год главная, каталог и контакты выглядят как три разных сайта.
ПО ЧАСТЯМ
Главная в одном стиле, каталог в другом, форма заявки в третьем. Клиент перестаёт верить сайту.
шесть каналов — и сайт в каждом свой
СИСТЕМОЙ
Структура, UI Kit и правила сборки. Проверяем сразу на десктопе, телефоне и в письме.
шесть каналов — сайт один и тот же
Мои сайты до и после
Продажа готовых фирм
Процесс
Этапы идут не по очереди, а наслаиваются: пока вы читаете прототип, я уже собираю сетку и UI Kit.
Созвон на 30–60 минут: чем занимается бизнес, кто выбирает и что сайт должен делать — собирать заявки, продавать или рассказывать о компании.
Собираю карту сайта и путь клиента: какие разделы нужны клиенту, а какие — только вам. Вы правите структуру до первого цвета.
Серые блоки без картинок: можно кликнуть по меню и пройти путь от входа до заявки. Лишнее убираем сейчас, а не после дизайна.
Показываю главную и 2–3 ключевых раздела. Утверждаем стиль на них — остальные страницы собираются в той же системе.
Вы смотрите макет целиком и присылаете правки одним письмом. Вношу их разом — число итераций зависит от тарифа.
Дорисовываю остальные страницы. Версии под планшет и телефон собираю отдельно, а не сжимаю десктоп.
Верстаю сайт по макету: HTML, CSS и JS — и подключаю к системе управления сайтом (CMS), если она нужна. Начинаю на утверждённых страницах, не жду остальных.
Помогаю подключить домен и хостинг, настраиваю защищённое соединение (SSL), резервные копии и доступы. Пароли остаются у вас.
Прохожу сайт как клиент — на мониторе, телефоне и в ссылке из письма. Отдаю архив: макет, код, UI Kit и инструкция разработчику.
Запуск через месяц, рекламная кампания уже оплачена — сроки жёсткие. На этот случай есть тариф «Старт»: лендинг до 5 секций, базовый UI Kit, мобильная версия. Этого хватает, чтобы выйти в сеть и не переделывать всё через месяц.
Ваша ситуация
Выберите строку, похожую на вашу. Покажу, что это даёт сегодня, что будет после работы и с чего я бы начал.
Есть соцсети и номер телефона. Клиент ищет вас в поиске и не находит ни цен, ни кейсов.
Как сейчас
Как будет
Что рекомендую
Новый сайт. На тарифе «Старт» — лендинг до 5 секций, без прототипа. Состав, который выше, — это тариф «Бизнес».
Взяли готовый шаблон в конструкторе и вставили свои тексты.
Как сейчас
Как будет
Что рекомендую
Новый сайт: в шаблоне нечего доводить — структуру всё равно придётся строить заново.
Сделала студия или фрилансер: сайт есть, а макета и исходников нет.
Как сейчас
Как будет
Что рекомендую
Решаю на брифе, глядя на сайт: рабочую структуру — в редизайн, слабую — в полную разработку. Скажу прямо.
Пятьдесят страниц, меню в три уровня: нужное не найти, форма заявки прячется.
Как сейчас
Как будет
Что рекомендую
Пересборка структуры: смысл ваш, я перестраиваю карту сайта и дизайн.
Сайту несколько лет, он приводит клиентов. Вопрос — не пора ли обновить.
Как сейчас
Как будет
Что рекомендую
Полностью переделывать не нужно. Это тот случай, когда я отговариваю от разработки с нуля: хватит обновления.
Кроме тарифа «Старт»: там лендинг и базовый UI Kit, без прототипа. Полный состав — ниже, в тарифах.
Версии
3
десктоп, планшет, телефон
Файл, который правится
Figma
любой дизайнер продолжит работу
Готовый код
HTML · CSS · JS
заливается на хостинг
Инструкция разработчику
разработчик не переспрашивает
Исходники
У вас
макет, код и права передаются вам
Что вы получаете
Размеры, отступы, поведение блоков — и 8 файлов с готовым кодом.
0 из 8 файлов в архиве
Файлы. Макет, код и иконки — всё, что спросит разработчик.
Что входит
Макет, готовый код и инструкция — и под каждым написано, куда он идёт. Восемь файлов в архиве, один из них — инструкция.
Рабочий макет в Figma со всеми страницами и версиями. Любой дизайнер продолжит работу: слои подписаны, блоки собраны из компонентов.
Готовые кнопки, формы, карточки и блоки. Новую страницу собирают из них за вечер, без нового дизайна.
Готовая разметка страниц. Заливается на хостинг как есть или подключается к вашей системе управления.
Все цвета, шрифты, отступы и правила для планшета и телефона в одном месте. Меняете цвет кнопки в одной строке — он меняется на всём сайте.
Поведение страниц: меню на телефоне, отправка форм, слайдеры, раскрывающиеся блоки. Без лишних библиотек — сайт быстро открывается.
Размеры, отступы, шрифты, поведение блоков и как подключить сайт к вашей системе. Следующий разработчик не угадывает, а читает.
Выгруженные экраны: для рекламного кабинета, презентации, превью в письме.
Иконки и значки сайта в векторе: не теряют чёткость на любом экране.
Исходники передаю, ваш сайт не использую в чужих проектах.
Нужен другой формат — отдам в тот же день.
Нужен новый раздел или каталог — соберу из готового UI Kit.
Проект лежит у меня: файл восстановим и через годы.
Лендинги, корпоративные сайты и магазины строятся на тех же компонентах.
Тот, кто разрабатывает, и есть тот, кто отвечает.
Что дальше
Типы сайтов: лендинг, корпоративный, магазин, каталог, промо. Выберите свой. Другие типы сайтов — в том же стиле и на тех же компонентах и без переделки.
Почему со мной
Не витрина агентства и не набор подрядчиков. Задачу собираю, считаю смысл, держу арт-дирекшн и веду систему целиком — от первого брифа до результата в бизнесе.
Между вами и сайтом нет цепочки «менеджер — арт-директор — исполнитель»: про бизнес вы рассказываете мне, и я же её разрабатываю. Ничего не теряется в пересказе. Когда нужен узкий специалист — вёрстка, копирайтер, видео — я его подключаю, но перед вами за результат отвечаю один я.
Прототип приходит раньше дизайна: почему разделы в таком порядке, на какой вопрос отвечает каждый, где клиент оставит заявку. Вам есть что ответить владельцу и отделу маркетинга.
Каждую версию смотрю там, где её откроют: монитор клиента, телефон в мессенджере, планшет, ссылка из рассылки. Ошибку видно на прогоне, а не у клиента. Красивая главная на мониторе дизайнера ещё ничего не доказывает.
Тариф и срок согласованы в начале. Стоимость не растёт по ходу работы — меняется только если меняется состав задачи, и только по согласованию.
Права и файлы — ваши. Не держу клиента на «а исходники за отдельную плату» и не прячу рабочие слои.
Через год понадобился файл или новая версия — пишете напрямую, а не ищете, кто это делал. Сайт лежит в архиве, доступ к нему не теряется.
Цены
Лендинг к запуску: один экран, до 5 секций.
2 990 BYN2–3 недели1
ОбсудитьЧаще всего берут
Сайт с прототипом: структура, которую проверили до дизайна.
10 800 BYN4–6 недель2
Обсудить
Корпоративный портал: исследование клиентов, Design System, масштабирование.
28 900 BYN8–12 недель
ОбсудитьСистема ART-OS
Модуль 01 · Стратегия
Позиционирование и аргументы задают, о чём сайт вообще должен говорить.
ПозиционированиеАргументыПортреты ЦАВозражения ›Модуль 02 · Айдентика
Цвета, шрифты и графика берутся из фирменного стиля, а не придумываются под каждую страницу.
ЛоготипПалитраТипографикаИконкиФото ›Модуль 03 · Инструменты продаж
Презентация, шаблон КП и каталог собираются из того же стиля и тех же правил.
ПрезентацияШаблон КПКаталогТендерный пакет ›Модуль 08 · Дизайн-системы
Гайд и UI Kit закрывают вопросы подрядчиков без вашего участия.
ГайдлайнUI KitБрендбукБиблиотека компонентов ›Вопросы
Двенадцать вопросов, которые задают на первом созвоне. Ответы — те же, что я дам голосом.
От 2 990 BYN — тариф «Старт»: лендинг до 5 секций, базовый UI-дизайн и UI Kit, мобильная версия. Сайт с прототипом и дизайном 3–5 ключевых экранов — 10 BYN. Корпоративный портал с UX-анализом и Design System — 28 900 BYN. Цена фиксируется до старта и не растёт по ходу работы.
2–3 недели на тарифе «Старт», 4–6 недель на «Бизнесе», 8–12 недель на «Визионере». Срок считается от подтверждённого брифа и предоплаты. Этапы наслаиваются: пока вы читаете прототип, уже собирается сетка и UI Kit.
Восемь файлов: макет и прототип в Figma, UI Kit, готовый код (HTML, CSS, JS), PDF-инструкция разработчику, экраны в PNG и иконки в SVG. Всё в одном архиве.
Права и исходники передаются вам. Макет не используется в других проектах, в портфолио попадает только с вашего согласия. Рабочие файлы не прячу и не продаю отдельно.
Да: макет собран на UI Kit с готовыми компонентами, а инструкция объясняет, как добавить страницу и не сломать стиль. Заголовки, цены и карточки обновляются без перерисовки.
Задачу веду я: бриф, структура, дизайн, макет. Между вами и сайтом нет цепочки «менеджер — арт-директор — исполнитель». Когда нужен узкий специалист — вёрстка, копирайтер, видео — подключаю проверенного, но за результат отвечаю я.
Скажу на брифе честно. Если структура работает — не переделываю, а привожу в порядок: сетку, шрифты, компоненты и UI Kit. Это тариф «Старт» — от 2 990 BYN. Если сайт склеен из страниц разных лет и клиенты в нём теряются, дешевле выстроить структуру заново.
Пишете напрямую мне — не ищете, кто это делал. Проект лежит в архиве, файл восстановим и через годы. Вопросы по файлам и форматам счётом не облагаются, новый раздел или каталог в стиле сайта соберу из готового UI Kit.
Смысл правим на прототипе, пока он не встанет, — это дешевле, чем переделывать готовый дизайн. В дизайне: «Старт» — 2 итерации правок, «Бизнес» — 3, «Визионер» — без лимита, до результата.
На «Старте» работаю с вашими текстами, сокращая их до читаемого объёма. На «Бизнесе» и «Визионере» строю структуру и пишу заголовки сам: заголовок страницы — это мысль, а не тема. Подробные тексты, если нужны, пишет копирайтер под мою структуру.
Потому что вы покупаете не страницы, а клиентов, которые по ним приходят. Конструктор даёт оформление, но не структуру: ваши услуги не помещаются в шаблон, возражения не закрыты, а такой же сайт стоит у конкурента. Если сайт нужен «чтобы был» — честно скажу, что хватит «Старта» или вашего шаблона.
Сроки в договоре с запасом, и я не беру больше двух сайтов в работу одновременно — поэтому форс-мажор сдвигает срок, а не срывает его. Все файлы проекта лежат в архиве: если ситуация затянется, передам исходники, и сайт сможет закончить любой дизайнер — для того и нужна инструкция.
Бесплатно и ни к чему не обязывает
Пришлите ссылку на текущий сайт — за 30 минут разберу его по четырём пунктам: структура и навигация, соответствие фирменному стилю, поведение посетителей и конверсия. И скажу честно: нужен новый сайт, хватит обновления или деньги лучше потратить на другое.
Пришлите ссылку на сайт и скажите, что он должен делать: собирать заявки, продавать, рассказывать о компании. Этого хватит, чтобы разобрать его и сказать, что вам нужно на самом деле.
Артём Дементьев · разбираю сам, обычно в тот же день
ваша очередь
