跳到正文
TV view聊聊吧
中文
全部作品

移动应用和落地页

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 横幅。深色卡片上的细线插画让每位向导有各自的样子,两个横幅把两种定位分开,各用一种颜色。

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