Дизайн в Figma
Дизайн сайта в Figma, готовый к вёрстке.
Прототип, дизайн-система и адаптивные макеты в одном файле: с компонентами, состояниями кнопок и полей, сетками и реальными длинами текстов. Разработчик открывает файл и работает, а не спрашивает, что делать с блоком на мобильном.
Можем сделать только дизайн — или дизайн и разработку в одном потоке.
Красивая картинка и рабочий макет — разные вещи. Макет становится рабочим, когда в нём есть компоненты, состояния, поведение на узких экранах и ответ на вопрос «что будет, если текста вдвое больше».
Наш подход
Проверенный путь к результату.
- 01 Входные данные Задачи бизнеса, аудитория, примеры, ограничения бренда и технические требования.
- 02 Структура Карта страниц и блоков: что человек должен понять и сделать на каждом экране.
- 03 Прототип Чёрно-белые схемы ключевых страниц — быстро править, пока нет цвета.
- 04 Визуальный язык Типографика, палитра, сетка, стиль изображений и поведение элементов.
- 05 Макеты Десктоп и мобильная версия каждого шаблона плюс состояния и пустые экраны.
- 06 Передача Файл с компонентами, шрифтами, иконками и комментариями для разработчика.
Объём работ
Что входит в услугу.
Прототипы
Схемы ключевых страниц до начала визуального дизайна.
Дизайн-система
Цвета, типографика, отступы, кнопки, поля, карточки, сообщения об ошибках.
Макеты страниц
Главная, услуга или категория, карточка товара, контакты, форма, служебные страницы.
Адаптив
Мобильная версия каждого шаблона, а не одна «десктопная» картинка.
Состояния интерфейса
Наведение, фокус, ошибка, успех, пустой список, загрузка.
Иконки и графика
Единый набор иконок и подготовленные изображения в форматах для веба.
Файл для разработки
Структурированные страницы, названные слои, компоненты и авто-лейаут.
Почему BiiD
Не чек-лист. Система, которая работает.
Вопросы решаются в макете, а не после того, как всё свёрстано.
Проверяем макет длинными заголовками, а не короткой рыбой.
Новые страницы собираются из готовых компонентов системы.
Продолжить работу сможет любой дизайнер, не только мы.
FAQ
Вопросы, которые задают чаще всего.
Да. Вы получаете файл Figma с макетами, компонентами и дизайн-системой — его может взять в работу любая команда разработки.
Обычно 6–8 шаблонов: главная, страница услуги, каталог услуг, о компании, контакты, статья блога и служебные страницы. Остальные страницы собираются из тех же блоков.
Правки заложены на каждом этапе: на прототипе, на визуальном языке и на макетах. Объём итераций фиксируем на старте, чтобы работа не превратилась в бесконечное согласование.
Да, если он есть — используем его цвета, шрифты и правила. Если брендбука нет, собираем минимальную визуальную систему в рамках проекта.
Файл Figma с именованными слоями и компонентами, шрифты или ссылки на них, иконки в SVG, подготовленные изображения и комментарии о поведении блоков на разных экранах.
Услуги
С чем мы помогаем.
Поговорим
Опишите задачу — скажем, как её решить.
Даже если для этого не нужны наши услуги. Один разговор, после которого у вас будет понятный следующий шаг.