我在 Framer 设计并搭建 PacJourneys:现代、轻盈的高端旅行展示,配以干净网格、平缓过渡和清晰行程结构。

后来,迁入自主代码

下一阶段,我把 PAC Journeys 重建成独立的 React 与 Vite 应用。这家迪拜公司提供高端旅行:邮轮、旅游、酒店及定制行程。迁移既要保留最初性格,也要方便后续开发。

我用代码重现界面,把视觉资源移入项目,把页面拆成可复用组件。内容有了自身结构,网站不再依赖 Framer。

项目涵盖公司历史、邮轮船队、单船页面、旅游、酒店、餐厅和客户咨询。内容支持英语与俄语。

此阶段使用 React、Vite、React Router、Tailwind CSS 和 Framer Motion;Vitest 用于检查,Cloudflare Pages 用于部署。React Router 组织不断增长的页面目录,Framer Motion 保留符合项目视觉语言的流畅过渡。

这是保存的 PAC Journeys 网站版本。它是原始公开界面,保留真实构图和资源。演示可供查看,不发送真实咨询。

PAC Journeys 网站

归档界面 · 演示数据

PAC Journeys 网站
已保存的项目画面 · 无交互控件

代码按路由加载。图片为不同屏幕准备,资源放在项目中,页面配置 SEO 元数据。我也处理了无障碍、双语结构、sitemap 和结构化数据。

对我来说,这是最初设计工作的延续。网站拥有了可独立开发和发布的基础,不再取决于第一版所用工具。

工作分两阶段:设计型 Framer 版本,和后来的独立 React 应用。文章日期属于网站早期历史;展示的代码界面出现较晚。该阶段的确切交接日期还需另行确认。

查看 PAC Journeys.

项目画面与记录

相关故事:Framer 上的 Pilates.me · 作品集从 Framer 到 Astro.