Project 02

项目介绍:个人网站设计与开发

这个项目围绕“个人展示 + 项目沉淀 + 在线访问”展开。我从信息架构、首页排版、项目详情页、页面动效到响应式适配进行了完整搭建, 将个人经历、实习内容与代表项目整理为一个可以持续更新的个人网站。

网站结构

1 个首页 + 5 个项目页

交互重点

锚点导航 + 悬停反馈

交付方式

静态导出可直接部署

1. 项目目标

  • 把教育背景、实习经历、项目成果整合成统一且清晰的线上展示界面。
  • 强化首页首屏的辨识度,让访问者快速建立对个人方向与能力的印象。
  • 用静态化部署方式降低维护成本,方便后续绑定个人域名持续更新。

2. 设计与开发过程

  • 先梳理内容优先级,重构首页顺序与锚点结构,让浏览路径更自然。
  • 围绕 Apple 风格的留白、层次与排版节奏,对首页首屏进行了多轮微调。
  • 使用 Nano Banana 生成网站中的插画与部分视觉素材,提升页面统一性与记忆点。
  • 基于 Next.js 静态导出方案完成项目搭建,使其能够直接部署到 GitHub Pages、腾讯云 Nginx 或 COS 静态站点。

3. 页面展示

个人网站项目封面图
个人网站项目封面:用于首页项目卡片展示
首页人物插画展示
首页人物视觉:用于强化首屏识别度与整体气质

4. 项目价值

这个网站不仅是个人作品集,也是我把内容组织、视觉表达、前端实现与部署落地串联起来的一次完整实践。 它体现了我在“需求整理 → 页面设计 → 细节优化 → 上线发布”这一链路上的独立交付能力。