Screens from the redesigned Production Times dashboard

Internship / Production Times Ticket Newsletter

Production Times is an internal ticket processing system for the Ontario Public Service in the Digital Solutions Branch. It analyzes tickets created by developers for the three major data streams.

Role
Software Engineer & Frontend Developer
Tools
Figma, FigJam, React, React Charts, Excel, PowerPoint
Timeline
Jan 2025 – Aug 2025
Team
4 Students

Problem

Employees struggled to track ticketing metrics across three systems, leading to delays and miscommunication.

The manual ticket processing system had a few problems:

These issues made it difficult for leadership to evaluate team performance, and caused co-op students to spend hours tracking down missing details, which sometimes delayed newsletter releases.

7+ Excel Files

used to manually compile ticket data before

20 Hours/Month

spent manually analyzing ticket data

3 major ticket streams

unified into one dashboard

Design process

We began the design sprint with minimal requirements, to encourage all four of us designers to interpret the problem creatively. I proposed designing a flexible newsletter application that allows users to preview templates or start a new newsletter from scratch. I emphasized a "past newsletters" browsing experience so that users could also access any missed information from past newsletters, making it easy to revisit previous reports and avoid redundant work.

I wanted the user to be able to preview the newsletter from the app, and to either start a new newsletter from scratch or use the template.

Initial design sprint: newsletter app homepage Initial design sprint: naming a new newsletter Initial design sprint: newsletter preview screen

After our initial design sprint, all the interns met to review each other's work with our supervisor. We discussed the pros and cons of each design, identifying overlaps and gaps. Some of these ideas were kept, and others were iterated on or dropped based on user clarity. Once we aligned on a shared direction, we refined the work into one final design.

Consolidated design combining ideas from all four interns

Developer feedback

We presented our prototypes to senior developers. They suggested:

Based on this, I restructured the layout and mimicked the old PowerPoint format.

Wireframe iterations for the dashboard layout
Here's how my wireframe evolved during this process.
Final wireframe breakdown
Final wireframe breakdown.

Iterations

We presented the app three times and refined it based on feedback. Major changes included:

Revised navigation across pages Past-year stats component Calendar component

Implementation

Design

  • Redesigned the entire app with a modern blue palette
  • Created "Stats of the Month" and "Joke of the Month" components
  • Used React Charts for responsive graphs
Illustration of the final design system components

Final designs

Final loading screen Final dashboard Final SSM stream page

Learnings and reflections

My biggest takeaway from this project was realizing how crucial documentation is during handoffs.