Back to selected work返回精选项目

Web / TravelWeb / 旅行

Fun Souls

Responsive Travel Album Website响应式旅行相册网站

A responsive travel album website designed to organize and present trips, memories, and crew profiles across desktop and mobile devices.一个响应式旅行相册网站,用于在桌面和移动设备上整理和展示旅行、回忆与成员档案。

Next.jsNext.jsReactReactTypeScriptTypeScriptVercelVercelResponsive Web Design响应式网页设计
Visit Website访问网站

Overview项目概览

Fun Souls brings group travel memories together in one place. Trips, individual trip pages, and crew profiles give the collection a clear structure that works across desktop and mobile devices.Fun Souls 将团队旅行回忆汇集于一处。旅行列表、单次旅行页面与成员档案,让内容在桌面和移动设备上都有清晰的浏览结构。

The Goal项目目标

Provide a clean, structured and easy-to-browse travel memory experience.让旅行照片、行程记录和成员介绍更有条理,方便浏览与回顾。

What I Built开发内容

  • Website development网站开发
  • Page layout页面布局
  • Responsive implementation响应式实现
  • Content organization内容组织
  • Deployment部署
  • Iterative improvements迭代改进

Key Pages主要页面

Home首页

An introduction to the travel album and its memories.介绍旅行相册与旅行回忆。

Trips旅行列表

A structured collection of trips to explore.集中展示历次旅行,方便查找和浏览。

The Crew团队成员

Profiles of the people who share the journeys.展示一起旅行的成员档案。

Trip pages旅行详情

Individual pages that bring each trip’s content together.每次旅行的独立页面,汇集相关旅行内容。

Responsive Design响应式设计

The layouts adapt across desktop and mobile devices, keeping travel content and crew profiles readable and easy to browse. The desktop and mobile homepage views are shown below.布局适配桌面与移动设备,使旅行内容和成员档案保持清晰易读。下方展示首页在桌面端和移动端的实际效果。

Deployment部署

The website is deployed on Vercel. The live website is available at the project’s original URL.网站部署于 Vercel,可点击下方按钮访问。

Visit Website访问网站

Tech Stack技术栈

Next.jsNext.jsReactReactTypeScriptTypeScriptVercelVercelResponsive Web Design响应式网页设计

Project Screenshots项目截图

Previous project上一个项目Booking Management API
Let’s Talk联系我