Postmark Status Page

Tags
Data VisualizationFrontendReactUIVisual Design
Postmark Status Page

The general concept for the page, apart from being a place to inform customers about current service outages or incidents, is to provide a proof of the marketing promise of the most reliable transaction email provider out there.

For that reason, there is a very detailed information about current and past service performance. Most notably, a unique “Time to Inbox” metric, showing how much time it really takes an email to reach a customer.

From the technology perspective, this page is one of the earliest example of server-generated single page application. Server-generated means, that every page is pre-generated upon a request to allow better SEO and faster loading times. After a page is displayed, a single-page application kicks in and adds additional interactive visualizations on both desktop and mobile, showing a prime example of “progressive enhancement” technique.

CleanShot 2021-09-23 at 11.37.31@2x.png

CleanShot 2021-09-23 at 11.37.46@2x.png

CleanShot 2021-09-23 at 11.37.58@2x.png

A nice touch: the icon in the browser tab shows current system status.

A nice touch: the icon in the browser tab shows current system status.

Get in touch: hi@component-driven.dev