Southworks logo

Oatly
Responsive Web Design


Client
Oatly

Type
Responsive Web Design

Role
Art Direction / Information Structure

Status
Live

Brief
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

Final version

Final version displayed on mobile units. Responsive web design.

Final version displayed on mobile units. Responsive web design.

Full height screenshot

Full height screenshot

Actual size - Top fold

Actual size - Top fold

Products page

Products page with filtering option

A product page

A product page

Recipes page

Recipes page with multi-filtering option

A recipe page

A recipe page. There is also option for entering time to cook.

The Works

Oatly

Oatly

Gedevelop

Gedevelop

Astra Tech Dental

Astra Tech Dental

Malmö Redhawks

Malmö Redhawks

Panduro Hobby

Panduro Hobby

Torris™

Torris™

Mercedes-Benz

Mercedes-Benz

Tetra Pak

Tetra Pak

Tiger of Sweden

Tiger of Sweden

Volvo Model Compare

Volvo Model Compare

Copenhagen Malmö Port

Copenhagen Malmo Port

Volvo XC60

Volvo XC60