Responsive Web Design
Art Direction / Information Structure
Oatly is a company that develops, manufactures and markets products that are based on a floating oat base. Their products are unique in their composition and differs from other corn-based products. The head office is based in Landskrona, but their products are available in 25 countries. Oatly wanted to address some of the lacks their previous website layout/design had and also to create a website that could be more user friendly even on small devices such as smartphones. What they got was a responsive website design that easily adapts to various screen sizes. They also got a cleaner more easily navigated website.
Final version displayed on mobile units. Responsive web design.
Full height screenshot
Actual size - Top fold
Products page with filtering option
A product page
Recipes page with multi-filtering option
A recipe page. There is also option for entering time to cook.