Independent Digital Experience Concept
ZHANGYUAN
ZHANGYUAN
DIGITAL EXPERIENCE
历史建筑的质感，被重新组织为可浏览、可探索的数字体验。
WEB EXPERIENCE / 01
Scroll to explore
01
Project Overview
让“东方遇见西方”
从一句文案变成体验结构。
张园的石库门建筑兼具上海城市记忆与开放的商业气质。项目以纸张纤维、建筑轮廓和门洞结构为视觉线索，将历史空间转译成网站、移动端与内容传播页面。
- ROLE
- Visual / UI Design
- OUTPUT
- Web · Mobile · Editorial
- TYPE
- Independent Academic Project
Website System
一张可以向下行走的
数字街区地图
首页用建筑照片建立空间感，再以品牌索引、活动信息和服务入口组织浏览动线。页面保留原设计的米棕纸张肌理，让数字界面仍带有可触摸的温度。
Mobile Journey
从一扇门，
进入张园。
移动端把石库门的轮廓变成信息容器。开屏页强调品牌氛围，主界面则将简介、品牌、活动、会员与服务入口收纳成清晰路径。
02
ARCHITECTURAL
LINE SYSTEM
01 / TEXTURE
纸张肌理
用温暖、略带时间感的材质，回应百年石库门建筑留下的城市记忆。
02 / STRUCTURE
门洞结构
提取建筑入口、窗框和山墙轮廓，构成界面中的图标与信息边界。
03 / CONTRAST
新旧并置
历史影像、现代品牌与克制的排版相遇，形成“East Meets West”的叙事。
Editorial Extension
把建筑故事延伸到
社交内容场景。
推文页面以长图形式组织历史、建筑细节与城市文脉。拱形图片框与巨型英文字母成为贯穿页面的节奏线索。
Independent Project · Visual / UI Design