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

Yan
OPEN
TO WORKLet’s talk
Yan Fontão Boring view
TV viewPT
All work

Case 048Web app and dashboard design

AMIE Client Portal

A portal design for Cullen Cleaning Services, shown on screen as CORE by CCS and AMIE Client Portal, with a dashboard for sites, quotes, tickets and audit scores. The rows in its tables are placeholder text.

Contribution
Interface design
Project status
Web portal · Figma archive
Laptop showing the client portal entry beside the brand’s leaf mark.
The file’s presentation cover.

01

My contribution

AMIE Client Portal is a single place to follow your cleaning services from Cullen Cleaning Services, under the CORE by CCS mark. The Figma file covers login, two-factor verification, a dashboard and an audit list.

Dashboard with a near-black sidebar and the CORE logo. Four counters for active sites, open quotes, open tickets and audit score sit above a green line chart of monthly audits, a week strip of open quotes, and tables for cleaning status and support tickets with placeholder rows.
The dashboard, with counters, an audit trend and placeholder rows.

02

Four numbers, then the detail

The dashboard opens with four counters: active sites, open quotes, open tickets and the average audit score. Below them, a line chart follows audits month by month beside a week strip of open quotes, and two tables track cleaning status and support tickets. The rows in those lists still hold placeholder text, so this is a layout rather than a filled-in screen.

Full-bleed forest photo with the CORE by CCS logo, the label AMIE Client Portal and the line Your custom built portal to overview of your cleaning services from Cullen Cleaning Services. No form appears in this export.
The portal’s entry panel, exported without its login card.

03

A long menu in a dark column

A near-black sidebar holds the whole system, from staff and site management to the audit tool, supplies, work schedule, health and safety, maps, reports and tickets. Beside it the content area stays white with soft green cards, and the same green marks the selected day and completed statuses.

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

Use Left / Right for the previous / next item, the image buttons or horizontal scrolling. Click a side image to bring it forward. Scroll down or click the center to return to the board. Preview videos and gallery images play automatically; Pause stops both. Focusing the image controls also pauses changes until you leave them.

Music on the board

Files compressed and levelled for the web.

OPEN
TO WORKLet’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 WORKLet’s talk
001–061

Type a channel

Mobile

  1. 001BabyVerified
  2. 002Rei do Pitaco
  3. 003BetterTogether
  4. 004Hello You
  5. 005MeuCommerce
  6. 006TerasApp
  7. 007Hidratasport
  8. 008Boomerang Video Editor
  9. 009DoBetrBoy
  10. 010DigiKisan
  11. 011HubProlog
  12. 012ShaktiGrid
  13. 013Momentálity
  14. 014Grand Plaza
  15. 015DossApp
  16. 016Univesell
  17. 017Helps On
  18. 018MAT APP
  19. 019Boater
  20. 020NeverSoft
  21. 021Ageu
  22. 022AglomeraNão
  23. 023VascoApp
  24. 024GoVoice
  25. 025Anji
  26. 026Contacts Sync
  27. 027Needrr
  28. 028Heartbeat
  29. 029Rollê
  30. 030Face Skin Analysis
  31. 031Habit Tracker
  32. 032Hack For Good

Product

  1. 033Synergy Insurance Affiliates
  2. 034OneTool
  3. 035Motorola Device Manager
  4. 036Autopost.ai
  5. 037FormaAI
  6. 038BabyVerified · Landing Page
  7. 039MotoTalk
  8. 040MotoSafe
  9. 041Financias
  10. 042Rei do Pitaco Research
  11. 043Stream Stickers
  12. 044Infinitoon
  13. 045Orka
  14. 046Manaus Mais Humana
  15. 047ÉOS Energia
  16. 048AMIE Client Portal
  17. 049Certify

Web

  1. 050SUTATO
  2. 051Gypsy — Tickets
  3. 052Lex by Alexandria
  4. 053Trackland
  5. 054Succession Now
  6. 055Straight Up Marine Group

Brand

  1. 056Qualifyer
  2. 057MeuSplit
  3. 058Divine’s Bake Shop
  4. 059Pasta Morada

Stories

  1. 060Process
  2. 061Flows
OPEN
TO WORKLet’s talk
000

locked channel

Under NDA

Enter the code

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

Channel 48 Web app and dashboard design

AMIE Client Portal

A portal design for Cullen Cleaning Services, shown on screen as CORE by CCS and AMIE Client Portal, with a dashboard for sites, quotes, tickets and audit scores. The rows in its tables are placeholder text.

Contribution
Interface design
Project status
Web portal · Figma archive
Let’s work together LinkedIn
Laptop showing the client portal entry beside the brand’s leaf mark.
The file’s presentation cover.

Sites, quotes, tickets and audits on one dashboard

Frames from the original Figma file. The phone number on the login is removed, and the frame with named people is left out.

My contribution

AMIE Client Portal is a single place to follow your cleaning services from Cullen Cleaning Services, under the CORE by CCS mark. The Figma file covers login, two-factor verification, a dashboard and an audit list.

Dashboard with a near-black sidebar and the CORE logo. Four counters for active sites, open quotes, open tickets and audit score sit above a green line chart of monthly audits, a week strip of open quotes, and tables for cleaning status and support tickets with placeholder rows.
The dashboard, with counters, an audit trend and placeholder rows.

Four numbers, then the detail

The dashboard opens with four counters: active sites, open quotes, open tickets and the average audit score. Below them, a line chart follows audits month by month beside a week strip of open quotes, and two tables track cleaning status and support tickets. The rows in those lists still hold placeholder text, so this is a layout rather than a filled-in screen.

Full-bleed forest photo with the CORE by CCS logo, the label AMIE Client Portal and the line Your custom built portal to overview of your cleaning services from Cullen Cleaning Services. No form appears in this export.
The portal’s entry panel, exported without its login card.

A long menu in a dark column

A near-black sidebar holds the whole system, from staff and site management to the audit tool, supplies, work schedule, health and safety, maps, reports and tickets. Beside it the content area stays white with soft green cards, and the same green marks the selected day and completed statuses.