Обсудить проект
IMPACT / Давайте знакомиться

Обсудим ваш
следующий проект.

Письмо вашей будущей команде.

С чем поможем?
Выбрать услуги
Что вам нужно?

Нажмите на нужные плашки. Повторное нажатие снимает выбор.

Формат работы

Отдельная задача — одна конкретная работа.
Комплексный проект — несколько направлений с общей командой и планом.

Услуги · можно выбрать несколько

Как используются данные

Форма составляет текст обращения на вашем устройстве. Вы самостоятельно отправляете его команде IMPACT в Telegram. До отправки данные остаются в этой форме.

Подготовим обращение для отправки в Telegram.

Редизайн сайта под новые задачи бизнеса.

Изучаем действующий сайт и выбираем масштаб изменений: отдельный сценарий, структуру или полный продукт. Планируем перенос содержания, адресов и данных до запуска.

Иллюстрация услуги: интерфейсы и рабочие материалы
02 / Задачи обновления

Что перестало работать
для вашего бизнеса?

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

01 / Путь к обращению

Посетители есть. Заявок мало.

Схема проверки
ИнтересУсловияЗаявка?

На каком шаге теряется обращение?

Что проверяем

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

Какое решение принимаем

Выбираем, где изменить страницу или убрать лишний шаг.

02 / Содержание и структура

Бизнес вырос. Сайт остался прежним.

Схема проверки
На сайтеПрежнее предложениеВ бизнесеНовые услуги и направления
Что проверяем

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

Какое решение принимаем

Определяем, какие разделы обновить, добавить или объединить.

03 / Мобильный сценарий

На телефоне неудобно выбирать.

Схема проверки
ОбращениеОтправить

Читается?
Удобно нажать?
Понятно, что дальше?

Что проверяем

Проходим меню, выбор услуги и заполнение формы на телефоне.

Какое решение принимаем

Исправляем конкретные действия: от навигации до отправки.

04 / Работа с содержанием

Каждая правка зависит от разработчика.

Схема проверки
Редактор
Заголовок услуги

Текст и изображения

Публикация без правки кода
Что проверяем

Проверяем редактор, шаблоны страниц и права специалистов вашей команды.

Какое решение принимаем

Решаем, достаточно ли доработки редактора или нужна другая CMS.

Причина определяет масштаб: иногда достаточно одной правки, иногда нужны новая структура и перенос. Выбираем после проверки.

03 / Варианты работ

Три масштаба изменений.
Выбираем ваш.

Можно доработать отдельные страницы, изменить интерфейс или перенести сайт на новую платформу. Масштаб зависит от ограничений, а не от возраста сайта.

01 / Масштаб работ

Точечные улучшения

Проблема в отдельных страницах или действиях. Остальной сайт устраивает.

СтраницыИзменяем
ИнтерфейсСохраняем*
CMSСохраняем*
  • Чиним проблемные сценарии
  • Обновляем нужные блоки
  • Сохраняем рабочую основу
Обсудить доработки
02 / Масштаб работ

Редизайн интерфейса

Сайт не отражает бизнес; структура, содержание и mobile требуют пересмотра.

СтраницыИзменяем
ИнтерфейсИзменяем
CMSСохраняем*
  • Пересобираем структуру и подачу
  • Создаём адаптивный дизайн
  • Проверяем возможность сохранить CMS
Обсудить редизайн
03 / Масштаб работ

Редизайн с миграцией

Платформа ограничивает редактуру, функции или интеграции.

СтраницыИзменяем
ИнтерфейсИзменяем
CMSИзменяем
  • Проектируем новую версию
  • Переносим данные и интеграции
  • Готовим адреса и переключение
Обсудить миграцию

* Возможность сохранить основу подтверждаем после проверки сайта. Если масштаб пока неясен, начнём с диагностики.

04 / Этапы редизайна

От разбора сайта
до новой версии.

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

Что делаем

Разбор сайта

Проверяем аналитику, мобильные сценарии, содержание и технические ограничения.

Ваше решение

Согласуем цель обновления и то, что важно сохранить.

Результат этапа / пример состава

Аудит и приоритеты

Что проверяемРешение
Форма на mobileИсправить
Страницы из поискаСохранить
Редактирование контентаПроверить CMS
IMPACT / План проектаПример
Редизайн сайта

Этапы и контрольные точки

6 этапов · от вводных до результата

Условные периоды
12345678
01Разбор сайта
Работа команды

Проверяем аналитику, мобильные сценарии, содержание и технические ограничения.

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

Проектируем навигацию и основные страницы. Проверяем путь от поиска информации до обращения.

Результат и согласованиеСогласуем структуру и действия на ключевых экранах.
03Дизайн
Работа команды

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

Результат и согласованиеВыбираем направление и утверждаем макеты.
Контрольная точка — показ и согласование.

Пример последовательности. Длительность этапов и даты согласуем под проект.

Проекты IMPACT

Что меняем в интерфейсе — на реальных экранах.

Показываем решения из работающих сайтов: структуру, навигацию и адаптацию. Эти экраны иллюстрируют подход к обновлению интерфейса; это не сравнение «до и после».

Le Locle — полный экран версии для компьютера
Версия для компьютера
Le Locle — мобильный интерфейс
Мобильная версия
Каталог и сервис

Фотография раскрывает продукт, меню разделяет бренды и категории, а мобильная панель оставляет важные действия под рукой.

Смотреть кейс Le Locle
06 / Образ и mobile

Сначала проверяем сценарий.
Затем создаём дизайн.

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

01 / Материал для согласования

Прототип

Проверяем содержание и путь к обращению до оформления.

Ключевая страница / схема
Предложение
Состав и условияОснования выбрать
Обращение
Согласуем структуру, информацию и ключевые действия.
02 / Материал для согласования

Визуальная система

Выбираем характер сайта и проверяем его на ключевых экранах.

Характер / иерархия / акцентыЯсная мысль.
Выразительная форма.
Одна система
Согласуем концепцию; развиваем её в макетах и компонентах.
03 / Материал для согласования

Адаптивные экраны

Сохраняем содержание и действия при изменении ширины.

Один сценарий / два экрана
Выбор услугиУсловия и ответыОбратиться
Выбор услугиУсловияОбратиться
Проверяем чтение, меню, формы и состояния на телефоне.

Фрагменты показывают состав работы, а не дизайн реализованного проекта.

07 / Адреса и поиск

Новый сайт.
Продуманный переход из поиска.

Фиксируем важные страницы и адреса, готовим перенаправления и проверяем индексацию после запуска. Поисковые позиции могут меняться — наблюдаем за переходом, а не обещаем неизменный трафик.

Старый адресРешениеНовый адрес
Старый адрес/services/
Сохранён
Новый адрес/services/
Старый адрес/old-page/
Перенаправление
Новый адрес/solution/

Пример подхода · условный интерфейс

08 / Данные и устройство

Перенос — сначала
на тестовой версии.

Смена CMS нужна, когда действующая система ограничивает работу. Проверяем перенос контента, данных и интеграций до переключения рабочего сайта.

Действующая среда

Сайт работает.

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

  • Материалы
  • Аккаунты
  • Поля и связи
Открытый состав пакета

Содержание
и его связи.

Заголовок
Заголовок
Содержание
Содержание
Адрес
Маршрут
  1. Сопоставили
  2. Перенесли
  3. Сверили
Тестовая среда

Новая версия.

Готова к тестовому переносу.

  • Содержание
  • Редактор
  • Интеграции

Пример подхода · условный интерфейс

Технологии для обновления вашего сайта.

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

Текущая архитектура

Аудит платформы

  • 1С-Битрикс · WordPress

    Проверяем возможности CMS, расширения и обновления.

  • Laravel · Node.js

    Изучаем собственную серверную логику и API.

Выбор обновления или переноса обоснован задачами бизнеса.

Взаимодействие с клиентом

Новый интерфейс

  • HTML · CSS · JavaScript

    Обновляем адаптивность и пользовательские сценарии.

  • React · TypeScript

    Развиваем интерфейс, если его сложность требует этих инструментов.

Новый интерфейс решает текущие задачи посетителей.

Материалы и обмены

Перенос данных

  • MySQL · PostgreSQL

    Сохраняем материалы и связи при миграции.

  • API · CRM · 1С

    Проверяем существующие обмены после изменений.

Данные и рабочие связи сохраняются при переходе.

Публикация и контроль

Проверка выпуска

  • Редиректы и аналитика

    Контролируем адреса страниц и целевые события.

  • Резервная копия

    Готовим восстановление перед переключением на новый сайт.

Новая версия запускается с проверкой и планом восстановления.

09 / Специалисты

Специалисты под задачу.
Один ответственный за связь.

Состав зависит от масштаба редизайна. Менеджер объединяет специалистов, собирает обратную связь и помогает согласовать решения.

Специалисты IMPACT

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

До старта знакомим вас с командой и согласуем её задачи.

Состав подбираем под задачи проекта.

Стратег и редактор

Содержание и структура

Разбирают действующие страницы и определяют, что сохранить и что изменить.

Арт-директор и UX/UI-дизайнер

Дизайн и удобство

Обновляют подачу и пользовательские сценарии под задачи вашей аудитории.

Разработчики и технический директор

Работающий сайт

Переносят содержание и адреса, собирают новую версию и проверяют переключение.

Руководитель проекта — ваш контакт.

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

10 / Порядок работы

Вы понимаете,
что происходит с проектом.

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

Показ → обратная связь → решение.

На показе разбираем готовый материал. Вы собираете обратную связь со своей стороны; менеджер фиксирует договорённости и следующий шаг.

Пример / прототип ключевой страницы
Показываем
Структуру страницы, навигацию и форму обращения
Согласуем
Набор информации и ключевые действия
Далее
Дизайн утверждённого прототипа
IMPACT / Рабочее пространствоПример проекта
Редизайн сайта
МатериалыСледующий показНужен ваш выбор
Сейчас в работе

Прототип ключевой страницы

Материал
Карта новой структуры
Следующий шаг
Подтвердить новую структуру
Требуется ваше решениеПодтвердить новую структуруКарта новой структуры · материал для согласования
11 / Переключение

Запуск начинается
с проверки.

Проверяем заявки, интеграции, адреса и данные. Заранее определяем окно переключения и действия при критической ошибке.

АдресНужная страница открывается
Контрольный сценарий

/old-page/ → /solution/. Проверяем перенаправление и внутренние ссылки.

Ожидаемый результатНужная страница открывается

После исправления повторяем проверку до подтверждения.

ДанныеСостав сверён
Контрольный сценарий

Материалы, аккаунты и связи соответствуют карте переноса.

Ожидаемый результатСостав сверён

После исправления повторяем проверку до подтверждения.

ФормаОбращение проходит
Контрольный сценарий

Тестовое обращение поступает в CRM; получение подтверждено.

Ожидаемый результатОбращение проходит

После исправления повторяем проверку до подтверждения.

ОткатВосстановление подготовлено
Контрольный сценарий

Предыдущая версия и копия данных доступны для согласованного возврата.

Ожидаемый результатВосстановление подготовлено

После исправления повторяем проверку до подтверждения.

Окно переключения

Согласовано отдельно. Действующая версия работает во время подготовки новой.

Пример подхода · условный интерфейс

12 / Состав и оценка

За что вы платите.
И что входит в работу.

После диагностики составляем оценку: объём страниц, прототипов, дизайна, разработки и переноса. Отдельно фиксируем исключения и порядок дополнительных задач.

Глубина изменений
Типы страниц
Перенос данных
Карта адресов
CMS и интеграции
Состав сохраняемых частей
В предложении

от 600 000 ₽

Новая структура, адаптивный интерфейс и реализация согласованных страниц. Точный объём определим после диагностики.

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

Изменение объёма обсуждаем вместе с влиянием на срок и бюджет.

Открыть структуру сметы
Диагностика

Карта ограничений и сохраняемых частей.

Структура и содержание

Карта страниц, прототипы, тексты и материалы.

Дизайн и mobile

Ключевые экраны и компоненты.

Сборка и перенос

Новая версия, данные и адреса.

Проверка и выпуск

Сверка, переключение и наблюдение.

Получить состав и оценку

С чем можно прийти к нам

  • Текущий сайт

    Ссылка и причины, по которым хотите его изменить.

  • Что сохранить

    Материалы, адреса страниц, функции и связи с системами.

  • Переход

    Кто поможет с доступами и какие сроки важны для бизнеса.

13 / После выпуска

Сайт запущен.
Команда может с ним работать.

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

Комплект результата

Доступы. Материалы.
Понятная передача.

  • Новая версия
  • Карта переноса
  • Доступы и исходники
  • Обучение
  • Наблюдение после выпуска
Панель управления сайтомCMS / IMPACT
Страницы / ГлавнаяЧерновик
Изображение обложкиinterior.jpg · ✓
Черновик · Не опубликовано

Пример подхода · условный интерфейс

14 / Вопросы

О редизайне и миграции сайта.

Вопросы о сохранении, запуске и результате.

Нужно ли переделывать весь сайт?

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

Можно ли оставить действующую CMS?

Да, если она поддерживает нужные функции и удобную работу команды. Проверяем её возможности до решения о переносе: новый дизайн сам по себе не требует смены платформы.

Что будет с поисковым трафиком?

До запуска составляем карту важных страниц и адресов. При изменении URL готовим перенаправления, после запуска проверяем доступность и индексацию. В переходный период трафик может меняться; фиксируем исходные показатели и наблюдаем за изменениями.

Будет ли старый сайт работать во время редизайна?

Новую версию готовим отдельно в тестовой среде. До переключения действующий сайт остаётся рабочим. Необходимость и длительность технического окна согласуем по устройству конкретного проекта.

Когда станет понятна стоимость?

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

Что подготовить для первого обсуждения?

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

Расскажите, что хотите изменить.
Начнём с задачи, предложим подход
и определим состав работ.

Написать в Telegram

Бриф останется у вас. После просмотра вы сами решите, когда отправить его команде.

Расскажите о проекте

Несколько ответов помогут нам начать разговор с вашей задачи.

Что планируете?
Выбрать услуги
Что вам нужно?

Нажмите на нужные плашки. Повторное нажатие снимает выбор.

Формат работы

Отдельная задача — одна конкретная работа.
Комплексный проект — несколько направлений с общей командой и планом.

Услуги · можно выбрать несколько

Номер телефона, аккаунт или почта
Как удобнее связаться?

Пример плана обновления

Пример подхода · порядок и сроки согласуем после диагностики.

01 / Разбор сайта
Результат: Аудит и приоритеты
02 / Структура и прототип
Результат: Ключевые сценарии
03 / Дизайн
Результат: Концепция и mobile
04 / Разработка
Результат: Тестовая версия
05 / Проверка
Результат: Готовность к запуску
06 / Запуск
Результат: Новая версия и передача
IMPACT / План проектаПример
Редизайн сайта

Этапы и контрольные точки

6 этапов · от вводных до результата

Условные периоды
12345678
01Разбор сайта
Работа команды

Проверяем аналитику, мобильные сценарии, содержание и технические ограничения.

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

Проектируем навигацию и основные страницы. Проверяем путь от поиска информации до обращения.

Результат и согласованиеСогласуем структуру и действия на ключевых экранах.
03Дизайн
Работа команды

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

Результат и согласованиеВыбираем направление и утверждаем макеты.
04Разработка
Работа команды

Собираем интерфейс, подключаем CMS и интеграции. При миграции переносим данные в тестовую среду.

Результат и согласованиеПроверяем содержание и работу редактора.
05Проверка
Работа команды

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

Результат и согласованиеСогласуем готовность и порядок переключения.
06Запуск
Работа команды

Переключаем сайт по согласованному плану, проверяем ключевые действия и передаём инструкции.

Результат и согласованиеПринимаем результат и определяем следующие задачи.
Контрольная точка — показ и согласование.

Пример последовательности. Длительность этапов и даты согласуем под проект.

  1. 01

    Разбор сайта

    Проверяем аналитику, мобильные сценарии, содержание и технические ограничения.

    Ведёт: Аналитик

    Согласуем цель обновления и то, что важно сохранить.

  2. 02

    Структура и прототип

    Проектируем навигацию и основные страницы. Проверяем путь от поиска информации до обращения.

    Ведёт: UX/UI-дизайнер и редактор

    Согласуем структуру и действия на ключевых экранах.

  3. 03

    Дизайн

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

    Ведёт: Арт-директор

    Выбираем направление и утверждаем макеты.

  4. 04

    Разработка

    Собираем интерфейс, подключаем CMS и интеграции. При миграции переносим данные в тестовую среду.

    Ведёт: Технический лидер

    Проверяем содержание и работу редактора.

  5. 05

    Проверка

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

    Ведёт: QA-инженер и SEO-специалист

    Согласуем готовность и порядок переключения.

  6. 06

    Запуск

    Переключаем сайт по согласованному плану, проверяем ключевые действия и передаём инструкции.

    Ведёт: Менеджер и технический лидер

    Принимаем результат и определяем следующие задачи.

Кабинет проекта

Пример подхода · этап: новая структура

Прототип ключевой страницы

Ключевая информация → выбор услуги → форма обращения.

Ответственный: Редактор и UX/UI-дизайнер

Открыть материал: карта новой структуры

Новая структура

Навигация → ключевая информация → форма обращения

Решение клиента: подтвердить структуру ключевых страниц и ключевые действия.