Модернизация сайта

Обновим сайт на современный стек — с учётом лучших мировых практик

  • Для простых сайтов — Astro JS (Next JS) & SSG
  • Для сайтов про контент — WordPress & WooCommerce
  • Для сервисов — Laravel & Filament
Три адаптивных макета сайта: desktop, tablet и mobile
  • Astro JS
  • Laravel
  • WordPress
  • WooCommerce
  • Next JS
  • PHP-стек
  • Jamstack
  • React JS
  • Headless CMS
  • Tailwind CSS
  • Daisy UI
  • CI/CD

Зачем модернизировать

Типовые причины, ради которых к нам обращаются за модернизацией сайта

Модернизация — не смена версии ради версии. Ниже то, что меняется для владельца сайта, и способ это проверить.

Привлекательность

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

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

Удобство

Редактор и администратор делают свою работу сами: публикация, правка структуры, загрузка материалов и типовые операции не требуют разработчика.

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

Понятность

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

Проверяется документацией и историей изменений в репозитории.

Экономичность

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

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

Надёжность

Есть тестовая копия, резервные копии и возможность откатить релиз. Ошибки после выката видно, а не узнают о них от посетителей.

Проверяется восстановлением из копии и наблюдением за ошибками после релиза.

Безопасность

Поддерживаемые версии PHP и CMS, разграничение доступов, отсутствие заброшенных зависимостей и лишних точек входа.

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

Цена

Модернизация сайта — от 10 000 ₽

Итоговая стоимость зависит от сложности модернизации: состояния сайта, объёма переноса и нужных интеграций.

Подробнее о ценах

Типовые сценарии

С чем приходят на модернизацию

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

Версия PHP или CMS больше не поддерживается

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

Купленная тема, которую никто не развивает

Что разбираем
Что в теме относится к контенту, что к вёрстке и что к логике; какие правки уже внесены поверх.
Результат первого этапа
Состав переноса: что переводим на собственные шаблоны, а что оставляем как есть.

Каждая правка ломает соседнее

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

Поддержка стоит дороже, чем развитие

Что разбираем
Из чего складывается стоимость владения: платные плагины, ручные операции, требования к хостингу, время на релиз.
Результат первого этапа
Разбор расходов по источникам и то, какие из них снимает модернизация.

Не проходим требования безопасности

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

Нужна скорость и headless-архитектура

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

Куда модернизируем

Два целевых стека и условия, при которых каждый оправдан

Выбираем из двух наборов решений. У каждого есть область, где он уместен, и область, где он лишний.

JAM-стек

Когда фронтенд отделяют от источника данных: важны скорость страниц или сложный интерфейс.

Astro JS

Когда этот выбор оправдан
Контентный или маркетинговый сайт, где скорость загрузки — рабочее требование.
Что даёт
Минимум JavaScript на клиенте, быстрые страницы, простая сборка и дешёвый хостинг.

React JS & Next JS

Когда этот выбор оправдан
Интерфейс со сложными пользовательскими сценариями: кабинет, витрина, приложение.
Что даёт
Контроль над рендерингом, общий код интерфейса, серверный рендеринг там, где нужен поиск.

Headless-связка CMS и фронтенда

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

PHP-стек

Когда у продукта есть редакция, торговля или прикладная логика на сервере.

Laravel

Когда этот выбор оправдан
Кабинеты, расчёты, обмен данными и прикладная логика, которой тесно внутри CMS.
Что даёт
Логика отделена от контента, покрывается тестами и выкатывается понятными релизами.

WordPress

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

WooCommerce

Когда этот выбор оправдан
Торговля живёт на том же сайте, что и контент, и обменивается данными с учётной системой.
Что даёт
Каталог, заказы и оплаты рядом с контентом; обмен с 1С, CRM и платёжными сервисами через API.

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

Как проходит модернизация

Четыре этапа с точками контроля

Переносим по частям, а не одним релизом: после каждого этапа сайт остаётся рабочим.

  1. 01

    Аудит и карта состояния

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

  2. 02

    План по этапам

    Раскладываем работы на этапы с приоритетами и рисками перехода. Отдельно отмечаем то, что можно не трогать.

  3. 03

    Перенос по этапам

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

  4. 04

    Приёмка и передача

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

Что остаётся у вас

Свободный софт и возможность сменить подрядчика в любой момент

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

Свободное ПО, а не чужая платформа

WordPress, Laravel, Astro, Next.js и остальной стек — открытый код и открытые лицензии. Нет подписки на платформу, без которой сайт перестанет работать.

Подрядчика можно сменить

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

Репозиторий и документация

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

Доступы оформлены на вас

Хостинг, домен, панели и сервисы — на ваших учётных записях. Наши доступы отзываются после приёмки.

Вопросы и ответы

О чём спрашивают до начала

Шесть вопросов, которые чаще всего решают, начинать модернизацию или нет.

Придётся переписывать всё с нуля?

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

Что будет с SEO и ссылками?

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

Сколько это стоит?

Зависит от состояния сайта и объёма переноса. Начинаем с платного аудита с ограниченным объёмом; по его итогу называем состав работ, этапы и бюджет.

У нас не WordPress. Возьмётесь?

Работаем с PHP- и JS-стеком: Laravel, WooCommerce, Astro, Next.js и headless-связки. Если ваш стек за пределами нашей экспертизы, скажем об этом на аудите, а не после старта работ.

Зачем Astro, если сайт и так работает?

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

Можно поэтапно, а не одним релизом?

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

Отзывы

Владимир Основатель, Пицца Фиеро pizzafiero.ru

Много лет назад обратился к команде WPCraft с задачей создать сайт для службы доставки пиццы. Ребята собрали полноценный рабочий проект буквально за несколько дней — сайт сразу заработал без сбоев, и именно благодаря такому быстрому запуску компания очень быстро вышла в окупаемость и стабилизировала продажи.

детали

Наши клиенты сразу отметили удобство и простоту использования сайта, современный дизайн и логичную структуру. Лично мне всегда нравилась архитектура WordPress: как по мне — это безграничная платформа, на которой можно реализовать практически любую задачу, от простого лендинга до сложных интеграций с CRM, платежами и логистикой.

Отдельно хочу отметить подход команды WPCRAFT: они всегда были на связи, быстро реагировали на любые запросы, давали рекомендации, а не просто «выполняли задачу». Видно, что люди любят свою работу и понимают, что делают.

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

Наталья Владелец магазина lacosmopro.com

Blocksy позволил создать элегантный дизайн для магазина косметики: есть разные стили отображения фото, полный контроль над типографикой, цветами и отступами. Сайт вызывает доверие у покупателей. Отдельно хочу отметить поддержку от ВПкрафт Клуб — консультации и помощь при настройке оказались очень ценными, особенно для непрофессионала в этой области. Очень рекомендую и тему Blocksy, и сопровождение от ВПкрафт Клуб!

Валерий Основатель проекта 1001site.com

Полтора года назад случайно попал на страницу «Дайджест разработчиков» (wpcraft.ru). Зацепил подход к публикациям: легко и просто о WordPress. Подписался на Telegram-канал… И среди лавины статей, которые я постоянно анализирую об этой CMS, стал замечать за собой, что я не просто читаю канал «Сайты на WordPress & WooCommerce», но и перехожу по ссылке на сайт, чтобы узнать больше.

детали

Откровенно скажу: такое у меня бывает очень редко, обычно с первых строчек уже понимаешь, что будет в конце. Статьи вызывают интерес и дают пищу для размышлений. Я даже для себя дал такое объяснение: ребята «в теме», работают от запросов рынка и, самое главное, хотят поделиться своими наработками.

В декабре прошлого года решил познакомиться с Анатолием, но как-то не срослось продолжение переписки. Но это никак не повлияло: я по-прежнему читаю всё, что они публикуют, и многое беру на вооружение. Их клуб Клуб WPCraft — лучшее сообщество в русскоязычном контенте WordPress. Хочу пожелать команде WPCraft — успехов, а также аудиторию единомышленников и заказчиков!

Анна Основатель агентства foralien.com

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

Сергей Жуковский Профессиональный маркетолог, специалист по развитию онлайн-школ

С Антоном работаем почти 2 года. Благодаря ему для проекта был выбран WordPress. Я воспринимал WordPress как продукт для контент проектов, но он показал как далеко WP зашёл в коммерции.

В общем вместо написания кода с нуля, мы выбрали плагины для WordPress и начали работать с ними.

При этом Антон помогает сопровождать проект всё это время. Помог найти программистов, ввести их в курс дела и постоянно подсказывает как надо делать, а как не надо.

детали

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

Екатерина Разработчик Elementor linkedin

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

Он как доктор Хаус от WordPress: не всегда мягко, но всегда чётко и по делу.

Потом появился клуб — и это стало логичным продолжением. Здесь всегда можно найти ответы, советы и рабочие решения, а если то или иное решение плохое — тебе подробно объяснят, почему. Это сильно экономит время, нервы и защищает от дорогих ошибок в проектах.

Следующий шаг

Расскажите, во что упёрся сайт

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

Обсудить модернизацию

Форма на отдельной странице: описание задачи, адрес сайта и контакт для ответа.

Или напишите напрямую: Telegram @wpcraftbot m@wpcraft.ru

Что будет после заявки

  1. Прочитаем заявку и зададим уточняющие вопросы, если вводных не хватает.
  2. Посмотрим сайт и предложим объём и стоимость технического аудита.
  3. По итогам аудита называем состав работ, этапы и бюджет модернизации.