Не устаревает через год
Строим на структуре, типографике и логике экрана. Через три года сайт выглядит актуально, и дальше вы обновляете его точечно.
Подход
Какой дизайн делаем
Сразу под все устройства
Рисуем макеты под десктоп, планшет и мобильный, учитываем правила iOS и Android. Клиент видит аккуратный интерфейс с любого устройства.
Легко развивать
Собираем дизайн‑систему из сеток, компонентов, состояний и правил. Новый раздел команда потом набирает из готовых блоков и не рисует его заново.
Без проблем в разработке
Передаём макеты со всеми состояниями, отступами и поведением элементов. Разработчик ничего не додумывает, просто верстает.
Работает на задачу бизнеса
Каждое решение в макете сверяем с тем, что вы считаете результатом. Это число заявок, средний чек или скорость работы отдела.
Остаётся вашим активом
Исходники в Figma, дизайн‑систему и описание сценариев забираете себе. Следующий продукт можно начинать уже с этой базы.
Почему мы
Почему заказывают у нас
Сильный дизайн
Направление ведёт опытный арт‑директор, дизайнеры и аналитики — в штате. Наши работы берут первые места в номинациях Рейтинга Рунета.
Начинаем не с нуля
Каркасы кабинета, таблиц с фильтрами и админки у нас уже собраны и проверены на проектах. Бюджет уходит на вашу предметную область.
AI-first разработка
ИИ перебирает варианты экранов и вычитывает тексты интерфейса. Решения по сценариям принимают дизайнер и аналитик.
Прототип на первой неделе
Ключевой сценарий даём пощёлкать через неделю после старта. Спорить об экранах на прототипе дешевле всего.
Работаем по Fixed Price
Сначала разбираем задачу, потом называем цену и срок. Между разбором и договором цифру не пересматриваем.
Макеты, которые можно собрать
Мы сами собираем такие продукты, поэтому считаем разработку прямо по макетам. Дизайнер выбирает решения, которые команда соберёт в срок и в бюджет.
Для кого
В каких отраслях работаем
E‑commerce
Каталоги на сотни тысяч SKU, корзина, оплата и синхронизация с 1С.
Ритейл
Приложения для покупателей и персонала, лояльность и витрины.
Финтех и B2B
Кабинеты, платежи и СБП, персональные цены для тысяч контрагентов.
Event и медиа
Пики нагрузки, push и контент в реальном времени.
HRTech
Рекрутинг, gig-платформы и маркетплейсы услуг с матчингом.
MedTech
Медицинские сервисы, запись, телемедицина и рекомендации.
Логистика
Маршруты, статусы и трекинг в реальном времени, ТСД и сканеры.
ИИ-продукты
Компьютерное зрение, распознавание и ИИ‑агенты в корпоративном контуре.
Кейсы
Что изменилось после дизайна
Радиоэлемент
500 000+
товаров в каталоге — поиск и фильтры под этот объём
InShipment
NPS +23
пункта после переработки интерфейсов
GigAnt
3000+
человек ежедневно находят смену
Рабочий экран
Интерфейс под реальные данные
На макетах обычно показывают удачный случай, где данных мало и ошибок нет. Мы проектируем то, что происходит в остальное время. Именно из‑за него люди бросают систему и снова садятся за таблицы.
01
Данных больше, чем на макете
На макете пять строк, в работе — несколько тысяч. Решаем, что человек видит сразу, а что открывает сам. Тогда он находит нужное прямо в системе и не заказывает выгрузку.
02
У каждой роли своя картина
Руководитель, менеджер и клиент смотрят на одни данные по‑разному. Виды под каждую роль согласуем до вёрстки, поэтому один и тот же экран не переделывают дважды.
03
Понятно, что делать при сбое
Список пуст, оплата не прошла, данные идут долго. Человек видит, что случилось и какой шаг сделать дальше, и не пишет об этом в поддержку.
04
Повторяющиеся действия
Сменить статус сразу у всех отобранных строк вместо того, чтобы открывать каждую. Тому, кто работает в системе всю смену, это возвращает часы.
Стек
Чем проектируем и что передаём
Инструменты у всех одинаковые. Разница в том, что макеты уходят к нашим же разработчикам, и спорные места мы находим до вёрстки.
Исследования
- Интервью
- Наблюдение
- CJM
- Метрика
- Юзабилити‑тесты
Проектирование
- Figma
- Прототипы
- Сценарии
- Роли
- Состояния
Визуал
- Дизайн‑система
- Токены
- Адаптив
- Тёмная тема
- Иконки
Передача
- Спеки
- Vue-компоненты
- Flutter-виджеты
- Дизайн‑ревью
- Авторский надзор
Цена
Стоимость дизайна
от 300 тыс. ₽
Цену собираем из числа уникальных экранов, сложности данных и объёма исследований. Смету присылаем после разбора задачи и дальше цену не поднимаем.
01
Уникальные экраны
Считаем шаблоны экранов. В кабинете на сто страниц их обычно двенадцать, и это другой объём работы.
02
Сложность данных
Таблица на пять колонок и таблица на сорок с фильтрами — разная работа. Второй случай дороже.
03
Роли и состояния
Чем больше ролей, тем больше видов одного экрана. Каждый вид рисуем и согласуем отдельно.
04
Исследования
Интервью, наблюдение за работой и юзабилити‑тесты считаем отдельным объёмом работ.
Погружение
Дизайн под ваш процесс
Начинаем с ваших документов
Регламенты, инструкции и обращения в поддержку читаем до встречи. На разговор приходим с конкретными вопросами, и ваши люди отвечают на них коротко.
Говорим вашими словами
У вас «заявка» и «отгрузка» значат своё. Словарь собираем на старте и держим его в макетах, поэтому сотрудники видят в интерфейсе привычные слова.
Спрашиваем про исключения
Возвраты, пересорт, отмена после отгрузки. Типовой сценарий рисуют все, а продукт ломают как раз редкие случаи. Разбираем их до разработки.
Ошибку в понимании ловим до макетов
Описание процесса своими словами присылаем до отрисовки экранов. Если мы поняли что‑то не так, вы правите текст, а не оплаченные макеты.
Этапы работы
Как идёт работа
[01] Разбор и оценка
Разбираем задачу, пользователей и ограничения продукта. Список экранов и смету получаете за 3 дня.
[02] Сценарии и роли
Расписываем, кто что делает в системе и что при этом видит. Здесь же решаем, каких экранов не хватает.
[03] Прототип
Собираем кликабельную логику без визуала. Даём её пройти вашим сотрудникам и правим по замечаниям.
[04] Визуал
Визуальное направление показываем на двух‑трёх экранах. Дальше остальные экраны собираем в том же ключе и заметно быстрее.
[05] Дизайн‑система
Компоненты, состояния, сетки и адаптив собираем в систему. Новые экраны потом рисуют из готового.
[06] Передача и надзор
Отдаём макеты со спеками и разбираем их с разработчиками. Приёмку проходим вместе на живых страницах.
Гарантии
Гарантии и права на дизайн
Правки в рамках задачи
Внутри согласованного объёма правки отдельно не считаем. Число кругов согласования прописываем в договоре.
Гарантия на макеты
Расхождение с макетом или недостающее состояние, найденное после сдачи, дорисовываем за свой счёт.
Права на дизайн — ваши
Передачу прав на макеты закрепляем договором. NDA подписываем ещё до старта, а работы не уходят в портфолио без вашего согласия.
С нами надолго
После первого проекта клиенты обычно приходят снова. Часть продуктов мы ведём дизайном годами, от одной версии к другой.
FAQ
Частые вопросы о дизайне интерфейсов
Работы начинаем от 300 тыс. ₽. Больше всего на цену влияет число уникальных шаблонов экранов, дальше идут сложность данных и объём исследований. Посчитаем по вашему списку экранов и пришлём смету.
Прототип ключевого сценария показываем на первой неделе. Макеты с адаптивом и дизайн‑системой занимают от месяца для небольшого сервиса, а продукт с ролями и десятками экранов — 2–3 месяца. Макеты отдаём частями, разработке не нужно ждать финала.
В Figma вы получаете макеты всех согласованных экранов с состояниями и адаптивом, дизайн‑систему с компонентами и токенами и кликабельный прототип. Плюс описание сценариев — что происходит на каждом шаге и что видит человек при ошибке.
Да, под редизайн у нас отдельная услуга и отдельная страница. Разница в том, что там мы отвечаем ещё и за поисковый трафик — фиксируем страницы‑кормильцы и готовим карту редиректов до релиза.
Отдаём макеты со спеками, разбираем их с вашими разработчиками и отвечаем на вопросы по ходу вёрстки. Если у вас уже есть дизайн‑система, работаем внутри неё и возвращаем правки обратно.
Отзывы
Что говорят клиенты
Выражаю признательность команде Соde Pilots и, в частности, Дмитрию Васильеву, за проделанную работу по разработке мобильного приложения. Приложение позволило значительно расширить клиентскую базу и функциональные возможности, повысить конверсию и лояльность клиентов.
В этом году команда Code Pilots оперативно включилась в разработку мобильного приложения VK Fest и гибко подстраивалась под уточняющие требования и новые вводные. А самое важное — уложилась в обозначенные сроки, не потеряв в качестве результата. От имени всей команды VK благодарим вас за отличную работу!
Мы обратились к Code Pilots, когда поняли, что дальнейшее развитие проекта невозможно без автоматизации процессов. Совместно с ними мы разработали первую версию HRM, мобильного приложения и выпустили MVP. Мы довольны высоким техническим уровнем команды, клиентоориентированностью и ответственностью.
Наше сотрудничество началось в октябре 2015, и на данный момент наш сайт стал не только красивее и стабильнее в работе, но и гораздо более удобным для пользователей. Главное — увеличилась конверсия в оплаченные заказы. Крайне доволен сотрудничеством.
Очень довольна результатом работы! Code Pilots очень быстро отреагировали на мой запрос по созданию бота: быстро придумали алгоритм действия и написали его. Команда оставалась на связи и помогла установить бота на мой ресурс. Очень рекомендую Code Pilots, в том числе для решения самых нестандартных задач!
Наша команда
Если вы самый умный человек в комнате,
то вы не в той комнате, где должны находиться. Руководствуясь этим принципом, Дмитрий не только собрал вокруг себя сильную команду,
но еще и постоянно общается с более опытными предпринимателями для обмена опытом.
то вы не в той комнате, где должны находиться. Руководствуясь этим принципом, Дмитрий не только собрал вокруг себя сильную команду,
но еще и постоянно общается с более опытными предпринимателями для обмена опытом.
Дмитрий Васильев
CEO Code Pilots
Суперспособность Александра — разбираться
в любой, даже самой нестандартной задаче. Погрузиться в сферу логистики и найти точки роста для бизнеса? Или собрать собственную камеру
с функцией распознаванием автотранспорта?
Нет ничего невозможного.
в любой, даже самой нестандартной задаче. Погрузиться в сферу логистики и найти точки роста для бизнеса? Или собрать собственную камеру
с функцией распознаванием автотранспорта?
Нет ничего невозможного.
Александр Трофимов
Co-Founder, Head of International Department
Опыт работы в РЖД не прошел бесследно: теперь Саша не боится любых вызовов. Сейчас он успешно руководит менеджерами и в курсе каждой детали
в каждом проекте. Исправно добивается своевременной сдачи даже в самых сложных условиях.
Александр Манов
Head of Project Management Department
Лена переводит абстрактные идеи в сухой язык технического задания и отлично работает
с аналитикой. Точно определяет точки роста для любых проектов. А еще Лена отличный собеседник.
Поэтому работа над ТЗ у нас всегда проходит приятно!
с аналитикой. Точно определяет точки роста для любых проектов. А еще Лена отличный собеседник.
Поэтому работа над ТЗ у нас всегда проходит приятно!
Елена Моисеенко
Business Analyst
О нас
Петербургская студия заказной разработки полного цикла
Делаем мобильные и веб‑продукты со сложной логикой, интеграциями и высокой нагрузкой. Внутри — кластеры дизайна, Flutter, нативной разработки и аналитики. Основатели — совладельцы других бизнесов: смотрим на задачи по-предпринимательски.
12+
лет на рынке
100+
реализованных проектов
60+
специалистов в штате
Tagline
Awards 2023 — золото
Нам доверяют
Alfamed
Медицинский сервис и мобильное приложение
TMG
Корпоративный портал и веб‑сервисы
Эталон
Сайт и приложение для делового клуба
Газпром Профсоюз
Личный кабинет и мобильное приложение
РКО
Финтех‑сервис и интеграции
Slice
E‑commerce платформа под ключ