Responsive & Adaptive Approach
For this research I chose the e-commerce site for the outdoor apparel brand Patagonia. I viewed their site on 3 platforms: desktop, iOS mobile (iPhone X), and Android (Pixel 3).
Patagonia has shown to be responsive & adaptive in its own field; promoting sustainable & eco-friendly practices to farm, produce, sell, & recycle their products in order to lower their carbon footprint and produce fair trade economies in small communities.
In my opinion, they have done so as well for their e-commerce site. It showcases beautiful design and disposition of elements, while delivering a platform that is easy-to-use and adapts to different viewports seamlessly.
Desktop’s bigger screen allows to showcase all options at a glance. If while growing up you enjoyed reading Where’s Waldo this display will be nostalgic and fairly easy. However, the mobile version seems a bit more intuitive as users flow through categories to perform their desired action without having to search for it on a sea of options.
When we select a category and start browsing for products, we not only find bigger pictures on the desktop but we also find the possibility of filtering products through various tags, an option not available on mobile. However, both mobile viewports offer the possibility of sliding left and right (swiping) to view all the product options on a said category. This allows for the bottom of the page to be shallower and to be reached easier and faster without having to scroll by every single product and their color options before reaching the bottom.
The screen for a specific product selection and adding it to the bag is retains its format throughout, looking a bit narrower on mobile than on desktop but basically offering the same options and possibilities.
