top of page

Alert Settings Redesign

Clockwork Logistic Systems

Role: User Experience Designer

Industry: Supply Chain

Users: Carriers, Customers, Administrators, Clockwork employees

Programs Used: Figma & Zeplin

Problem Statement 

We need a way to manage and set up alerts in the new portal platform. Long-standing customers are having to visit the old/outdated administration portal to adjust alerts and new customers are having to ask the Customer Success team to handle those changes for them.

Constraints

  • It needs to take into account all existing alert configurations and new ones

  • It needs to be done in 1 sprint

  • Must not change interaction too drastically to preserve the backend development in place

​

Expected Timeline:

  • Design starts in mid December and gets done by end of December (2 weeks)

  • Development in the test environment begins TBD

Design Process

  • The product manager scheduled a meeting to go over the the task, describing the details of the task, reason for the task, and other requirements.                                              

  • Start looking at the old administration portal to gather required fields/interactions and make a list of all alert configurations. Do a brief UX audit to take note of what improvements need to be made. 

​

  • Present UX audit to the product team to explain my plan for the redesign. 

​

  • Start designing initial screens for the existing alert configurations.

​

  • Show the product team progress and get list of new alert configurations to include in the wireframes.​

​

  • Present designs for feedback/approval from product team, leadership team, and development team

​

  • Set up separate call with Frontend Developer to go over technical requirements for the screen

Original Screens

alertlist.png
alertsett.png

Final Wireframes

Alerts Settings Table.png
Approaching Delivery-1.png
Approaching Delivery-2.png
Approaching Delivery.png
Container FCL Available for Pickup.png
Updated Pickup Location.png
Updated Delivery Location.png
bottom of page