A no-frills, on-demand service status checking app.
TechStatus is an all-in-one solution for seamless service monitoring across the WarnerMedia empire. No more unexpected outages, just real-time insights on mobile app, website, and server health. Get instant notifications on maintenance updates and comprehensive data on the overall well-being of services.
Prior to early 2019, WarnerMedia lacked a practical solution for company-wide service monitoring, causing frustration among employees in various tech organizations. This absence led to increased downtime, prolonged outages, and a lack of awareness about service health, hampering productivity. Employees faced challenges due to the lack of a centralized monitoring system for apps, websites, servers, and other services.
In response, I developed TechStatus, a user-friendly mobile app providing real-time insights into service health across WarnerMedia. TechStatus empowers users with instant notifications on outages, maintenance updates, and overall service status, enabling swift response to issues. By centralizing data and streamlining monitoring, TechStatus enhances productivity, reduces downtime, and improves employee satisfaction.
The crux of this project focused on extensive research and UX efforts. Through collaborative stakeholder engagement, I was able to build the groundwork for a user-centric solution.
As an initial step, understanding the target users' needs was paramount. I formulated objectives and conducted research through quick stakeholder meetings. This highlighted diverse user behaviors, leading to the categorization of users based on their needs.
Oversees an entire organization within one of the WarnerMedia brands and teams associated with them - product managers, directors, and ops teams.
Owns and is responsible for products within their portfolio. Oversees teams dedicated to building and maintaining these products.
Builds and maintains a specific product(s) and is responsible for addressing any issues and executing solutions for them. Only reports and tracks issues within team.
Mapping out a user flow was an important step that ensured intuitive navigation and seamless interaction between each proposed feature of the app. This approach streamlined processes, and minimized friction points.
I conferred with both Product Management and engineering to make sure we agreed with the data and feature set. From here, I began creating lo-fi concepts and, ultimately, a functioning prototype outlining the necessary user flow.
I opted for a color-coded system with bright warm colors for urgent issues and green for stable services. I chose a dark color palette of cool grays and violets for contrast, while using a simple sans serif font in white for legibility.
Carefully selected icon sets were employed: one for informational purposes, delineating service types, and another for functional use, indicating user actions. Both sets enhance usability and clarity, ensuring a visually engaging experience.
By modularizing elements such as buttons, cards, and navigation bars, I optimized efficiency and maintenance while facilitating a cohesive and polished user interface.
The initial view displays health metrics for all WarnerMedia brands which can be switched by using the toggle at the top. Issues display by the time they were discovered. Users can click the service to get a detailed report of the problem and any updates on it.
Allows the user to search for and add services to a personal list. From here, a separate panel is displayed to provide a health report for only those specific services.
Lists scheduled maintenance dates and times so users can plan for when services will be down. The calendar is also filterable and provides a detailed view as to why the service needs maintenance.
The intuitive search capability allows users to find services quickly using typeahead. The tabs at the top also allow for easy navigation through the different service types.
When issues are detected with a particular service, the app can create a report that will notify the service owner. Users search and select the service, denote the type of issue and then create a summary report to submit.
