Спроектировал и собрал сайт PacJourneys на Framer: современная лёгкая витрина премиальных путешествий, чистые сетки, спокойные переходы и понятная структура маршрутов.
Позже — перенос в собственный код
Следующим этапом я пересобрал PAC Journeys как отдельное приложение на React и Vite. Компания из Дубая занимается премиальными путешествиями: круизами, турами, отелями и индивидуально подобранными поездками. При переносе нужно было сохранить характер первоначального сайта и сделать его удобным для дальнейшей разработки.
Я восстановил интерфейс в коде, перенёс визуальные материалы в проект и разделил страницы на переиспользуемые компоненты. Содержимое получило собственную структуру, а работа сайта больше не зависела от Framer.
В проект вошли история компании, круизный флот, страницы отдельных судов, туры, отели, рестораны и обращения клиентов. Контент предусмотрен на английском и русском языках.
Для этого этапа я использовал React, Vite, React Router, Tailwind CSS и Framer Motion; проверки — на Vitest, размещение — в Cloudflare Pages. React Router помогает организовать растущий каталог страниц, а Framer Motion сохранил плавность переходов, подходящую визуальному языку проекта.
Так выглядит сохранённая версия сайта PAC Journeys. Это исходный публичный интерфейс с его настоящей композицией и материалами. Демо позволяет рассмотреть страницу; реальные обращения из него не отправляются.
Сайт PAC Journeys
Архивный интерфейс · демонстрационные данные
Код загружается по маршрутам. Изображения подготовлены для разных размеров экрана, материалы размещены в самом проекте, для страниц заданы SEO-метаданные. Я также проработал доступность, двуязычную структуру, sitemap и структурированные данные.
Для меня это продолжение первоначальной дизайнерской работы. У сайта появилась основа, которую можно развивать и публиковать независимо от инструмента, где была собрана первая версия.
У этой работы два этапа: дизайнерская Framer-версия и последующее самостоятельное приложение на React. Дата поста относится к ранней истории сайта; показанный кодовый интерфейс появился позднее. Точная дата передачи этого этапа требует отдельного подтверждения.
Экраны и записи проекта
Связанные истории: Pilates.me на Framer · Портфолио из Framer в Astro.
@nevsky_alexander
В Instagram — Дубай без парадного фасада: семья, город, находки и то, что происходит между проектами. В Threads — мысли вслух о дизайне и AI, на YouTube — видео, которым тесно в сторис. Подписывайтесь там, где вам удобнее: будем на связи