拖动浏览,滚动或双指缩放。打开帮助查看键盘操作。

Yan
开放
合作
聊聊吧
Yan Fontão Boring view
All work

Case 025移动应用和落地页

Anji

Anji 的应用页面和落地页。Anji 是一款定位于灵性与身心健康的 AI 陪伴。设计把对话向导的选择、每日情绪打卡和当天的阅读结合在一起。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
Anji 的演示封面,来自原始设计文件。
演示封面,来自原始文件。

01

我的贡献

Anji 把自己介绍成一个有两面的 AI 陪伴:基于信仰的对话,以及心理健康;它的落地页称它为“a sanctuary for mind and soul”。

这个案例讲的是我设计的界面:一个人如何选择对话、标记情绪,并阅读应用给出的内容。

滚动浏览设计稿:落地页,从第一个承诺到最后的号召。

02

选择和谁聊

聊天选项卡一打开是四张卡片,而不是一个空输入框。每张卡片有一个插画头像、一个名字、一个角色,以及一行说明可以期待哪类对话,所以不用输入任何内容就能先做出选择。Amos、Iris、Eli 和 Lucy 对应信仰这一面,落地页还加了第二组身心健康方向的向导。

询问要和谁聊天的页面,背景是淡紫色渐变,有四张白色卡片,分别是 Amos、Iris、Eli 和 Lucy,每张都有插画头像、角色和一行说明。
阅读页面,有一排彩色的日期方块、日期 7 月 26 日、一个葡萄牙语标题和一段关于信仰的长正文,下方是一条带有 Back 和 Send to a friend 的栏。
情绪打卡页面,有五个带插画的圆圈,分别是 Loved、Happy、Calm、Anxious 和 Sad,上方是一周日期条,还有一张卡片说明选择情绪会解锁什么。
聊天首页:四位向导,每位都有角色和一行关于对话的说明。 阅读:当天的文字,日期用情绪颜色标出,并提供分享的途径。 Today:选择情绪会解锁当天的真言、祷告和星座运势。

03

一个小小的日常习惯

Today 页面会问你感觉如何,并给出五种带插画的情绪:被爱、开心、平静、悲伤和焦虑。上方的一周日期条让前几天始终可见,下方的卡片说明这个选择会解锁什么:当天的一句真言、一段祷告和一份星座运势。

阅读页面把这些情绪颜色带到它的那一排日期里。长文用衬线体排版,留有阅读的空间,Back 和 Send to a friend 浮在底部的一条栏里。

完整的落地页,深紫色,有首屏标题和一部倾斜的手机、两组向导卡片、四张功能卡片、信仰与疗愈横幅,以及结尾的行动号召。
落地页,从首屏到结尾的行动号召。

04

落地页上同样的两面

落地页从紫色首屏往下,依次是两组向导卡片、四项核心功能,以及分开的 Faith Focus 和 Therapy Focus 横幅。深色卡片上的细线插画让每位向导有各自的样子,两个横幅把两种定位分开,各用一种颜色。

000

使用说明

Yan Fontão
轻点
打开一个屏幕
点击
打开一个屏幕
拖动
浏览项目墙
滚轮
鼠标缩放,触控板移动,双指缩放
− +
拉远查看整面项目墙,或拉近
方向键
在案例中:↑↓ 切换案例,←→ 切换媒体。在项目墙上:移动
空格
打开或返回
Enter
打开
Esc Backspace
返回
Home
回到中心,再回到开场
PgUp PgDn
上一个或下一个频道
Tab
依次浏览项目和链接
R
随机项目
0–9
输入频道号,1–61
?
本页
快捷键

项目墙背景音乐

文件已为网页压缩并统一音量。

开放
合作
聊聊吧

给 Yan 发消息

告诉我你是谁,我会尽快回复。

000

关于 Yan

你好,我是 Yan

产品设计师/ 设计工程师

大多数产品都会在设计和代码之间丢掉一些东西。我的不会:我研究问题、设计产品,并亲手把界面上线,所以你批准的,正是用户最终拿到的。

  • 2018开始软件开发
  • UI + code设计与实现

合作过 Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

巴西 · 可远程、混合或驻场

Yan Fontão 的坐姿肖像:穿绿色毛衣、戴眼镜,手持麦克风。
开放
合作
聊聊吧
开放
合作
聊聊吧
000

加密频道

受保密协议约束

请输入访问码

向 Yan 索取访问码 ↗
开放
合作
聊聊吧
YAN FONTÃO 完整案例

频道 25 移动应用和落地页

Anji

Anji 的应用页面和落地页。Anji 是一款定位于灵性与身心健康的 AI 陪伴。设计把对话向导的选择、每日情绪打卡和当天的阅读结合在一起。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
Anji 的演示封面,来自原始设计文件。
演示封面,来自原始文件。

灵性与身心健康陪伴应用,连同它的落地页

来自原始 Figma 设计文件的页面,使用示例数据。

我的贡献

Anji 把自己介绍成一个有两面的 AI 陪伴:基于信仰的对话,以及心理健康;它的落地页称它为“a sanctuary for mind and soul”。

这个案例讲的是我设计的界面:一个人如何选择对话、标记情绪,并阅读应用给出的内容。

询问要和谁聊天的页面,背景是淡紫色渐变,有四张白色卡片,分别是 Amos、Iris、Eli 和 Lucy,每张都有插画头像、角色和一行说明。
聊天首页:四位向导,每位都有角色和一行关于对话的说明。
滚动浏览设计稿:落地页,从第一个承诺到最后的号召。

选择和谁聊

聊天选项卡一打开是四张卡片,而不是一个空输入框。每张卡片有一个插画头像、一个名字、一个角色,以及一行说明可以期待哪类对话,所以不用输入任何内容就能先做出选择。Amos、Iris、Eli 和 Lucy 对应信仰这一面,落地页还加了第二组身心健康方向的向导。

阅读页面,有一排彩色的日期方块、日期 7 月 26 日、一个葡萄牙语标题和一段关于信仰的长正文,下方是一条带有 Back 和 Send to a friend 的栏。
阅读:当天的文字,日期用情绪颜色标出,并提供分享的途径。

一个小小的日常习惯

Today 页面会问你感觉如何,并给出五种带插画的情绪:被爱、开心、平静、悲伤和焦虑。上方的一周日期条让前几天始终可见,下方的卡片说明这个选择会解锁什么:当天的一句真言、一段祷告和一份星座运势。

阅读页面把这些情绪颜色带到它的那一排日期里。长文用衬线体排版,留有阅读的空间,Back 和 Send to a friend 浮在底部的一条栏里。

情绪打卡页面,有五个带插画的圆圈,分别是 Loved、Happy、Calm、Anxious 和 Sad,上方是一周日期条,还有一张卡片说明选择情绪会解锁什么。
Today:选择情绪会解锁当天的真言、祷告和星座运势。

落地页上同样的两面

落地页从紫色首屏往下,依次是两组向导卡片、四项核心功能,以及分开的 Faith Focus 和 Therapy Focus 横幅。深色卡片上的细线插画让每位向导有各自的样子,两个横幅把两种定位分开,各用一种颜色。

完整的落地页,深紫色,有首屏标题和一部倾斜的手机、两组向导卡片、四张功能卡片、信仰与疗愈横幅,以及结尾的行动号召。
落地页,从首屏到结尾的行动号召。