05
UX/UI-дизайн интерфейсов
Для тех, у кого разработка своя, а дизайна не хватает. Проектируем структуру, рисуем экраны и собираем дизайн-систему — и отдаём макеты в виде, из которого верстают без вопросов и уточнений в чате.
Figma
макеты, из которых верстают
UI-кит
компоненты и состояния
адаптив
десктоп, планшет, телефон
Состав работы
Прототипы экранов и логика переходов
Дизайн-концепция на главном экране
Отрисовка всех экранов проекта
Состояния: наведение, нажатие, ошибка, пустой экран
UI-кит и дизайн-система
Адаптив под ключевые разрешения
Спецификация анимаций для разработчика
Сопровождение вёрстки: отвечаем на вопросы команды
01
Макет, из которого можно верстать
Разница между красивой картинкой и рабочим макетом — в том, что не нарисовано. Что происходит при ошибке, как выглядит пустой список, куда девается длинное название в две строки, что с кнопкой при нажатии.
Если этого нет, решения принимает разработчик на ходу, и продукт расходится с задумкой. Поэтому состояния и краевые случаи мы рисуем наравне с основными экранами.
02
Дизайн-система вместо набора экранов
Когда экранов больше десятка, набор отдельных макетов начинает противоречить сам себе: кнопки разной высоты, четыре оттенка серого, отступы на глаз. Дальше это переезжает в код и остаётся там надолго.
Дизайн-система задаёт единые компоненты, шкалу отступов и типографику. Новые экраны после этого собираются быстрее, а команда перестаёт спорить о мелочах.
03
Мы не бросаем макет на пороге разработки
Самое частое место потери качества — передача в вёрстку. Мы остаёмся на связи с вашей командой, пока экраны собираются, и разбираем спорные места по ходу.
Если нужно, пишем спецификацию анимаций: что, откуда, за сколько миллисекунд и с какой кривой. Без этого движение на сайте всегда получается случайным.
Как идёт проект
Вводные
Разбираемся в продукте, пользователях и ограничениях вашей разработки.
Структура и прототип
Схемы экранов и переходов. Проверяем логику до того, как рисовать.
Концепция
Рисуем главный экран и согласуем визуальное направление целиком.
Экраны и система
Отрисовываем остальное, собираем UI-кит и состояния компонентов.
Передача
Отдаём макеты и сопровождаем вёрстку, пока команда собирает интерфейс.
Живые сайты, а не картинки в презентации
Спрашивают чаще всего
Вы работаете, если разработка у нас своя?
Да, это основной сценарий для этой услуги. Мы отдаём макеты и дизайн-систему в Figma и остаёмся на связи с вашей командой на время вёрстки.
В каком виде отдаёте макеты?
Figma: экраны, компоненты, состояния, шкала отступов и типографика. Плюс спецификация анимаций, если движение в интерфейсе важно.
Сколько правок входит в работу?
Правки на этапе концепции и структуры входят — там они и должны происходить. Переделка согласованного направления после отрисовки всех экранов считается отдельно, и мы предупреждаем об этом заранее.
Можете доработать существующий дизайн, а не рисовать с нуля?
Да. Часто разумнее привести к системе то, что уже есть: собрать компоненты, выровнять отступы и типографику. Это дешевле полной перерисовки и меньше ломает привычки пользователей.
блог
Последние статьи
Мем «3 сентября»: почему он ломает интернет пятнадцатый год
Шутке пятнадцать лет, и она собирает охваты, которых не видать новым идеям. Разбор механики: почему дата в календаре сильнее темы.
3 сентября 2026
Откуда взялись значки bluetooth, ⌘ и «выключить»: истории восьми знаков
Руна викинга, дорожный знак из Скандинавии, единица внутри нуля и дискета, которой никто не держал в руках. Восемь знаков, которые ты жмёшь каждый день.
1 сентября 2026
Ошибки в дизайне форм: шесть причин, почему с формы нет заявок
Форма выглядит нормально, а заявок с неё нет. Шесть дефектов, которые не видно на макете: подписи полей, контраст, кнопки, ошибки, размер целей и отступы.
29 августа 2026
Команда Reut Art
сегодня
Здравствуйте, нужен дизайн интерфейса
производим входные двери
хотел обратиться за редизайном
Здравствуйте, Евгений!
Конечно, наша команда займется этим
Начнем обсуждение вашего лучшего проекта?
Подписаться на рассылку
Согласен получать письма о новых работах и статьях и на обработку персональных данных
Reut Art
ReutArt © 2026
ИП Реут Артём Юрьевич · ИНН 910402081314 · ОГРНИП 320911200026247