01
挑战
原网站让选书与结账难以导航，也没有充分利用书店本地化的品牌特色。
E
项目图版艺术 / 2025
E.Shaver书店
为萨凡纳一家历史悠久的独立书店做 UX 改版，围绕更顺畅的浏览与更鲜明的品牌重做首页、商品页与画廊页。
项目记录创作重点 / 项目证据
创作重点
一个 UI/UX 改版项目，重点是信息架构、浏览流程和高完成度展示。
项目证据
围绕首页、商品页、画廊、签名版和设备 mockup 完成书店体验改版。
记录 01
现代化真实品牌，同时保留原有气质。
记录 02
梳理页面层级、浏览逻辑和商品详情流程。
记录 03
展示完成度可以支撑完整案例阅读。
在保留 1975 年独立书店气质的同时，提升 E. Shaver 书店网站的易用性、浏览体验与视觉表现。
图版 01过程 / 决策
02
方案
通过观察、访谈与文化探针开展研究，用亲和图归类发现，再完成信息架构与线框图，最后在 Figma 中重做首页、商品页与画廊页。
03
结果
产出可点击原型，让浏览更直观，同时保留书店温暖、在地的气质。
图版 02技术拆解
系统 01
首页
精炼布局、简化导航，突出主打书籍视觉，并提供通往热门分类与优惠的清晰入口。
系统 02
商品页
更大的高清图片与缩放、精简的描述与评价，以及帮助发现的相关商品模块。
系统 03
画廊与签名版
网格化浏览，支持按类型、作者与主题搜索筛选，并优化图片以加快加载。
系统 04
原型 Mockup
将重做后的页面放入桌面与笔记本设备 mockup 中，展示书店体验在真实展示场景里的阅读效果。
图版 04图像 / 过程素材
图版 05结果 / 复盘
交付完整的改版成果：用户研究、过程手册、执行摘要，以及重做首页、商品页与画廊页的 Figma 原型。
01 复盘
重做首页、商品页与画廊页
02 复盘
Figma 可点击原型
03 复盘
基于研究的信息架构与线框图