ДИЗАЙН
ДИЗАЙН ПРИЛОЖЕНИЙ
- 30+ проектов
- от 1 недели
- готово к разработке
Интерфейсы мобильных, десктопных и веб-приложений: сценарии экранов, состояния, ошибки, пустые экраны. Проектируем то, чем пользуются каждый день, — приоритет у удобства, а не у эффекта первого экрана.
КОМУ ПОДХОДИТ?
Три ситуации, в которых интерфейс решает судьбу продукта
- .01
ПРОДУКТ ЕСТЬ, ИМ НЕУДОБНО ПОЛЬЗОВАТЬСЯ
Приложение работает, функции на месте, но люди не доходят до второго экрана. Или доходят и делают не то — а поддержка объясняет одно и то же каждому новому пользователю. Причина почти никогда не в функциях. Она в том, что интерфейс собирали по мере разработки: каждый экран решали отдельно, а общей логики между ними не появилось.
- .02
РАЗРАБОТКА ИДЁТ, МАКЕТОВ НЕТ
Команда собирает продукт на ходу: экраны рисует разработчик, кнопки берутся откуда придётся, каждая новая функция добавляется туда, где нашлось место. Дальше начинается математика не в вашу пользу: переделка интерфейса в готовом продукте стоит в разы дороже, чем проектирование до начала разработки, — и почти всегда её приходится делать.
- .03
ЭТИМ РАБОТАЮТ ВЕСЬ ДЕНЬ
Внутренняя система, кабинет оператора, рабочее приложение для сотрудников. Человек проводит в нём восемь часов, и каждое лишнее действие умножается на сотни повторений в неделю. Здесь работают другие правила: важнее не первое впечатление, а плотность информации, скорость действий и то, что к концу дня человек не устаёт от собственного инструмента.
ЧТО ВХОДИТ
Ниже этого мы не делаем
- - Разбор сценариев и ролей.01
- - Структура экранов и прототип.02
- - Уникальный дизайн, не шаблон.03
- - Дизайн-система и компоненты.04
- - Все состояния: загрузка, ошибка, пусто.05
- - Правила платформ: iOS, Android, десктоп.06
- - Исходники и передача в разработку.07
- - Правки после сдачи.08
- ЭТО НИЖНЯЯ ГРАНИЦА, А НЕ ПАКЕТ
Всё перечисленное входит в любой проект — даже в самый простой и самый недорогой. Урезанных версий не бывает.
- ЭКРАНОВ ВСЕГДА БОЛЬШЕ, ЧЕМ КАЖЕТСЯ
На каждый основной экран приходится три-четыре служебных: загрузка, ошибка, пустой список, нет связи, нет прав. Продукты ломаются именно на них, поэтому они рисуются, а не дописываются разработчиком по ходу.
- СИСТЕМА, А НЕ НАБОР КАРТИНОК
Компоненты собираются один раз и переиспользуются. Новый экран потом собирается из готовых частей — вами, нами или вашим дизайнером.
ЧТО ВНУТРИ
КАЖДЫЙ ПРОЕКТ ВЫГЛЯДИТ ПО-СВОЕМУ
Мы не берём готовые сборки и не подгоняем бизнес под чужую сетку. Дизайн собирается под задачу с нуля: своя композиция, своя типографика, свой ритм, своя анимация. Поэтому два наших проекта не похожи друг на друга — откройте портфолио и сравните сами. У студий, которые работают на шаблонах, все проекты узнаются с первого экрана, и клиент это тоже замечает.
ДИЗАЙН, КОТОРЫЙ ПЕРЕЖИВЁТ РАЗРАБОТКУ
Красивый макет и работающий сайт — не одно и то же, и разница вскрывается на вёрстке: что при наведении, что при ошибке, что если текста втрое больше, что на планшете. Мы сами пишем код — поэтому знаем, где макет разваливается, и описываем это до того, как разработчик задаст вопрос. Верстать будем мы или ваша команда, результат совпадёт с картинкой, а не повторит её приблизительно.
СИСТЕМА, А НЕ НАБОР КАРТИНОК
Сетка, типографика, цвета, состояния, компоненты — собираются один раз и переиспользуются. Новая страница потом складывается из готовых частей, а не рисуется заново: это то, что отличает проект, который можно развивать, от проекта, который через полгода придётся переделывать. Плюс всё, что обычно забывают: пустые экраны, загрузка, ошибки, длинные тексты и то, как это выглядит на самом маленьком телефоне.
КРАСИВО И БЫСТРО — ЭТО ОДНА ЗАДАЧА
Сложная анимация, 3D, сценарий прокрутки — всё это легко нарисовать и трудно оставить лёгким. Обычно платят скоростью: сайт впечатляет на демонстрации и грузится четыре секунды у клиента. Мы проектируем эффект и его реализацию вместе — что считает браузер, что подгружается позже, что отключается на слабом устройстве. Тяжёлая сцена и медленный сайт — не одно и то же, и второе не обязательно.
КАТЕГОРИИ
Три варианта объёма. Ваш — тот, где вы себя узнали
ПРИЛОЖЕНИЕ ПОД ЗАДАЧУ
КОГДА ЭТО ВАШ СЛУЧАЙ?
Один понятный сценарий и один тип пользователя: каталог с заказом, запись, кабинет, приложение внутри Telegram. Вся базовая сборка целиком: разбор сценариев, структура экранов и прототип, уникальный дизайн, компоненты, все состояния, правила платформы, исходники и передача в разработку. Ничего урезанного — просто без надстроек, которые вам пока не нужны.
ПРОДУКТ
КОГДА ЭТО ВАШ СЛУЧАЙ?
Приложение — сам продукт: много экранов, несколько ролей, регулярное использование. Полная дизайн-система с библиотекой компонентов, светлая и тёмная темы, адаптация под iOS и Android или под разные размеры экранов, анимация и переходы, онбординг для новых пользователей, документация для разработки. Дизайн собирается так, чтобы новые функции добавлялись без переделки существующего.
РАБОЧАЯ СИСТЕМА
КОГДА ЭТО ВАШ СЛУЧАЙ?
Интерфейс, в котором проводят рабочий день: внутренняя система, панель оператора, инструмент для сотрудников. Здесь дизайн решает другую задачу — плотные таблицы и списки, массовые действия, фильтры и поиск, горячие клавиши, разные интерфейсы под разные роли, работа с большими объёмами данных на экране. Отдельно прорабатываются сценарии ошибок: где человек может ошибиться на автомате и как интерфейс этому сопротивляется.
FAQ
Частые вопросы — честные ответы.
От $1.000 за приложение с одним сценарием до $5.000 и выше за рабочую систему с несколькими ролями. Сумма зависит от количества уникальных экранов и сценариев, числа платформ и того, нужна ли полная дизайн-система с компонентами. После первого разговора вы получаете не оценку наугад, а план с объёмом работ по этапам.
Приложение с одним сценарием — 1–2 недели. Продукт с несколькими ролями и дизайн-системой — 1–3 недели. Рабочая система — от 2 недель. Отдельно закладывается проектирование до отрисовки: пока не описано, кто что делает и в каком порядке, рисовать экраны рано.
Не все экраны, но часть — да. У платформ разная навигация, разное поведение элементов и разные ожидания пользователей: приложение, полностью нарисованное по правилам одной платформы, на другой ощущается чужим. Мы делаем общую систему и адаптируем то, что действительно отличается. Это дешевле, чем два комплекта макетов, и честнее, чем один на обе платформы.
Да, это обычный сценарий — часть проектов мы делаем именно так, для компаний со своей командой и для других студий. Мы сами разрабатываем приложения, и это меняет качество передачи: макеты собираются с пониманием, как они будут реализованы. Никакой привязки к нашей разработке при этом нет.
Да, и это частый запрос. Сначала смотрим, что происходит сейчас: где люди застревают, до чего не доходят, с чем обращаются в поддержку. Дальше два варианта — точечно переделать проблемные места или пересобрать интерфейс целиком на дизайн-системе. Первое дешевле и быстрее, второе имеет смысл, если продукт будет расти дальше.
Границу фиксируем до старта: обычно два круга правок на этапе направления и два на этапе финальных экранов. Правки внутри выбранного направления входят в работу. Смена направления после утверждения — новая задача со своим сроком и стоимостью.
Работаем в Figma. На выходе — файл с экранами, компонентами, стилями и описанием состояний, доступ остаётся у вас навсегда. Плюс всё для разработки: экспорт иконок и изображений под нужные плотности экрана, шрифты, описание анимаций и переходов. Если разрабатывать будет ваша команда — передаём с созвоном и отвечаем на вопросы в процессе.
Вам. Файлы, права и все материалы передаются вместе с проектом. Работать с ними дальше может любой дизайнер — мы собираем файл так, чтобы в нём разобрался человек, который его не рисовал.
Правки после сдачи входят в работу — обычно они всплывают, когда разработка доходит до сложных мест. Дальше приложение растёт: новые функции, новые экраны. Если дизайн-система собрана правильно, большинство из них ваша команда соберёт сама. Что требует дизайнера — делаем отдельно, по мере необходимости.