Option 1

Design Option #1

With this design option, we wanted to elevate Mecanica’s preexisting aesthetic to a 2.0 approach. Component’s have been reorganized and modernized highlighting some of the latest web design trends (texture, structured typography and overlapping text and images) in a mobile-first approach.

Home Page: Desktop | Mobile
Internal Page Example: Desktop

Arrow
Option 1

WHAT'S NEW

  • > Relocation of News section
    Prioritizing this section so that the most “current” content stays on top, which makes it quicker/easier to access.
  • > FAQ Section
    Having a FAQ section increases visibility in search results. It also improves the user experience by providing quick access to commonly asked questions.
  • > Services component streamlined
    Focus on larger imagery for quicker visual connection to subject-matter
Option 2

Design Option #2

With this option, we took a progressive design approach that combines top design trends for maximum visual impact. Component’s have been simplified for ease-of-use. This overall aesthetic brightens the brand voice (visually) while providing balance to the more dynamic imagery.

Home Page: Desktop | Mobile
Internal Page Example: Desktop

Arrow
Option 2

WHAT'S NEW

  • > Condensed Services section
    Design was streamlined to take up less real estate. Implemented a scroll/swipe approach to view all services.
  • > CTA reinforced
    Visual treatment to help emphasize “Free Case Review” feature
  • > FAQ Section
    Having a FAQ section increases visibility in search results. It also improves the user experience by providing quick access to commonly asked questions.