Начать проект

Обсудим проект?

Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности.

Отправлено!

Спасибо за заявку, мы свяжемся с вами в ближайшее время!

Редизайн сайта и веб‑сервисов

За 12 лет мы собрали больше сотни сайтов и сервисов, и каждый редизайн начинаем с цифры, которую нужно поднять. Экраны собираем из единых компонентов, поэтому дальше сайт дешевле поддерживать и развивать. План работ со сметой присылаем за 3 рабочих дня.

Обсудить задачу
Редизайн сайта и веб-сервисов — Code Pilots

Ситуации

С чем к нам приходят

Трафик есть, заявок нет

Люди доходят до страницы товара или услуги и уходят. Разбираем путь по шагам и находим, где мы их теряем. У Jewelry Me после такой переработки заказов стало вдвое больше.

Конкуренты выглядят лучше

Дизайн делали восемь лет назад, и на встрече сайт открывать неловко. Смотрим, что в нём реально мешает продавать, и отделяем это от вкусовщины.

Каждый раздел рисуют заново

Страницы копят разные кнопки, отступы и шрифты, а правки расходятся по копиям. Собираем компоненты и правила, и новый раздел верстают из готового за дни.

Дизайнера в штате нет

Вакансия висит месяцами, а сайт нужен сейчас. Берём направление целиком и работаем вашей дизайн‑командой на время проекта.

Согласование тонет в правках

Каждый круг добавляет неделю, и проект стоит. Направление согласуем на паре ключевых экранов, дальше остальные идут без новых кругов.

Интерфейс достался в наследство

Макетов нет, логика живёт в головах, править страшно. Разбираем, что уже работает, и переделываем частями. Так вытащили платформу InShipment.

Почему мы

Почему заказывают у нас

Сильный дизайн

За направление отвечает арт‑директор, который работает с нами много лет. Наши редизайны забирали золото Tagline Awards и номинации Рейтинга Рунета.

Начинаем не с нуля

У нас собрана своя библиотека компонентов и готовые каркасы каталога, кабинета и оформления заказа. Бюджет уходит на ваши сценарии, а не на основу.

AI-first разработка

ИИ собирает варианты экранов, разбирает аналитику и готовит спеки для разработчиков. Дизайнер за ту же неделю успевает больше.

Прототип за неделю

Главную и одну ключевую страницу собираем в кликабельный прототип за неделю. Спорные решения снимаем на нём, пока ничего не отрисовано.

Работаем по Fixed Price

До подписания вы видите список экранов и работ, из которых сложилась цена. Дальше сумма не растёт — недооценку закрываем своими часами.

Предпринимательский взгляд

Основатели — совладельцы других бизнесов. Разговор про заявки, повторные покупки и стоимость лида понимаем с полуслова.

Для кого

В каких отраслях работаем

E‑commerce

Каталоги на сотни тысяч SKU, корзина, оплата и синхронизация с 1С.

Ритейл

Приложения для покупателей и персонала, лояльность и витрины.

Финтех и B2B

Кабинеты, платежи и СБП, персональные цены для тысяч контрагентов.

Event и медиа

Пики нагрузки, push и контент в реальном времени.

HRTech

Рекрутинг, gig-платформы и маркетплейсы услуг с матчингом.

MedTech

Медицинские сервисы, запись, телемедицина и рекомендации.

Логистика

Маршруты, статусы и трекинг в реальном времени, ТСД и сканеры.

ИИ-продукты

Компьютерное зрение, распознавание и ИИ‑агенты в корпоративном контуре.

Кейсы

Что изменилось после редизайна

Jewelry Me

Jewelry Me

×2

заказы после переработки сценариев; поддержка разгружена в 5 раз

InShipment

InShipment

NPS +23

пункта — переработали около 90% функционала платформы

PetShop

PetShop

5 месяцев

заняла полная переработка магазина на новой платформе

Трафик

Редизайн без потери трафика

Сайт, который приносит заявки, страшно трогать — и это разумно. Поэтому поисковую часть ведём параллельно с дизайном, с самого первого дня.

01

Смотрим, что кормит сайт

До макетов выгружаем страницы, которые дают трафик и заявки. Их адреса и заголовки помечаем как неприкосновенные.

02

Адреса и редиректы

Структуру без нужды не меняем. Там, где новый адрес неизбежен, карту редиректов готовим до релиза.

03

Мету и контент переносим

Заголовки, описания и разметку снимаем со старых страниц и переносим на новые. На переезде ничего не теряем.

04

Сверяем те же метрики

После запуска смотрим трафик, заявки и позиции по тем же отчётам, что и до редизайна. Просадку по заявкам увидим уже на второй неделе.

Стек

В чём работаем и что отдаём

Инструменты обычные, важнее порядок работы. Сначала разбираем цифры и сценарии, и только потом рисуем.

Аналитика

  • Метрика
  • Вебмастер
  • Тепловые карты
  • Записи сессий
  • A/B

Проектирование

  • Figma
  • Прототипы
  • CJM
  • Сценарии
  • Роли

Визуал

  • Дизайн‑система
  • Токены
  • Состояния
  • Адаптив
  • Тёмная тема

Перенос

  • Карта URL
  • Редиректы
  • Спеки
  • Vue-компоненты
  • Авторский надзор

Цена

Стоимость редизайна

от 300 тыс. ₽

На цену влияют число уникальных экранов, глубина исследований и нужна ли своя дизайн‑система. Смету со списком работ присылаем после разбора.

Получить расчёт
01

Уникальные экраны

Сайт на сорок страниц часто собран из восьми неповторяющихся шаблонов — их и считаем.

02

Глубина исследований

Интервью с клиентами, тесты прототипа и разбор аналитики считаем отдельным объёмом работ.

03

Дизайн-система

Разовые макеты дешевле на старте. Система выгоднее со второй фичи, ведь новые экраны потом собирают из готового.

04

Вёрстка и внедрение

Макеты можем передать вашей команде или взять вёрстку на себя. Второй вариант считаем отдельно от дизайна.

Передача

Как макеты доходят до прода

Спеки вместо картинок

К каждому экрану описываем поведение. Разработчик видит, что показать при ошибке, пустом списке и долгой загрузке.

Дизайнер остаётся на проекте

Пока идёт вёрстка, дизайнер разбирает макеты с разработчиками и отвечает на их вопросы. Авторский надзор входит в смету.

Дизайн-ревью вёрстки

Перед приёмкой проходим по свёрстанным страницам и сверяем их с макетом. Отступы, состояния кнопок и поведение на узких экранах — по списку.

Скорость не проседает

Вес картинок, шрифтов и анимаций согласуем с фронтендом до вёрстки. Обидно потерять позиции из‑за макета, который грузится четыре секунды.

Этапы работы

Как идёт редизайн

[01] Аудит и оценка

Смотрим аналитику, структуру и то, что приносит заявки. Смету и план работ присылаем за 3 дня.

[02] Структура и сценарии

Решаем, какие разделы оставить, какие объединить и что добавить. Карту экранов согласуем до прототипа.

[03] Прототип

Новую структуру собираем прототипом без картинок. По нему проверяем, что старые пути к заявке никуда не потерялись.

[04] Визуал

Сначала ключевые экраны, потом остальные. Направление согласуем на паре экранов и дальше идём быстро.

[05] Дизайн‑система

Кнопки, формы, таблицы и состояния выносим в общую библиотеку. Следующие разделы команда верстает из готового.

[06] Запуск частями

Выкладываем разделами. Если один просел по цифрам, видим это сразу и правим точечно.

Гарантии

Гарантии и права на макеты

Правки в рамках задачи

Круги согласования считаем заранее и пишем их число в договоре. Внутри объёма правки не тарифицируем.

Гарантия на макеты

Экран, который забыли включить в объём, добавляем без нового счёта.

Макеты и права — ваши

Макеты, компоненты и права на дизайн — ваши. Доступ к рабочему файлу открываем с первого дня, NDA подписываем на старте.

С нами надолго

Сайт PetShop мы ведём больше десяти лет и переделывали его не один раз. Редизайн у нас обычно не последний проект с клиентом.

FAQ

Частые вопросы о редизайне сайта

Берёмся за редизайн от 300 тыс. ₽. Дальше цену двигают три вещи. Это число неповторяющихся шаблонов, глубина исследований и дизайн‑система. Итоговую цифру считаем по вашему списку страниц.

Такой риск есть у любого переезда, поэтому мы за ним следим. Сверяем те же отчёты, что были до запуска, и уже на второй неделе видно динамику. Просевший раздел правим точечно или возвращаем к прежней структуре.

Первую неделю занимает прототип, дальше идут макеты. С адаптивом и дизайн‑системой они занимают от месяца для небольшого сайта до 2–3 месяцев для магазина или портала с кабинетами. Вёрстку и внедрение считаем отдельным этапом.

Можем взять это на себя — в студии есть фронтенд на Vue.js и бэкенд‑команда. Если верстает ваша команда или другой подрядчик, отдаём макеты со спеками, разбираем их с разработчиками и участвуем в приёмке.

Картинки ИИ рисует быстро, и мы сами пользуемся им на этапе вариантов. Он не знает, какие ваши страницы приносят заявки и что нельзя ломать в структуре. Что оставить и что переносить, разбирают люди с вашей аналитикой на руках.

Отзывы

Что говорят клиенты

01

Выражаю признательность команде Соde Pilots и, в частности, Дмитрию Васильеву, за проделанную работу по разработке мобильного приложения. Приложение позволило значительно расширить клиентскую базу и функциональные возможности, повысить конверсию и лояльность клиентов.

Валерий Сиротин
Валерий Сиротин, Исполнительный директорPetShop
02

В этом году команда Code Pilots оперативно включилась в разработку мобильного приложения VK Fest и гибко подстраивалась под уточняющие требования и новые вводные. А самое важное — уложилась в обозначенные сроки, не потеряв в качестве результата. От имени всей команды VK благодарим вас за отличную работу!

Елена Багудина
Елена Багудина, Генеральный директорВКонтакте
03

Мы обратились к Code Pilots, когда поняли, что дальнейшее развитие проекта невозможно без автоматизации процессов. Совместно с ними мы разработали первую версию HRM, мобильного приложения и выпустили MVP. Мы довольны высоким техническим уровнем команды, клиентоориентированностью и ответственностью.

Михаил Вальковский
Михаил Вальковский, Технический директорGigAnt
04

Наше сотрудничество началось в октябре 2015, и на данный момент наш сайт стал не только красивее и стабильнее в работе, но и гораздо более удобным для пользователей. Главное — увеличилась конверсия в оплаченные заказы. Крайне доволен сотрудничеством.

Дмитрий Киро
Дмитрий Киро, Генеральный директорRoseMarkt
05

Очень довольна результатом работы! Code Pilots очень быстро отреагировали на мой запрос по созданию бота: быстро придумали алгоритм действия и написали его. Команда оставалась на связи и помогла установить бота на мой ресурс. Очень рекомендую Code Pilots, в том числе для решения самых нестандартных задач!

Наталия Трушевская
Наталия Трушевская, Генеральный директорСЦ Феникс

Наша команда

О нас

Петербургская студия заказной разработки полного цикла

Делаем мобильные и веб‑продукты со сложной логикой, интеграциями и высокой нагрузкой. Внутри — кластеры дизайна, Flutter, нативной разработки и аналитики. Основатели — совладельцы других бизнесов: смотрим на задачи по-предпринимательски.

12+

лет на рынке

100+

реализованных проектов

60+

специалистов в штате

Tagline

Awards 2023 — золото

Нам доверяют

Alfamed
Alfamed Медицинский сервис и мобильное приложение
TMG
TMG Корпоративный портал и веб‑сервисы
Эталон
Эталон Сайт и приложение для делового клуба
Газпром
Газпром Профсоюз Личный кабинет и мобильное приложение
РКО
РКО Финтех‑сервис и интеграции
Slice
Slice E‑commerce платформа под ключ