Spencer Psychology

2017
FireShot Capture 18 - Spencer Psychology – of Bloomington, Indiana - https___spencerpsychology.com_
File Jan 26, 2 43 11 PM

Design Roles

  • Brand development
  • UI design
  • Front-end development
  • Print design

The Process

Spencer Psychology was gearing up to open a new location and add new staff. With so many changes needed to their website, it seemed like a good time to reevaluate the user experience and do a redesign. PenceLdesign updated the Spencer Psychology brand, transformed their website, and as a finishing touch, redesigned the business cards to match the updated brand look.

1Site Audit

The old site was not mobile-friendly, and while loaded with information, weighed in at a clunky 26 pages. The appointment scheduling process was disjointed and confusing.The web typography was inconsistent with the business’s print materials.

2Mood Boards

In the early stages of the redesign, we explored options for web typography, color palettes, and imagery through iterative mood boarding.

Screen Shot 2017-01-15 at 3.57.19 PM
Screen Shot 2017-01-15 at 3.58.43 PM
Screen Shot 2017-01-15 at 3.59.06 PM
Screen Shot 2017-01-15 at 3.57.35 PM
Screen Shot 2017-01-15 at 3.59.28 PM

3Color & Typography

In the battle of the brands, color palette 1 was the final winner. We chose Google font Monteserrat for its similarity to existing Spencer Psychology print materials.

SpencerPsychology-ColorPalettes
Screen Shot 2017-01-27 at 10.28.52 AM

4Information Architecture

The site was completely transformed, with new navigation, a restructured appointment scheduling experience, individual bios for each staff member featuring interactive sorting by each practitioner’s specialties and modalities, and tailored storytelling from page to page.

FireShot Capture 28 - Jennifer Spencer, Ph.D HSPP_ - https___spencerpsychology.com_jennifer-spencer_
FireShot Capture 11 - Meet Our Staff – Spencer Psychology - https___spencerpsychology.com_staff_
FireShot Capture 9 - EMDR – Spencer Psychology - https___spencerpsychology.com_services_emdr_

5Responsive Design

You just have to see the fantastic responsive interface to believe it. Coded from a mobile-first perspective, it has a responsive menu, fast load times, smooth animations, and as a little icing, icons for iOS, Windows, and Android devices.

Before

After

From the Client

“I have had several redesigns of my website as the business has grown, and hired PenceLdesign for the latest update. Laura completely reworked the layout, colors, and interactivity. It is amazing. She did things that I didn’t know to even ask for. Her design is beautiful. She was also extremely responsive, efficient and easy to work with. The site went up quickly, and I could not be happier. She is an A+.”
Dr. Jennifer Spencer

Visit the site