# Pholu —— 面向情侣与家庭的私密回忆应用

> 案例研究：创办 Pholu，设计品牌与产品，并用 React Native 完成前端开发，一路做到 Google Play 上线。

Source: https://ricardoportfolio.xyz/work/pholu
Language: zh-Hans

---

Pholu
案例研究 · 01 / 04 · 已上线产品
已上线
创始人 · 产品 · 品牌 · 开发
# 你的人生，被好好记住。一个只属于你和所爱之人的地方。
一款面向情侣与家庭的私密回忆应用，用来记录、保护并重新找回属于自己的时刻 —— 没有公开信息流、点赞或粉丝。我创办了它，做了产品与品牌设计，并写了前端。
阅读完整案例
![The Pholu home and Ask Pholu screens](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20hero-stage.png)
角色
创始人 · 产品 / 品牌 前端
时间
2024 → 至今
范围
移动应用 · 品牌 官网 · 上线
技术
Figma · React Native Expo · Supabase
![The Pholu website](https://ricardoportfolio.xyz/art/Home%20%E2%80%94%20hero-image.jpg)
Pholu · 官网 · 2026
01 — 问题
## 我们最珍贵的回忆，住在为陌生人设计的应用里。
社交平台为传播量优化；云存储保存的是文件，不是意义；而多数「私密」选项只是设置里的一个开关。家庭需要的是从底层就不一样的东西。
01 / 问题
信息流奖励的是表演
社交平台为传播量做优化。家庭时刻被压平成争点赞的内容，而不是为真正在乎的人保存下来。
02 / 问题
云存储没有故事
相册和网盘保存的是文件，不是意义 —— 没有人物、地点和情境，多年后无从重新找回。
03 / 问题
隐私是事后才想到的
多数「私密」选项只是设置里的一个开关。家庭需要的是把隐私做进架构本身，而不是外挂上去。
「不用渐变，不用光晕。回忆本身就是作品。」
02 — 产品原则
## 信任设备，加密云端。 本地建索引，本地做检索。 有选择地推理，有意识地同步。
不用渐变，不用光晕。 回忆本身就是作品。
01
隐私是设计前提
端到端加密是架构的一部分，而不是事后补丁。
02
安静的界面
平实、克制的界面，让照片和故事来承载情绪。
03
AI 守住本分
只检索和总结你自己的回忆，从不做排序推荐。
04
空间，而不是信息流
个人、爱人、家庭三种空间 —— 分享永远是刻意的选择。
03 — 过程
## 从产品结构到八个核心界面。
一个人的完整流程 —— 从界定问题、搭产品结构，到视觉设计、实现与上线。
探索
用户画像与任务
策略
信息架构与导航
线框
流程与版面
视觉系统
字体、色彩、变量
05
验证
决策与测试
04 — 品牌系统
## 安静、平实的品牌 —— 紫色主导，金色点亮。
不用渐变，不用光晕。界面的克制让照片与故事来承载情绪。这套配色是为长期的信任感而定的。
![The Pholu brand system](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20screenshot-full-1.jpg)
品牌紫
#815AEF · 品牌主色
薰衣草
#A78BFA · 点缀高光
深藏蓝
#0B0F1A · 页面与框架
暖金
#D4A017 · 回忆的暖调
柔和文字
#CBD5E1 · 次要文字
标题点缀字体
Instrument Serif Italic
用在主标题和情绪时刻 —— 有温度、有个性，但不制造视觉噪音。
结构与界面
Geist Variable
系统正文与界面标签 —— 干净、易读，在每一个断点和像素密度下都稳定。
05 — 标志系统
## 一个标志，能撑住所有场景。
主版、反白、单色与紧凑版本，连同间距、误用与应用规范一起定义 —— 让标志成为一套能用的系统，而不是一个孤立的组合。
标志变体
![Pholu logo variations](https://ricardoportfolio.xyz/Pholu%20%E2%80%94%20screenshot-wide.png)
主组合标志
![Pholu primary lockups](https://ricardoportfolio.xyz/Pholu%20%E2%80%94%20screenshot-grid-1.png)
安全距与尺寸
![Pholu clear space and sizing](https://ricardoportfolio.xyz/Pholu%20%E2%80%94%20screenshot-grid-2.png)
使用示例
![Pholu logo usage examples](https://ricardoportfolio.xyz/Pholu%20%E2%80%94%20screenshot-grid-3.png)
错误用法
![Pholu logo misuse](https://ricardoportfolio.xyz/Pholu%20%E2%80%94%20screenshot-grid-4.png)
06 — 最终产品
## 界面应该消失在回忆后面。
八个核心界面，以 React Native / Expo 移动优先实现。从产品结构到落地实现，全部独立完成。
![Pholu screens in context](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20device-stage.png)
![The Pholu website](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20website-card.png)
![The Pholu brand card](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20brand-card.png)
07 — 界面库
## 这套系统不能只在主视觉界面上成立。
引导流程、共享空间、AI 检索、回忆、故事与价格页共用同一套安静的视觉语法 —— 结构足够引导用户，又不会跟他们存下来的内容抢注意力。
![Pholu — Home](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-1.jpg)
首页
![Pholu — Memories](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-2.jpg)
回忆
![Pholu — Shared Spaces](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-3.jpg)
共享空间
![Pholu — Ask Pholu](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-4.jpg)
问 Pholu
![Pholu — Life Story](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-5.jpg)
人生故事
![Pholu — Pricing](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-6.jpg)
价格
08 — 上线与传播
## 同一个产品，多种解释方式。
上线系统延伸到 Google Play、Instagram、LinkedIn 与中文社交内容，同时保持同一种隐私优先的语气：直接、克制，围绕真实的回忆。
![Google Play launch](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-7.jpg)
Google Play 上线
![Ask Pholu](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-8.jpg)
![Privacy centre](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-9.jpg)
隐私中心
![A private home](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-10.jpg)
一个私密的家
![One moment, two memories](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-11.jpg)
同一刻，两份回忆
![Two people, one evening](https://ricardoportfolio.xyz/art/Pholu%20%E2%80%94%20gallery-12.jpg)
两个人，一个晚上
09 — 关键决定
## 塑造了这个产品的三个决定。
每一个决定都在刻意地反抗社交与云存储的默认假设。
把私密分享做进设计里
回忆存放在私密空间里 —— 个人、爱人、家庭 —— 分享因此永远是刻意的，且限定在真实关系内，而不是广播出去。
AI 守住自己的本分
检索回忆，而不是推荐内容
「问 Pholu」只在你提出请求时检索并总结你自己的回忆。它不排序、不推荐、不表演 —— 这个 AI 是安静的图书管理员，不是算法。
平实是原则
克制本身就是设计决定
不用渐变，不用光晕。界面上的克制让照片与故事承载情绪 —— 界面是画框，不是画。
10 — 回顾
## 做自己的产品，改变了我设计的方式。
我坚持的纪律就是删 —— 删功能、删颜色、删效果，直到只剩下回忆本身。由设计师来写代码，意味着我能做出一路保护设计意图直到上线的技术决定。
进入实验场
下一个案例 →
02 / 04
02 Lingoway
为真实对话而做的中文学习。
李启达 Ricardo Costa
产品 · 品牌 · 视觉 · 前端
© 2026 Ricardo Lourenço da Costa
Figma 设计 · React 构建
英国利兹