Parallax navigation
Connect scroll-driven athlete stories, video, and charity voting without letting visitors lose their place in the parallax experience.
03 / Citi · Every Step of the Way
Every Step of the Way.
A parallax website for Team Citi at the Sochi Olympics, connecting athlete stories and charity voting to Citi’s $500,000 donation.
01 / About the Project
Project overview.
Guide visitors from Team Citi athlete stories to charity voting.
Stories and charity voting
Guide visitors from athlete stories to charity voting, with clear confirmation and sharing steps.
FWA recognition
The project earned FWA Site of the Day recognition and supported Citi’s $500,000 donation to athlete-selected charities. My contribution was UX and interaction design.
02 / UX planning
Journey planning.
Journey planning mapped how visitors discover athletes, explore their stories, and vote for a charity.
Athlete discovery
Help visitors find Team Citi athletes and explore their stories.
Story engagement
Keep navigation, sharing, and video easy to use while scrolling.
Charity voting
Make voting simple and confirm each vote.
03 / UX & Interaction Design
UX design.
User flows and wireframes defined the interactions shown in the finished project visuals.
Desktop Designs
Follow the journey from athlete selection through Erin Hamlin’s parallax story to voting for her charity and entering the sweepstakes.
Mobile Designs
The mobile experience guided visitors from Team Citi discovery to an athlete’s story, charity selection, and confirmation of their support.
User research & discovery
User flows and sitemaps clarified how visitors would find athletes, explore their stories, support a charity, and enter the sweepstakes. These maps established the page hierarchy and key decision points before wireframing.
Navigation Exploration
The parallax experience needed clear navigation that kept visitors aware of their place in each athlete’s journey. A collapsible drawer and progress markers let them move between athletes and the Spark, Rise, Drive, Games, and Impact sections.
Stories & video
Wireframes defined how animation, video, and athlete stories unfolded during scrolling and led into charity voting.
04 / Recognition & outcomes
Results & takeaways.
Every Step of the Way earned FWA Site of the Day recognition. The site supported Citi’s $500,000 donation to athlete-selected sports programs.
My contribution was UX structure, wireframes, and interaction specifications.
