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 013Mobile app design

Momentálity

A family and routine app that gathers calendar, tasks, meals, budget and a community of mothers in one place. Names and figures on screen are sample content.

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

01

My contribution

Momentálity, tagged “Designed for the way you live”, puts the moving parts of a family’s week in one app. The Figma file has 25 mobile frames plus variants, from onboarding and a get-to-know-you setup to grocery and pantry screens; here I show the ones that carry the daily routine.

Home screen greeting Jane, with a week strip, Task Manager and Notification Center shortcuts and a list of today’s events.
Task Manager screen with an AI Assistant card, tabs for Task List, Suggestions and Scheduled, and checklists for today and the week.
A walkthrough of the design’s screens, not a recording: the Home, tasks, meals, the budget and the community. Home gathers the week, the shortcuts and today’s events. Task Manager keeps the AI card above the person’s own lists.

02

Home starts with today

Home answers one question: what does today look like? A greeting sits over a week strip, then shortcuts to the main tools, then the day’s events. Each event has a time chip and a small label (Work, Home, Family), so a work presentation and a tidy-up at home can share one list without blurring together.

03

Suggestions sit above the list, not inside it

In Task Manager, the AI Assistant is one card at the top. Below it, the person’s own list stays in charge, split into Today’s Tasks and Week’s Objectives, with Suggestions and Scheduled kept in separate tabs. Meal Planner follows the same order: one suggestion banner, then the day’s meals as cards from breakfast to night tea.

Budget Overview uses a donut to split the month’s expenses across bills, leisure, health, groceries and education, with daily, monthly and annual averages underneath.

Community screen on the MomNet Community tab, with a Find local connection card, a Nearby Moms map and recent messages from sample members.
Meal Planner screen with a week strip, a suggestion banner and cards for breakfast, lunch, dinner and night tea.
Budget Overview screen with a donut of monthly expenses split by category and daily, monthly and annual averages.
MomNet Community leads to groups, then to mothers nearby. Meal Planner lists the day’s meals under one suggestion. Budget Overview splits the month’s sample expenses by category.

04

A community tab with three rooms

Community holds Chats, MomNet Community and MomNet AI under one tab. MomNet Community leads with a single action, Explore Groups, then a small map of Nearby Moms and their latest messages. MomNet AI keeps a list of prompts grouped by Today, Yesterday and Last 7 Days.

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 13 Mobile app design

Momentálity

A family and routine app that gathers calendar, tasks, meals, budget and a community of mothers in one place. Names and figures on screen are sample content.

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

A family’s routine, one glance at a time

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

My contribution

Momentálity, tagged “Designed for the way you live”, puts the moving parts of a family’s week in one app. The Figma file has 25 mobile frames plus variants, from onboarding and a get-to-know-you setup to grocery and pantry screens; here I show the ones that carry the daily routine.

A walkthrough of the design’s screens, not a recording: the Home, tasks, meals, the budget and the community.
Home screen greeting Jane, with a week strip, Task Manager and Notification Center shortcuts and a list of today’s events.
Home gathers the week, the shortcuts and today’s events.

Home starts with today

Home answers one question: what does today look like? A greeting sits over a week strip, then shortcuts to the main tools, then the day’s events. Each event has a time chip and a small label (Work, Home, Family), so a work presentation and a tidy-up at home can share one list without blurring together.

Task Manager screen with an AI Assistant card, tabs for Task List, Suggestions and Scheduled, and checklists for today and the week.
Task Manager keeps the AI card above the person’s own lists.

Suggestions sit above the list, not inside it

In Task Manager, the AI Assistant is one card at the top. Below it, the person’s own list stays in charge, split into Today’s Tasks and Week’s Objectives, with Suggestions and Scheduled kept in separate tabs. Meal Planner follows the same order: one suggestion banner, then the day’s meals as cards from breakfast to night tea.

Budget Overview uses a donut to split the month’s expenses across bills, leisure, health, groceries and education, with daily, monthly and annual averages underneath.

Community screen on the MomNet Community tab, with a Find local connection card, a Nearby Moms map and recent messages from sample members.
MomNet Community leads to groups, then to mothers nearby.
Meal Planner screen with a week strip, a suggestion banner and cards for breakfast, lunch, dinner and night tea.
Meal Planner lists the day’s meals under one suggestion.

A community tab with three rooms

Community holds Chats, MomNet Community and MomNet AI under one tab. MomNet Community leads with a single action, Explore Groups, then a small map of Nearby Moms and their latest messages. MomNet AI keeps a list of prompts grouped by Today, Yesterday and Last 7 Days.

Budget Overview screen with a donut of monthly expenses split by category and daily, monthly and annual averages.
Budget Overview splits the month’s sample expenses by category.