Main Street Capital
website redesign

Main Street Capital Screenshot

The Project


Understanding the Client

The Challenge

Main Street Capital Holdings, LLC is a small private equity firm located in Pittsburgh. The project consisted of redesigning the website to demonstrate their capabilities in working with companies ranging from mid-market values up to large-dollar enterprises. The challenge was to find meaningful imagery that made it easier to digest the text heavy content.

The Action

The first mood board explored incorporating blues to the original green and gold brand guidelines to add a more professional, clean and modern value system. I also researched main street signage to extract shapes, textures and font styles. After multiple working sessions with the client, we merged contemporary concepts with a more traditional color scheme.

The Results

The final product was developed in WordPress CMS using Advanced Custom Fields to customize the sections in the backend and make it easier for future updates. For development best practices, the code was written using HTML5 and Sass.

Role

  • UX & UI Designer
  • Web Developer

Tasks

  • Research
  • Visual Design
  • Image preparation for development
  • Front-end
  • Back-end
  • Browser Testing

Tools

  • Photoshop
  • Illustrator
  • HTML5
  • SaSS
  • JavaScript
  • WordPress
  • PHP
  • Advanced Custom Fields
  • Git
  • Virtual Machine

Features


Font Analysis and Research

Main Street Capital Font Analysis and Research

Initial Moodboard

Main Street Capital Initial Moodboard

Color Schemes

Fonts

Page Titles — Museo Sans

font Museo Sans

Section Titles — Merriweather

font Merriweather

Paragraphs — Merriweather

font Merriweather

Iconography

Main Street Capital Icon Main Street Capital Icon Main Street Capital Icon Main Street Capital Icon

The Design


Homepage

Main Street Capital Homepage

Interior Pages

Main Street Capital Interior Page