Дизайн сайтов, страниц, интерфейсов и фирменного стиля

Дизайн в Best Boost Partners охватывает всё, что бизнес показывает на экране и в печати: сайты, отдельные страницы, интерфейсы, логотипы, фирменный стиль, баннеры, презентации и печатные материалы. Рисует дизайнер студии, и дизайн можно заказать отдельно, без разработки и SEO. SEO и разработкой занимается та же студия, поэтому дизайн сайта строится на структуре, собранной по семантике, и передаётся готовым к разработке. Вы получаете исходные файлы, экспортированные изображения, UI-кит или гайд по фирменному стилю и спецификацию для разработчиков.

Оставить бриф Спросить в WhatsApp

Коротко

Для кого: Компании, интернет-магазины, сервисы и медиа, которым нужен дизайн сайта, страницы или интерфейса, логотип либо графика для экрана и печати.
Что входит: Бриф и референсы, структура и прототипы, концепция на ключевых экранах, остальные экраны, версии для телефона и планшета, UI-кит, передача.
Что вы получаете: Исходные файлы макетов, экспортированные изображения, список шрифтов с заметкой о лицензиях, UI-кит или гайд и спецификация для разработчиков.
С чего начать: Заполненный бриф, примеры дизайна, который нравится и не нравится, логотип и фирменные материалы, если они есть, и человек, согласующий макеты.

Что входит в дизайн в Best Boost Partners?

Дизайн в Best Boost Partners делится на четыре направления. У каждого направления своя страница с перечнем работ и файлов, которые вы получаете.

Дизайн сайтов
Главная и шаблоны внутренних страниц, сетка, типографика и цвет, макеты для компьютера и телефона, библиотека компонентов для сборки новых страниц.
Подробнее
Дизайн страниц и лендингов
Одна страница под одно действие: предложение на первом экране, блоки в порядке вопросов посетителя, короткие формы. Редизайн отдельных страниц существующего сайта.
Подробнее
Дизайн интерфейсов (UI/UX)
Пользовательские сценарии, карта экранов и кликабельные прототипы; таблицы, фильтры, формы и дашборды для сервисов, личных кабинетов и CRM; дизайн-система для разработчиков.
Подробнее
Логотип, фирменный стиль и графика
Логотип в нескольких компоновках, цвета, шрифты и короткий гайд; баннеры, графика для соцсетей, презентации, визитки и другая полиграфия. Файлы для экрана и печати.
Подробнее

Когда бизнесу нужен дизайн?

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

Как проходит работа над дизайном?

Бриф, референсы и конкуренты
Вы заполняете бриф, мы отвечаем в течение одного рабочего дня. Просим показать примеры дизайна, который вам нравится, и дизайна, который не нравится, и смотрим, как выглядят конкуренты. Затем называем цену и срок и фиксируем объём работ в договоре, включая число кругов правок.
Структура и прототипы
До появления цвета согласуем, что стоит на каждом экране и в каком порядке. Для сайта структура берётся из семантики, если SEO делаем мы, или из списка страниц, который даёте вы. Прототипы показывают блоки, заголовки и действия в сером цвете, поэтому обсуждение идёт о содержании и логике.
Дизайн-концепция на ключевых экранах
Дизайнер полностью рисует один или два ключевых экрана: сетку, типографику, цвет, изображения, кнопки. Вы видите направление на настоящем экране и утверждаете концепцию или возвращаете её с замечаниями до начала остальной работы.
Остальные экраны и адаптивные версии
После утверждения концепции дизайнер рисует остальные экраны и версии для телефона и планшета. Повторяющиеся элементы собираются в компоненты, и одна и та же кнопка или карточка выглядит одинаково на всех экранах.
UI-кит и передача разработчикам
Готовые макеты передаём в исходных файлах в редакторе, согласованном с вами, например в Figma, вместе с UI-китом, экспортированными изображениями и спецификацией. Разработчики получают всё нужное для вёрстки и не угадывают размеры, цвета и состояния.

Что вы получаете по окончании работы над дизайном?

Исходные файлы макетов в редакторе, согласованном с вами, например в Figma, с подписанными страницами, фреймами и слоями.
Экспортированные изображения: превью экранов, иконки и иллюстрации в форматах, которые нужны разработчикам или типографии.
Список использованных шрифтов с заметкой о том, какая лицензия нужна каждому шрифту для сайта, приложения или печати.
UI-кит с цветами, текстовыми стилями, кнопками, полями форм и другими компонентами во всех состояниях либо гайд по фирменному стилю.
Спецификацию для разработчиков: сетка, отступы, контрольные точки и поведение элементов при наведении, нажатии и ошибке.

Что делает дизайн готовым к разработке и к ежедневной работе?

Сначала структура и содержание
Макет рисуется под настоящие заголовки, настоящие тексты и реальное число товаров или пунктов меню. Дизайн, который держится только на паре коротких слов в каждом блоке, ломается в первый день работы.
У каждого элемента есть состояния
Кнопки, ссылки, поля форм и меню нарисованы в обычном состоянии, при наведении, при нажатии, в неактивном виде и при ошибке. Разработчикам не приходится придумывать то, чего нет в макетах.
Компоненты вместо разовых страниц
Повторяющиеся элементы хранятся в библиотеке компонентов с заданными размерами, отступами и стилями. Новая страница позже собирается из тех же частей и сохраняет стиль без нового дизайн-проекта.

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

Сколько стоит дизайн?

Прайс-листа на дизайн нет: стоимость зависит от числа экранов или макетов, адаптивных версий и кругов правок. Best Boost Partners называет цену и срок после брифа и изучения проекта. Объём работ фиксируется в договоре.

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

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

Что будет, если дизайн-концепция нам не понравится?

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

В каком формате вы передаёте дизайн?

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

Может ли дизайнер работать в рамках нашего фирменного стиля или стиля сайта?

Да. Если у компании есть логотип, гайд по фирменному стилю или работающий сайт, дизайнер берёт существующие цвета, шрифты и компоненты за основу. Новые страницы или материалы рисуются в этом стиле, а UI-кит или гайд пополняется новыми элементами.

Дизайн сайтов, страниц, интерфейсов и фирменного стиля

Коротко

Что входит в дизайн в Best Boost Partners?