Самое неприятное в обновлении корпоративного сайта может произойти за пределами браузера. Главная открывается, картинки радуют, команда поздравляет друг друга — а письма перестают приходить. Сайт и почта часто живут под одним доменным именем и создают ложное ощущение, что переносить их нужно вместе.
В проекте A&F Advertising я разделял эти задачи. Новый сайт собирается на Astro и размещается в Cloudflare Pages. Содержимое редактируется через Pages CMS и Git. При этом почтовое обслуживание и существующая доменная инфраструктура Tasjeel/cPanel имеют собственную судьбу.
На экране «A&F Advertising — первый экран» сохранены настоящие материалы и оформление проекта.
A&F Advertising — первый экран
Архивный интерфейс · демонстрационные данные
Домен — это больше, чем главная страница
У веб-адресов есть правила: какой вариант основной, куда ведёт второй, как сохраняются переходы. У почты — свои записи и настройки доставки. Менять всё одним движением только потому, что открыт раздел DNS, было бы довольно дорогой формой энтузиазма.
На экране «A&F Advertising — внутренний раздел» сохранены настоящие материалы и оформление проекта.
A&F Advertising — внутренний раздел
Архивный интерфейс · демонстрационные данные
Для сайта основной адрес — www.af-ads.com. Для почтовых записей действовал отдельный принцип: перенос веб-страниц сам по себе не является поводом трогать MX, SPF или DKIM. Аббревиатуры выглядят скучно до первого потерянного обращения клиента.
A&F Advertising — контактный раздел
Архивный интерфейс · демонстрационные данные
Редактору нужен текст, посетителю — страница
Статическая сборка Astro позволяет выдавать готовые страницы. Pages CMS даёт возможность менять структурированное содержимое через редактор, сохраняя изменения в репозитории. Владелец не должен искать нужное предложение среди классов и компонентов.
Для рекламного агентства сайт ещё и образец собственного отношения к подаче. Поэтому важно, чтобы реальные работы, услуги и контакты оставались главными действующими лицами. Технология не обязана выходить на сцену с отдельным номером.
В таких проектах я совмещаю дизайн и техническую сборку. AI помогает быстрее делать и проверять изменения, но решение о границах переноса принимается до команды на публикацию.
Мне хочется, чтобы после обновления человек заметил новый сайт. А бухгалтер, менеджер и клиент продолжили спокойно пользоваться почтой, вообще не узнав, что где-то рядом состоялось небольшое техническое приключение.
Что осталось от версии на Framer
До переноса сайт A&F Advertising работал на Framer. В новой реализации я сохранил его визуальный характер, композицию и движение. AI помог перенести дизайн в собственный код на Astro, TypeScript и Tailwind; Pages CMS записывает изменения контента прямо в GitHub.
Английскую, русскую и арабскую версии я учитывал в структуре продукта: в маршрутах, содержимом, SEO-метаданных и направлении интерфейса. Арабская версия требует полноценной поддержки RTL уже при разработке.
На время перехода я сохранил переключение между старым сайтом на Framer и новой сборкой. Это оставляло понятный путь назад, если после смены источника сайта возникла бы проблема. Почтовые ящики и записи MX, SPF и DKIM при этом оставались в прежней инфраструктуре Tasjeel.
Мой результат — новая реализация сайта с сохранённым путём к прежней Framer-версии на время перехода. Почтовые ящики и записи MX, SPF и DKIM оставались в инфраструктуре Tasjeel. Это история переноса веб-сайта, не почтового сервиса.
Экраны и записи проекта
Связанные истории: Портфолио из Framer в Astro · Миграция LiveDXB.
@nevsky_alexander
В Instagram — Дубай без парадного фасада: семья, город, находки и то, что происходит между проектами. В Threads — мысли вслух о дизайне и AI, на YouTube — видео, которым тесно в сторис. Подписывайтесь там, где вам удобнее: будем на связи