Не устаревает через год
Строим на структуре, типографике и логике экрана. Через три года сайт выглядит актуально, и дальше вы обновляете его точечно.
Дизайн сайтов и веб‑приложений
Проектируем интерфейсы любого масштаба: от внутренних систем компании до B2B-кабинетов и B2C-сервисов. Над дизайном работает наш собственный кластер: арт‑директор, дизайнеры и аналитики с опытом в финтехе, медицине, логистике, e‑commerce и промышленности. Интерфейс продумываем целиком. Пользователь сразу понимает, что делать, лишнее его не отвлекает, и он доходит до целевого действия. А бизнес получает свой результат: заявки, допродажи и повторные заказы.
Подход
Какой дизайн делаем
Сразу под все устройства
Рисуем макеты под десктоп, планшет и мобильный, учитываем правила iOS и Android. Клиент видит аккуратный интерфейс с любого устройства.
Легко развивать
Собираем дизайн‑систему из сеток, компонентов, состояний и правил. Новый раздел команда потом набирает из готовых блоков и не рисует его заново.
Без проблем в разработке
Передаём макеты со всеми состояниями, отступами и поведением элементов. Разработчик ничего не додумывает, просто верстает.
Работает на задачу бизнеса
Каждое решение в макете сверяем с тем, что вы считаете результатом. Это число заявок, средний чек или скорость работы отдела.
Остаётся вашим активом
Исходники в Figma, дизайн‑систему и описание сценариев забираете себе. Следующий продукт можно начинать уже с этой базы.
Почему мы
Почему заказывают у нас
Сильный дизайн
Направление ведёт опытный арт‑директор, дизайнеры и аналитики — в штате. Наши работы берут первые места в номинациях Рейтинга Рунета.
Начинаем не с нуля
Каркасы кабинета, таблиц с фильтрами и админки у нас уже собраны и проверены на проектах. Бюджет уходит на вашу предметную область.
AI-first разработка
ИИ перебирает варианты экранов и вычитывает тексты интерфейса. Решения по сценариям принимают дизайнер и аналитик.
Прототип на первой неделе
Ключевой сценарий даём пощёлкать через неделю после старта. Спорить об экранах на прототипе дешевле всего.
Работаем по Fixed Price
Сначала разбираем задачу, потом называем цену и срок. Между разбором и договором цифру не пересматриваем.
Макеты, которые можно собрать
Мы сами собираем такие продукты, поэтому считаем разработку прямо по макетам. Дизайнер выбирает решения, которые команда соберёт в срок и в бюджет.
Для кого
В каких отраслях работаем
Финтех
Кабинеты, платежи и отчёты. Проектируем экраны, где ошибка стоит денег, поэтому подтверждения и состояния прорисовываем отдельно.
Медицина
Запись, карта пациента и телемедицина. С телефона пациент доходит до записи за минуту, а врач видит нужное на одном экране.
Промышленность
Заявки, наряды и учёт. Интерфейс рассчитываем на смену в цехе, где работают в перчатках и с дешёвого планшета.
Логистика
Рейсы, статусы и документы. Клиент видит, где его груз, а диспетчер ведёт таблицу на сотни строк, не теряя в ней место.
E-commerce
Витрина, фильтры и оформление заказа. Путь до оплаты собираем так, чтобы покупатель не терялся на середине.
B2B-дистрибуция
Прайсы, лимиты и повторные заказы. Дилер повторяет прошлую отгрузку в два клика и видит свои условия сразу.
HRTech
Подбор, адаптация и учёт смен. Новый сотрудник проходит свой сценарий без инструкции и звонка коллеге.
EdTech
Курсы, прогресс и проверка работ. Слушатель видит, где он остановился, а преподаватель проверяет поток работ подряд.
Кейсы
Интерфейсы, которые мы проектировали
Радиоэлементы
500 000+
товаров в каталоге — поиск и фильтры под этот объём
InShipment
в 5,4 раза
меньше обращений в поддержку после нового интерфейса
GigAnt
3000+
человек ежедневно находят смену
Проектирование
Что входит в проектирование интерфейса
Хороший интерфейс не замечают: человек просто делает то, за чем пришёл. Чтобы так получилось, мы проектируем не только экраны, но и то, что происходит между ними.
01
Находим, где теряются люди
Разбираем Метрику, записи сессий и обращения в поддержку. Видим, на каком шаге человек уходит или начинает звонить, и начинаем работу с этого места.
02
Ведём к целевому действию
Считаем шаги до заявки, оплаты или повторного заказа и убираем лишние. На нужных экранах ставим допродажи и подсказки, которые не мешают основному пути.
03
Показываем главное, остальное — по запросу
Решаем, что человек видит сразу, а что открывает сам. Даже в таблице на тысячи строк он находит нужное за секунды и не просит выгрузку.
04
Разные экраны для разных ролей
Руководителю нужны итоги, менеджеру — список задач, клиенту — статус заказа. Для каждой роли собираем свой вид, чтобы никто не продирался через чужие данные.
05
Продумываем сбои и пустые экраны
Товара нет, оплата не прошла, данных ещё нет. Человек понимает, что случилось и что делать дальше, и не уходит со страницы.
06
Проверяем на людях до разработки
Даём прототип пройти реальным пользователям и вашим сотрудникам. Спорные решения решаем по тому, как люди прошли сценарий, а не по вкусу.
Стек
Чем проектируем и что передаём
Инструменты у всех одинаковые. Разница в том, что макеты уходят к нашим же разработчикам, и спорные места мы находим до вёрстки.
Исследования
- Интервью
- Наблюдение
- CJM
- Метрика
- Юзабилити‑тесты
Проектирование
- Figma
- Прототипы
- Сценарии
- Роли
- Состояния
Визуал
- Дизайн‑система
- Токены
- Адаптив
- Тёмная тема
- Иконки
Передача
- Спеки
- Vue-компоненты
- Flutter-виджеты
- Дизайн‑ревью
- Авторский надзор
Цена
Стоимость дизайна
от 300 тыс. ₽
Цену собираем из числа уникальных экранов, сложности данных и объёма исследований. Смету присылаем после разбора задачи и дальше цену не поднимаем.
01
Уникальные экраны
Считаем шаблоны экранов. У большого кабинета страниц сотни, а неповторяющихся макетов заметно меньше.
02
Сложность данных
Короткий список и таблица с фильтрами, сортировкой и массовыми действиями — разная работа. Второй случай дороже.
03
Роли и состояния
Чем больше ролей, тем больше видов одного экрана. Каждый вид рисуем и согласуем отдельно.
04
Исследования
Интервью, наблюдение за работой и юзабилити‑тесты считаем отдельным объёмом работ.
Погружение
Дизайн под ваш процесс
Уже знаем вашу отрасль
Проектировали для финтеха, медицины, логистики, e‑commerce и промышленности. Базовые вещи объяснять не придётся, встречи уходят на вашу специфику.
Разбираемся, на чём вы зарабатываете
Выясняем, какие цифры важны именно вам: заявки, средний чек, повторные заказы или скорость работы отдела. Интерфейс проектируем так, чтобы он двигал эти цифры.
Смотрим на реальных пользователей
Говорим с клиентами и сотрудниками, изучаем аналитику и обращения в поддержку. Дизайн строим на том, как люди действительно покупают и работают, включая возвраты, отмены и другие редкие случаи.
Бережём время вашей команды
Документы и аналитику изучаем до встречи и приходим с конкретными вопросами. Понимание задачи присылаем текстом до макетов: поправить абзац дешевле, чем оплаченный экран.
Этапы работы
Как идёт работа
[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 платформа под ключ