9-20am Web App

SaaS dashboard UX and UI design for marketing data analytics.

Client
Smart Giraffe Research
Brief
UX & UI Design
Work
Design, Prototyping, HTML & CSS
Platform
.NET SPA on Azure
9-20am dashboard interface showing marketing data timeline

9-20am is a SaaS-based dashboarding tool for business marketing data. Based on a timeline with a detailed breakdown of marketing budget and actual spend, the data feeds from a variety of external sources are shown across the same linear timebase—allowing easy correlation observations and deeper understanding of how marketing activities affect web traffic, social engagement, and conversions.

With a unique presentation concept, the user interface design was a challenge. The key was to find a way of presenting multiple streams of data in an intuitive and visually attractive interface, whilst allowing the user to add financial data directly in the dashboard in a similar manner to a spreadsheet.

Every aspect of the interface, from the original UX concepts and sketching to the individual icons, were designed from scratch in what was one of the broadest UI/UX projects we have worked on.

The platform was developed in .NET as a SPA, hosted on Microsoft Azure. As well as the product UX/UI design, we also designed and built the main marketing website using Statamic as the CMS. This included several custom graphics and illustrations, and we compiled and edited a broadcast-quality product promotional video.

9-20am application screens showing data visualisation

Have a project in mind?

We'd love to hear about it.

Get In Touch