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.