Brand Website / Art Direction
Reverie Atelier
01Independent Portfolio / 2026 Edition
Available for selected commissions in 2026
Designing quiet, memorable digital worlds for brands with taste.
我把品牌策略、视觉设计和网页落地串成一个完整体验，让陌生人第一次打开页面时，就能迅速感受到品牌的语气、质地和记忆点。
03
selected projects
CN / EN
narrative ready
2026
available now
editorial layout
Brand Designer / Creative Developer
Edie Wang
这版首页参考了你发来的 Framer 作品集节奏，但我没有照搬模板，也没有填假奖项或假客户评价，而是把它改造成一套适合你长期继续替换内容的结构。
Brand StrategyEditorial LayoutVisual DirectionFigmaFramerNext.jsResponsive WebCreative CodingTypographyMotion DetailsBrand StrategyEditorial LayoutVisual DirectionFigmaFramerNext.jsResponsive WebCreative CodingTypographyMotion Details
Selected Work
A homepage that feels more like a curated studio than a template.
参考站点的重点不是“有很多模块”，而是它有明确的节奏感。先抓住气质，再放出代表项目，最后让人愿意继续下滑了解你。
Product Narrative / Launch Site
Signal House
02Personal Experiment / Editorial Web
Field Notes Lab
03What I Do
More than making screens look pretty.
真正像参考站那样有完成度的作品集，背后通常不是单一的 UI 能力，而是内容判断、视觉控制和真实落地能力同时存在。
01
Brand Narrative
先把品牌要说的话理清楚，再决定页面该如何被看见、被理解、被记住。
- 定位语气
- 首页叙事
- 信息层级
02
Visual Direction
不是把组件排整齐，而是让颜色、字形、节奏和留白真的属于这个品牌。
- 视觉系统
- 版式与质感
- 设计细节
03
Website Delivery
把设计真正上线到互联网，而不是停留在静态稿里，让它可以持续更新与迭代。
- Next.js
- Framer/前端实现
- Vercel 上线
Milestones
Structured like recognition, honest like a real portfolio.
Public Release
Portfolio Relaunch
2026
把个人站点从零散页面整理成一个可公开分享、可持续更新的在线作品集。
Selected Direction
Brand-Led Web Projects
2025
开始把品牌表达、网页叙事和前端实现放在同一条工作链路里思考。
Design Practice
Visual Systems
2024
从单点页面执行转向更完整的视觉系统与内容结构整理。
Studio Note
Strategy before styling
视觉只是结果，不是起点。先知道页面为什么存在、需要讲什么，风格才不会空转。
Studio Note
Tactile digital surfaces
我喜欢让网页看起来像有材质、有呼吸感，而不是只有冷冰冰的扁平排版。
Studio Note
Launch beats perfect
先让站点上线、可分享、可被看见，再基于真实反馈慢慢打磨，这是更有效的迭代方式。
About / Working Style
The reference site works because every section feels authored.
我偏爱有温度、有留白、但依然精准的视觉表达。相比“把页面做满”，我更在意一个网站能不能让人快速感受到品牌真正的气质。
所以在做作品集或品牌网站时，我通常会把重点放在三件事上：讲什么、怎么被看见、最后如何稳定地上线。
这也是这版站点的出发点。它不是单纯为了展示项目截图，而是把你的定位、方法和代表案例编排成一种更完整的在线叙事。
01
Narrative First
首页先解决“你是谁”和“为什么值得继续看”，案例页再展开过程与结果，阅读会顺很多。
02
Mood With Structure
氛围感不是装饰，而是建立在清楚结构上的视觉表达。好看的页面也应该让人读得懂。
03
Build What Can Ship
设计如果不能上线，就很难真正产生影响。结构、样式和部署从一开始就该一起考虑。
04
Leave Room To Grow
现在先有一个强而稳定的首页，后面再慢慢补齐真实案例、经历和更完整的内容深度。
FAQ
Before we move on to the final styling pass.
你刚刚问的 404，也属于这里面的“发布层问题”。页面内容可以继续做，但域名和部署是另一条线，我会在最后把两条线分开说明。
你可以只做设计，不做前端吗？
可以。如果项目只需要品牌方向、网站视觉或 Framer 设计稿，这套结构也完全适用。只是我在能落地的时候，会更倾向于把它一起做完整。
如果我现在作品还不够多，适合做作品集网站吗？
适合。与其等到“所有内容都准备好了”再上线，不如先用 2 到 3 个最有代表性的项目搭出第一版，让它先开始服务你。
这套站点后面还能继续扩展吗？
可以。现在的结构已经把首页、案例详情、关于和联系页分开了，之后加博客、英文版或更多项目都比较顺。
为什么现在域名能配好，网页还可能短时间 404？
这通常和 Vercel 或 DNS 的边缘传播有关，不是因为你还没开始设计页面。内容是页面层问题，404 是发布链路问题。
Contact
If this direction feels right, we can turn it into your real portfolio next.
这版已经把首页的视觉调性和内容框架搭出来了。下一步最值得做的是，把示例案例替换成你的真实项目，并继续决定是否把 /work、/about、/contact 也统一升级成同一套风格。