Seattle Space Needle
spaceneedle.com
Scroll To Mars
Website
![SpaceNeedle_Hero1_720x900](https://weareroyale.com/wp-content/uploads/case-studies/s/space-needle/SpaceNeedle_Hero1_720x900.jpg)
![SpaceNeedle_introvideo](https://weareroyale.com/wp-content/uploads/case-studies/s/space-needle/SpaceNeedle_introvideo.jpg)
THE APPROACH
Showing off the Beauty
As is always the case, our first and foremost mission was to create a site that was visually exciting and showed off the Seattle landmark in all of her glory. We also wanted the site to feel like a ride, not just a scroll. Using what were, at the time, fairly revolutionary HTML5 features, we utilized existing photography of the Sneedle and created layered matte paintings, which enabled us to achieve a photographic parallax as the user climbed up the tower. Another challenge was creating a photographic scrolling experience that not only worked on desktop, but for all mobile devices as well. Using HTML5 as a foundation enabled us to create 1 experience, for all screens.
![SpaceNeedle_parallax_720x900](https://weareroyale.com/wp-content/uploads/case-studies/s/space-needle/SpaceNeedle_parallax_720x900.jpg)
![SpaceNeedle_Hero](https://weareroyale.com/wp-content/uploads/case-studies/s/space-needle/SpaceNeedle_Hero.jpg)
![SpaceNeedle_desktop](https://weareroyale.com/wp-content/uploads/case-studies/s/space-needle/SpaceNeedle_desktop.jpg)
![SpaceNeedle_ipad](https://weareroyale.com/wp-content/uploads/case-studies/s/space-needle/SpaceNeedle_ipad.jpg)
![SpaceNeedle_phone](https://weareroyale.com/wp-content/uploads/case-studies/s/space-needle/SpaceNeedle_phone.jpg)