A North Star for Statuspage

Date Mar 2018	Company & Product Atlassian Statuspage
Role Lead designer Built the proto-personas and design principles as foundation for the design sprint. Led design, documentation and presentation of the project.	Mission Build a product vision that can inspire the team when the team was facing struggles on product position

Background

Statuspage was acquired by Atlassian 2 years ago, as Atlassian grows fast in developer tool market. Statuspage team start facing struggles of where should the product be positioned in the company’s strategy. For a while, the team has debates over directions, and those debates start influence the team’s day-to-day work. While no one is sure what is really important for the product’s future, the working morale also became low. As the result, the leadership team decided it’s time to find our “North Star” – a product vision that can inspire the team.

Design Sprint

To produce the vision together, we decided to run at Design Sprint. And before Design Sprint week coming, we have conversations about our users and set up the full set of our own proto-persona

Among 5 persona’s, there are different needs for each one, after long discuss, we decided to focus on Support persona and dev team’s internal communication. An incident / downtime for software developing team usually has 6 phases: detect-diagnose-remedy-fix-resolve-evaluate. We interviewed Atlassian’s IT and Support team to understand what do they do in each phase, and what are the pain-points for them at the moment.

And here is the user journey map using our customer Square as example:  

Quick Sketch and Story Board

Based on the ideas generated through the user journey, the leadership team get together as at team started sketching the UI ideas on papers. Then we discussed and sorted them into a user story. Here are the sketches:

High-fidelity Mocks

After we have the story, we decided that best way to present the vision to the team and the company is making a video of it. So designer Rohan and me started put them into real mockups. Here are the mockups:

Make it a Video

And after this, we made the video through Keynote: