Google's open source framework, AMP, aims to enable the creation of websites that are lightning fast, beautiful and high-performing across all devices.
While Google initially launched AMP in early 2016, they wanted to better showcase its capabilities and how content creators could use it to bring the web to life.
That's where we came in. We joined forces with The AMP Project to inspire publishers, break misconceptions and completely redefine what’s possible in the open-source framework.
After some brainstorming, we landed on the idea that online art galleries and museums are typically fun, abstract and don’t play by the rules when it comes to following conventional web layouts.
With this in mind we created a faux art gallery as proving grounds for redefining what was possible in AMP. The end result was a fun and interactive site that used the best of the initiative and built new on its foundations.
Our team relied on the power of AMP to ensure the site was beyond performant, and introduced new features and components into the framework including custom micro-animations, parallax experiences, hover states and other delights.
We even played with an immersive VR version for consideration. Try it out on your phone here.
It was important to prove AMP can handle more commonly used and complex sites. Users across the web are browsing, shopping, and searching 24/7. What better way to showcase AMP can improve all of those activities than pretending you’re booking your next trip.
In building an example travel booking engine, we allowed users to search by destination, filter by activities, and find things dynamically; all while maintaining the speed and performance AMP is known for. By sweating the details on this one with micro-animations and moments of delight, we were able to push things even further in the open-source initiative.
We wanted to take the time to ensure that the responsiveness AMP can handle is made clear to mobile audiences. Our design and engineering teams ensured each page can be loaded on any screen size while still looking & feeling great.
Both the AMP project and MetaLab teams are excited at the possibilities we're introducing to the world with what AMP can do. The site templates are free to use and found at www.ampstart.com