Редизайн
и рестайлинг сайтов
в Санкт-Петербурге

Сайту более 3–4 лет и он выглядит устаревшим. Конверсия падает, посетители не задерживаются. Бренд изменился, а сайт не отражает актуальный образ. Сайт плохо работает на мобильных. Конкуренты выглядят современнее.

Редизайн — это обновление визуала и UX с сохранением структуры, контента и SEO-истории. Быстрее и дешевле, чем создавать с нуля. Подходит, когда техническая база устраивает, но внешний вид и удобство нужно обновить.

При правильном редизайне — да. Сохраняем URL-структуру, мета-теги, H1, внутренние ссылки. Если меняем адреса страниц — настраиваем 301-редиректы. Проводим SEO-аудит до и после редизайна.

Аудит текущего сайта (UX, SEO, аналитика). Постановка целей и KPI. Прототипирование ключевых страниц. Визуальный дизайн. Вёрстка и разработка. Тестирование. Запуск с мониторингом метрик в первые недели.

Да. Для крупных сайтов рекомендуем постепенный запуск — сначала тестируем новый дизайн на части трафика. Это позволяет сравнить конверсию и не рисковать потерей позиций при полном переходе.

Зависит от масштаба. Лендинг или небольшой сайт — 3–5 недель. Корпоративный сайт (10–20 страниц) — 6–10 недель. Интернет-магазин — 2–4 месяца. Называем точные сроки после анализа проекта.

Да. WordPress, Bitrix, Tilda, OpenCart, кастомные CMS. Адаптируем новый дизайн под существующую платформу. Если нужна и смена CMS — это отдельный проект, который планируем совместно.

Редизайн лендинга — от 50 000 рублей. Корпоративного сайта — от 100 000 рублей. Интернет-магазина — от 150 000 рублей. Стоимость зависит от текущего состояния сайта и объёма изменений — оцениваем индивидуально.

Четыре вещи, которые проверяются измеримо: контраст текста к фону, видимая рамка у элемента в фокусе, возможность дойти до любого действия с клавиатуры и текстовые подписи у изображений и кнопок. Всё четыре проверяются по коду и по вычисленным стилям, а не на глаз, из-за этого их можно внести в приёмку как условия, а не как пожелания.

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

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

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

Смысловым изображениям даётся текстовое описание того, что на них важно. Декоративным — пустая подпись, чтобы их пропускали, а не читали вслух имя файла. Кнопкам без текста, вроде иконки закрытия, подпись обязательна. Это правится в вёрстке быстро, а различие между смысловым и декоративным определяет тот, кто пишет текст.

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

Списком предикатов с числами: контраст по каждому классу текста, наличие рамки фокуса в вычисленных стилях, проходимость путей с клавиатуры, наличие подписей у изображений и кнопок без текста. Каждый считается скриптом по списку страниц. Формулировка «сделали доступно» без этих чисел не проверяема и в приёмку не годится.