Magpie Digital
Case study / 02

Middler

Making painting estimates easier to navigate

Project

Website and estimator frontend

Services

  • Web Development
  • Web Applications & Dashboards
Visit website
Project film / Middler

Overview

Middler helps people explore painting estimates for home projects. The work connects the public website with an estimator frontend, giving the product a consistent presentation from its introduction through its estimate-related screens.

A recognizable digital presence

The site’s existing brand mark and homepage illustration bring its visual language into the web experience.

Middler blue geometric brand mark

Brand mark

The mark used throughout the website.

Middler homepage painting-estimator illustration

Homepage illustration

An illustration used in the website’s hero section.

The challenge

Painting estimates involve several choices and inputs. The interface needs to explain the service while keeping the path into an estimate understandable.

The approach

The experience separates introductory information from the estimation workflow. Dedicated estimator and estimate-detail screens organize the interaction, while account and supporting pages give the wider product a consistent structure.

The estimation journey

The frontend connects project inputs with clear estimate screens and supporting information.

Workflow overview

  1. Project inputs

    Enter the details of the painting project.

  2. Estimate screens

    Move through the painting and time-estimate interfaces.

  3. Review details

    Explore the estimate and related project information.

Delivered work

  • Public website pages introducing the painting-estimation service.
  • Painting and time-estimator frontend screens.
  • Estimate-detail, account-access, and supporting information screens.

The result

The website and application screens form a connected frontend for discovering and using the estimating service.

Have a project in mind?

Let’s talk about what you want to create.

Start a conversation