Main Street

Why work for a company when you can own one?

Main Street equips aspiring entrepreneurs with everything they need to start, grow and run their own painting service business.

They hired me to enhance their design system and design 3 crucial areas of their app: onboarding, estimate engine, and production management tool.

* Main Street joined forces with Hoist.

Design System Onboarding Estimate Engine Production Management Tool Roberto Simões (Product Designer) John Salzarulo (Head of Engineering) Zach Davis (Head of New Verticals) Ankit Gupta (Director of Product) Frank Lee (Product Owner)
Main Street
TOOLS Bootstrap / StimulusJS / Ruby on Rails Figma Github Notion

Design System

Main Street was preparing for the next step. Until then, they had no designer working full time. They had only the Bootstrap framework customized with their web app's brand fonts and colors as a design system.

The Design System of a company is complex and ever-evolving. They wanted to prepare the ground to hire their first full-time designer and start developing native mobile apps. I should first migrate Boostrap's library from HTML/ CSS to Figma and then keep Bootstrap and Figma in sync while designing new areas of the web app.

MainSt. Design System picture

Onboarding

Main Street helps its clients at every stage, from establishing an LLC to branding and marketing of the company. Everyone who has set a company knows how complicated and time-consuming the process is.

My mission was to help the user provide all the data needed to form the company, open a bank account, define services, branding, and marketing. All this info should be carried out in the most uncomplicated way.

I proposed to Zach Davis and John Salzarulo that we divide the data inputs into 4 major areas, each with its own subdivisions:

ONBOARDING 1. Sign Up 2. Company and Services 3. Branding 4. Marketing
Sign Up Screen

1. Sign Up

Sign Up Screen

2. Company and Services

Estimate Engine

Most Main Street customers had little to no experience in the painting industry. Estimating costs is a crucial part of the business. Even for experienced professionals, making profitable, winning proposals is a big challenge. Therefore, Main Street wanted to provide a simple and efficient tool.

I worked with Ankit Gupta and an experienced painting professional to create one of the most complex projects of my entire career. I don't know most of the tools and materials involved in painting. The estimation engine is a challenge for business owners, and it was for me.

Estimate Engine Dashboard Screen
Estimate Engine Mobile Dashboard Screen

Production Management Tool

I worked with Frank Lee on a tool for business owners to remotely manage the painting crew.
Therefore this tool was divided into 2 apps:

Business Owner App

The Owner can check which areas have already been executed, review and approve the work done by the onsite crew.

Estimate Engine Sign In Screen
Estimate Engine Sign In Screen

Onsite Crew App

The onsite crew access all areas to be painted. Everyday they upload photos to show the progress until the owner approves the final work.

Crew Item Screen
Crew Review Screen

“Roberto is the best designer I ever worked with. His critical thinking and emotional design make any project shine.”

Zach Davis picture
Zach Davis – Head of New Verticals
No cookies + Info Designed & Coded by Roberto Simões
-- Berlin, Germany