Designing an API Notification Feature
Created a sign-up flow for email notifications on API and Product updates, focusing on intuitive interactions and cross-device usability.
Role
UI Designer
Industry
Oil & Gas Industry
Duration
2 months
The Problem
Developers using APIs and Products had no way of knowing about changes or updates unless they manually checked the release notes on the developer portal. This resulted in missed information and a disrupted developer experience.
The Solution
Introduce a feature that allows users to sign up for email notifications for specific APIs or Products—keeping them informed without extra effort.
Design Process
On this feature, I worked closely with the UX designer and was also involved in several UX-related tasks. Due to the complexity of the feature, we broke the design into three distinct parts:
Sign up for notifications on an API or Product detail page
Sign up for notifications from the API or Product catalog page
Manage your subscriptions in a centralized notification center
This phased approach proved highly effective. While developers implemented one part, I could begin designing the next. It also allowed for faster, independent rollouts — meaning we didn’t have to wait for the full feature to be completed before gathering user feedback.
The most challenging aspect was designing an intuitive sign-up flow without relying on a tutorial, which users would likely skip. After some brainstorming, we decided to use hover and click interactions to guide users instead. On hover, a tooltip briefly explains the feature; on click, users can easily toggle notifications on or off.
Final Design
The final deliverable was a hybrid of UI screens and user flows. I used well-defined UI components to build screens and arranged them as a flow of interactions. Each screen represented a specific state or action within the feature.
This format allowed me to:
Clearly present all possible user interactions
Differentiate between logged-in and logged-out experiences
Show hover and tap behaviours across devices
I believe this structure made the design easier for developers to understand and implement than relying solely on documentation or a clickable prototype.
Reflections
This was one of the more complex features I’ve worked on, and it taught me a lot. The biggest challenge was adapting hover and click interactions for mobile devices, where hover doesn’t exist.
My solution: the first tap on mobile functions as a "hover"— displaying a tooltip with two buttons. The second tap (on one of those buttons) performs the same action as a click on desktop.
This approach preserved functionality across devices while maintaining an intuitive user experience.
Other projects
Redesigning Navigation for Accessibility
Redesigned the top navigation of a developer portal to improve accessibility and ensure consistency with the main corporate site.
Building a Simulation Software Catalog
Designed a responsive catalogue with filtering and detail pages to help users explore and find the right simulation tools — developed in close collaboration with client-side stakeholders.