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.
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.
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.
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
