Drag to explore. Scroll or pinch to zoom. Open Help for keyboard controls.

Yan
OPEN
TO WORK
Let’s talk
Yan Fontão Boring view
All work

Case 025Mobile app and landing page

Anji

App screens and a landing page for Anji, an AI companion positioned around spirituality and wellbeing. The design combines a choice of conversation guides, a daily mood check-in and a reading for the day.

Contribution
Interface design
Project status
Interface design · Figma archive
Anji presentation cover from the original design file.
Presentation cover from the original file.

01

My contribution

Anji presents itself as an AI companion with two sides, faith-based conversation and mental wellness, and its landing page calls it “a sanctuary for mind and soul”.

This case covers the interface I designed: how someone picks a conversation, marks their mood and reads what the app returns.

A scroll through the design: the landing page, from the first promise to the final call.

02

Choosing who to talk to

The chat tab opens on four cards, not an empty field. Each card carries an illustrated avatar, a name, a role and one line about the kind of conversation to expect, so the choice is made before anything is typed. Amos, Iris, Eli and Lucy cover the faith side, and the landing page adds a second group of guides for wellness.

Screen asking who to chat with, on a lilac gradient, with four white cards for Amos, Iris, Eli and Lucy, each with an illustrated avatar, a role and a one-line description.
Reading screen with a row of coloured date tiles, the date 26th July, a title in Portuguese and long body text about faith, above a bar with Back and Send to a friend.
Mood check-in with five illustrated circles for Loved, Happy, Calm, Anxious and Sad, a week strip above and a card explaining what selecting a mood unlocks.
Chat home: four guides, each with a role and one line about the conversation. Reading: the day's text, with dates in mood colours and a way to share it. Today: choosing a mood unlocks the day's mantra, prayer and horoscope.

03

A small daily routine

The Today screen asks how you are feeling and offers five illustrated moods: loved, happy, calm, sad and anxious. A week strip above keeps earlier days in view, and the card below says what the choice unlocks: a mantra, a prayer and a horoscope for the day.

The reading screen carries those mood colours into its row of dates. Long text is set in a serif with room to read, and Back and Send to a friend float in a bar at the bottom.

Full landing page in deep purple with a hero headline and tilted phone, two groups of guide cards, four feature cards, faith and therapy banners and a closing call to action.
Landing page, from the hero to the closing call to action.

04

The same two sides on the landing page

The landing page moves from a purple hero to two groups of guide cards, four core features and separate Faith Focus and Therapy Focus banners. Thin line illustrations on dark cards give each guide its own shape, and the two banners keep the positions apart, each in its own colour.

000

Instructions

Yan Fontão
Tap
Open a screen
Click
Open a screen
Drag
Look around the board
Wheel
Mouse zooms, trackpad moves, pinch zooms
− +
Pull back to see the whole board, or come closer
Arrows
In a case: ↑↓ change case, ←→ change media. On the board: move
Space
Open, or go back
Enter
Open
Esc Backspace
Back
Home
Back to the center, then the introduction
PgUp PgDn
Previous or next channel
Tab
Walk projects and links
R
Random project
0–9
Type a channel, 1–61
?
This page
Shortcuts

Music on the board

Files compressed and levelled for the web.

OPEN
TO WORK
Let’s talk

New message to Yan

Tell me who you are and I’ll get back to you.

000

About Yan

Hello, I’m Yan

Product Designer/ Design Engineer

Most products lose something between design and code. Mine don’t: I research the problem, design the product and ship the interface myself, so what you approve is exactly what your users get.

  • 2018started in software
  • UI + codedesign and implementation

Worked with Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brazil · Remote, hybrid or on-site

Portrait of Yan Fontão seated, in a green sweater and glasses, holding a microphone.
OPEN
TO WORK
Let’s talk
OPEN
TO WORK
Let’s talk
000

locked channel

Under NDA

Enter the code

Ask Yan for the code ↗
OPEN
TO WORK
Let’s talk
YAN FONTÃO Case studies

Channel 25 Mobile app and landing page

Anji

App screens and a landing page for Anji, an AI companion positioned around spirituality and wellbeing. The design combines a choice of conversation guides, a daily mood check-in and a reading for the day.

Contribution
Interface design
Project status
Interface design · Figma archive
Anji presentation cover from the original design file.
Presentation cover from the original file.

A spiritual and wellbeing companion app, with its landing page

Screens from the original Figma design file, with sample data.

My contribution

Anji presents itself as an AI companion with two sides, faith-based conversation and mental wellness, and its landing page calls it “a sanctuary for mind and soul”.

This case covers the interface I designed: how someone picks a conversation, marks their mood and reads what the app returns.

Screen asking who to chat with, on a lilac gradient, with four white cards for Amos, Iris, Eli and Lucy, each with an illustrated avatar, a role and a one-line description.
Chat home: four guides, each with a role and one line about the conversation.
A scroll through the design: the landing page, from the first promise to the final call.

Choosing who to talk to

The chat tab opens on four cards, not an empty field. Each card carries an illustrated avatar, a name, a role and one line about the kind of conversation to expect, so the choice is made before anything is typed. Amos, Iris, Eli and Lucy cover the faith side, and the landing page adds a second group of guides for wellness.

Reading screen with a row of coloured date tiles, the date 26th July, a title in Portuguese and long body text about faith, above a bar with Back and Send to a friend.
Reading: the day's text, with dates in mood colours and a way to share it.

A small daily routine

The Today screen asks how you are feeling and offers five illustrated moods: loved, happy, calm, sad and anxious. A week strip above keeps earlier days in view, and the card below says what the choice unlocks: a mantra, a prayer and a horoscope for the day.

The reading screen carries those mood colours into its row of dates. Long text is set in a serif with room to read, and Back and Send to a friend float in a bar at the bottom.

Mood check-in with five illustrated circles for Loved, Happy, Calm, Anxious and Sad, a week strip above and a card explaining what selecting a mood unlocks.
Today: choosing a mood unlocks the day's mantra, prayer and horoscope.

The same two sides on the landing page

The landing page moves from a purple hero to two groups of guide cards, four core features and separate Faith Focus and Therapy Focus banners. Thin line illustrations on dark cards give each guide its own shape, and the two banners keep the positions apart, each in its own colour.

Full landing page in deep purple with a hero headline and tilted phone, two groups of guide cards, four feature cards, faith and therapy banners and a closing call to action.
Landing page, from the hero to the closing call to action.