Seattle Sounders

An American professional men's soccer club based in Seattle, Washington.

User Experience Design • Web Development

Seattle Sounders

About This Work

I partnered with Wexley School For Girls (Wexley), a full service advertising agency in Seattle.  We created an interactive landing page specifically to engage existing season ticket holders to renew their commitment to the Seattle Sounders FC for the upcoming 2015 season.  My role was creating the user experience design, technical design guidance, and web development.  This project was part of advertising campaign that won a 2014 Silver Addy award.

View Staging Page (archived)

Landing Page Example (production)

My Roles

  • UX Design
    • Wireframing
    • Technical Guidance
  • Web Development
    • Front-end Development (HTML/CSS/JS/GSAP)

Key Contributions

  1. Custom developed this unique landing page experience using HTML, CSS, Javascript, and GSAP animation plugin.
  2. Created specific wireframes to ensure the best end user experience without disrupting web browser capabilities.
  3. Guided agency partner through design file setup and best practices.

Unique Scrolling Experience

Before Wexley started the design phase I researched browser technology for the best methods to execute their concept keeping UX and performance in mind. Wireframes were a major key to the success of this project and gave clear design guidance to the landing page. I worked through a few rounds of feedback to give technical input and best practices before sign-off.  Once the design was approved I custom developed and animated the website using HTML5, CSS3, Javascript and GSAP. All website assets were strategically optimized for a performant mobile experience.

Interaction Design Guidance (markup on design comp)

HTML Email Campaign

I also developed a custom HTML email template for the campaign.

HTML Email Example (production)

"Renewal Alert" email (left), "Thank You" email after renewal purchase (right)