Calendar
A new mobile calendar built from scratch for safety professionals, surfacing tasks, actions, and reminders in one place, with flexible views designed for how different people actually plan their work.
Company
ecoPortal
My role
Product designer
Tools
Figma and Claude Code
Context and process
ecoPortal's mobile app had no calendar. Users managing tasks, actions, and deadlines had no unified way to see what was coming. They navigated separate lists across different sections of the app and pieced together their own schedule mentally. The calendar was designed to change that: a single, flexible view of everything on a user's plate, built to match how people actually think about time and planning.
Designed from a blank page
With no existing pattern to iterate on, the calendar required foundational decisions from the start: what content types to surface, how to represent time, how to handle density, and where it should live within the app's navigation. Every choice was deliberate.
Exploration before execution
Before settling on a direction, the design went through substantial exploration: different calendar treatments, content hierarchies, and visual approaches. That process was about exploring different nuances of how calendars can be designed.
Utility with personality
Beyond the functional design, the calendar was given a visual identity of its own: illustrated seasonal covers that change across months, bringing a sense of time and character to a screen users would open daily. In a product built around safety reporting, moments where different illustrations and visuals can be explored are very welcome.
Design question
How might we give mobile users a single, reliable view of their workload that feels personal and approachable, without adding complexity to an already rich product?
Key design decisions
Unified content, multiple types
Tasks, actions, and reminders each come from different parts of the product but needed to coexist naturally in a single calendar view. The design defined a consistent card system that could represent all three types.
The home screen widget
The calendar can be accessed from the home screen through a dedicated widget, surfacing the day's most relevant items without requiring the user to open the calendar at all.
Delight is a product decision
The illustrated seasonal covers weren't a cosmetic addition, they were a deliberate choice to make the calendar feel like something worth opening every day. In a product that deals with incidents, audits, and compliance, a small moment of warmth has an outsized effect on how the app feels overall.
Results and business impact
Fewer actions slip past their deadline
Safety professionals now see tasks, actions, and reminders in one place instead of reconstructing their week from separate lists. Corrective action close-out time is a core EHS metric, and overdue actions are the most common way compliance obligations quietly slip.
Planning stops leaving the product
With no calendar in the app, users tracked their ecoPortal deadlines in third-party calendars and to-do tools, so their real schedule lived somewhere the product couldn't see or keep current. A native view brings that planning back to where the work actually happens, with nobody maintaining a second copy of it.
A reason to open the app daily
The home screen widget and the illustrated seasonal covers make the calendar something worth returning to. Daily engagement matters commercially: a product people open every day is far harder to displace at renewal.