Status page examples: 10 status pages showcasing excellent customization and design
We’ve seen a lot of status pages over the years. Everything from scrappy DIY pages for side projects to totally bespoke plans for global corporations has crossed our monitors in one way or another.
We wanted to share some examples of great status pages we’ve seen through the years.
Here are ten status pages that showcase some of the excellent design, planning, integrations, and creative thinking that go into incident communication.
Status page: https://status.twilio.com/
What they do: Twilio helps developers build SMS messaging, telephone calling, and other functionality into their products with software and APIs.
What’s great about their page: It’s impressive how large and diverse of a community Twilio is communicating with through their page. They manage this by setting up different components for their various services and using subcomponents to group related services together. Twilio also takes advantage of Component Subscriptions so that customers only get notified about services affecting them.
2: Georgia Tech Office of Information Technology
Status page: https://status.gatech.edu/
What they do: The Georgia Tech OIT provides IT services and support for Georgia Institute of Technology, supporting a large population of students, staff, and faculty.
What’s great about their page: The Georgia Tech OIT team used custom HTML and CSS on their status page to make it look and feel like the rest of their site, with a familiar navigation bar and links to other OIT resources. It’s a great examples of thinking of the end user’s experience. They also include helpful contact information for their office and a link to file a ticket.
Status page: https://status.mypurecloud.com/
What they do: PureCloud provides a cloud-based contact center for customer support teams.
What’s great about their page: PureCloud added an attractive custom dashboard to their status page, which shows current system uptime in a grid across their various services and regions. It’s a great example of putting the customer experience first while also leveraging some smart design thinking.
Status page: https://status.recurly.com/
What they do: Recurly provides a subscription management platform to help companies manage and grow recurring revenue.
What’s great about their page: Beside creating an overall well-designed and attractive page, Recurly added a quick slice of copy to the top of their page explaining what the status page will be used for. This is a nice touch for users who may not be familiar with status pages. The team here also added helpful links to their blog, Twitter account, and support documentation.
Status page: https://coinbase.statuspage.io/
What they do: Coinbase helps with the exchange of digital currency. It’s the leading platform for the popular Bitcoin currency and the first regulated Bitcoin exchange in the United States
What’s great about their page: Coinbase displays their components inside brightly-colored boxes that change color as the component status adjusts. They also use the custom metrics feature to add graphs displaying system response time and load time.
Status page: https://status.wistia.com/
What they do: Wistia provides tools to help teams host and share high-quality video content.
What’s great about their page: Wistia used page customization to make their page look and feel like the rest of their web pages. They also integrated with their metrics provider tooling to provide a robust set of system metric graphs. As a Wistia customer, I can easily see how long their processing queue is for videos if I’m experiencing an unexpected delay.
Status page: https://status.litmus.com/
What they do: Litmus makes a tool for testing email messages across different types of software and devices.
What’s great about their page: Litmus adjusted colors and style to match their overall design themes. They also added a section at the bottom of the page pointing people to their support agents.
Status page: http://www.vimeostatus.com/
What they do: Vimeo is a video-sharing website that allows people to watch, upload, and share high-quality videos.
What’s great about their page: Vimeo customized the components and performance metrics section in a really attractive way. The entire page is clean and easy to read and matches their product aesthetic nicely. The custom URL is a nice touch as well.
Status page: https://status.shopify.com/
What they do: Shopify is a leading ecommerce platform helping people around the world buy and sell online.
What’s great about their page: Shopify added some custom design elements and a clean list of components. With such a large user base and complex product, they do a good job keeping their page orderly and easy to understand.
Status page: http://status.digitalocean.com/
What they do: DigitalOcean is a cloud computing platform used to host software and data all across the web.
What’s great about their page: DigitalOcean has a huge community of developers putting a lot of trust into their platform. They also have a lot of different services, regions, and products. By taking a different approach to the layout and grouping components into Regions and Services, DigitalOcean creates a great user experience for status communication.