我在 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 网站
归档界面 · 演示数据
代码按路由加载。图片为不同屏幕准备,资源放在项目中,页面配置 SEO 元数据。我也处理了无障碍、双语结构、sitemap 和结构化数据。
对我来说,这是最初设计工作的延续。网站拥有了可独立开发和发布的基础,不再取决于第一版所用工具。
工作分两阶段:设计型 Framer 版本,和后来的独立 React 应用。文章日期属于网站早期历史;展示的代码界面出现较晚。该阶段的确切交接日期还需另行确认。





@nevsky_alexander
在 Instagram,看明信片之外的迪拜:家人、城市、新发现,还有项目之间的日常。在 Threads,聊聊设计与 AI 的随想;在 YouTube,分享一条限时动态装不下的视频。选你习惯的平台关注,常来聊聊