Challenge

TeamSnap faced several key issues:

• 30% of kids showed no interest in returning to their primary sport

• Active user numbers lagged behind 2019 figures

• 70% of media buyers had uncertain 2021 spending plans

Design Solution

Based on TeamSnap's brief and my discussions with them, I developed a microsite design that balanced impact, functionality, and brand alignment. Key elements included:

Above-the-fold Design

• Created a visually striking hero section with a clear "Return to Play" message

• Incorporated sponsor branding seamlessly without overshadowing the main message

• Designed a call-to-action that encouraged immediate engagement

Video Content Layout

• Developed a grid layout for employee video clips that was both visually appealing and user-friendly

• Implemented a responsive design to ensure optimal viewing across all devices

Promotional Strategy

• Implemented a TeamSnap.com homepage takeover

• Designed in-app advertisements and overview screen placements

• Planned a social media takeover across TeamSnap and partner channels

• Coordinated PR efforts with Ad Publications

Sponsor Integration

• Designed dedicated ad placements that complemented the overall design

• Created a section for sponsor messaging that added value to the user experience

Partner Content Section

• Integrated a distinct area for Project Play content, enhancing the campaign's credibility

• Designed this section to be visually cohesive with the rest of the site while clearly distinguishing partner content

Brand Alignment

• Adhered to TeamSnap's design guidelines while creating a unique campaign look

• Used color, typography, and visual elements to signal the campaign's special nature without disconnecting from the main TeamSnap brand

User Experience Considerations

• Ensured intuitive navigation and clear information hierarchy

• Optimized page load times, especially considering the video content

Design Process

1. Discovery: Conducted in-depth discussions with TeamSnap to understand their goals, target audience, and brand guidelines.

2. Research: Analyzed successful sports campaigns and microsites to inform design decisions.

3. Wireframing: Created low-fidelity wireframes to establish the basic structure and layout.

4. Visual Design: Developed high-fidelity mockups, iterating based on client feedback.

5. Prototyping: Built interactive prototypes to demonstrate user flow and interactions.

Results

The microsite design was well-received by TeamSnap and was handed off for development.