Portia Page Pilates
Website
Brand Discovery | Visual Guidelines | UI Design
Background
Portia needed an easy-to-edit website to engage her international fitness community she built from years of traveling as a Pilates Master trainer, Les Mills trainer and group fitness instructor. She also needed a place where potential studio partners could get to know her through recognition, testimonials and her writing experience.
Insight
After listening to Portia’s goals we agreed the brand should be “fun, educational, engaging and life-like” and a warm, inviting color palette. The website was built on Squarespace for ease of self-editing including the addition of blog and event posts.
Goals
- Create a warm brand that communicated “fun, educational, engaging and like-life” qualities of her work.
- Crafting content that communicated the level of professionalism and experience Portia has.
- Streamline task flow for each audience (group X enthusiasts, fitness partners, former participants wanting to stay in touch)
Sitemap
The site map was created to offer different task options on each page, so no matter where you land you can complete your task in only a few clicks.
Moodboard + Brand Adjectives
Fun, educational, like-like, engaging were Portia’s core adjectives and were taken into consideration when creating the website design system.
- Typefaces for headlines and body copy that were warm, welcoming and slightly formal
- A color palette that was inspired by nature
- Sunflower illustrations as a symbol of adoration, loyalty and longevity (also Portia’s favorite flower)
Creating a UI based on a Squarespace template and visual guidelines to create a unique experience that could be easy for Portia to edit.
UI Features
The navigation at the top of the page includes the CTA to “Stay Connected” influencing visitors to join Portia’s mailing list, her main marketing channel to communicate upcoming news.
Using the sunflower design elements and a warming filter on the photos, it creates a warm, energizing layout.
Creating cards for different Pilates options initiates the streamlined task flow for different audiences, making it quick to book your option. Having plenty of photos of Portia in a group setting, show her engaging teaching style.
Launched a beautiful website.
Working with Brooke enabled me to get a working website up and running. I was literally paralyzed before working with her and unable to figure out the complexities and intricacies of navigation and development of a viable and useable platform. Brooke made the process and the work ‘doable’ and attainable.
Portia Page, Teacher of Movement & Education of Movers, Portia Page, LLC
