Creative Director & UX

USPolo.org

Art Direction, Brand Storytelling, Concept Development, Creative Direction, Prototype, Research, Strategy, UI, UX

A new digital experience for one of the oldest sport governing bodies in the U.S.

the situation

I partnered with SunnyByte, a development & tech agency, to lead UX and design on the project. We learned of several friction points during stakeholder interviews. During discovery we would align and prioritize what would be most impactful and valuable for our time together. The project scope included design and build of a new home page framework.

the problem

USPolo.org is experiencing poor user engagement, high bounce rate and lack of relevant content.

the SOLUTION

A new framework and interface flexible enough for multiple audiences consists of:

  1. Key global interactions including navigation, search, member portal, CTA buttons, notifications and personalization items.

  2. New content modules, components and cards for new content.

  3. Visual design enhancements with modern use of typography, color and media.

the results

 

Simplicity Is Not So Easily Achieved

It may seem easy to achieve at first glance but often requires a great deal of thought, planning and effort. This involves the underlying technology and infrastructure that supports the design.

Purposeful
Remove any unnecessary elements. Holistic approach from end to end.

Accessible
Ensure a wider audience can access and use the product. Factors include color contrast and font size.

Simple
Establishing a clear navigation helps minimize confusion. Sequence content to help the audience accomplish their goals.

Scalable
Information can be adapted and scaled to accommodate evolving needs and future content. Components may replace other elements throughout the website.

 

For MVP Launch

We prioritized exploring these elements within the homepage framework.

- Refined global navigation & footer

- Mobile menu system

- Live stream a match

- New interface card for scores

- Boxscore with lineup & handicap

- Evergreen sizzle reel

- New UI card design for featured and upcoming tournaments

- Embrace storytelling for “Learn to play”

- New UI card design for newsfeed

- New content area for the new property at Wellington

 
Better communication with stakeholders

Better communication with stakeholders

Leveraged wireframes and prototypes to test and refine ideas, elicit collaboration, better understand user needs and save costs.

Navigation & Information Architecture

Navigation & Information Architecture

Made it easy to read
Word superiority effect suggests that using lower case letters in user interfaces can be more welcoming, improve readability and comprehension.

Color contrast
Made the color darker, easier for the eyes to pick up.

Findable
Ensure the audience can quickly find the content they are looking for.

Contextual
Added helper icons for utility interactions search, shop apparel and member portal.

up