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:

  1. Sign Up
  2. Company and Services
  3. Branding
  4. Marketing
Picture coming soon

Coming Soon

Estimate Engine

Many Main Street customers had little or 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, 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 a residence or business. The estimation engine is not only a challenge for business owners but also for me.

Estimate Engine Dashboard Screen
Estimate Engine Sign In Screen

Production Management Tool

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

Business Owner App

Picture coming soon

Coming Soon

It takes all the areas and items listed in the Estimation Engine, organizing them logically and simplifying the service's execution.

The Owner can check which areas have already been executed, review and approve them by communicating with the onsite crew.

Onsite Crew App

Picture coming soon

Coming Soon

In the app for the crew, besides seeing all the environments and materials needed to perform the service, they can upload photos and make comments regarding the work.

“Roberto is the best designer I ever worked with. His logical 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 in Berlin, Germany