Allstate Branding

By erineaman | Posted on April 9, 2018
Encompass / Allstate UI Moodboard
The first responsive design front end and backend Bootstrap code delivery for Allstate
Alternate design comp
Initial style for responsive design after 3 different designs were presented.

Problem

New insurance sub-brand for Allstate needed a high quality look and feel, to stand alone as a separate product from Allstate branding.  I produced three different visuals that were executed across desktop, tablet, mobile device for project style selection. Further development included content planning, page layout for the entire site and Bootstrap page development.

Approach

Allstate out of Chicago needed a Creative Director to help define their new initiative. I took the opportunity as a remote contractor for a few months of steady 60 hour workdays. Communicating directly with their UX/UI team and their team of developers to establish a few different designs for their experience. After selecting a design with their senior executive team they pursued a fully responsive bootstrap solution. I supplied the design style guide, page coding, and design elements. It was the first responsive website created by Allstate.

Deliverables

  • Wireframes
  • Style Moodboard
  • Interface Design
  • Conceptual Mockups
  • Sitemap
  • User Flow
  • Photo Selection
  • Style Guide
  • Bootstrap Code Development
  • Design Page Layout
  • Personas
  • Design Files
  • Vendor Selection
  • Agile Collaboration
  • Proven Ability to Work Remotely