Skip to content

Oras — 2016

Oras faucet

Client

Oras

Year

2016

Project type

  • Website
  • Web service

Tech

  • HTML, CSS, JS, TYPO3
Role
  • UI/UX design
  • Concept strategy
  • Web development

Tech

  • HTML, CSS, JS, TYPO3
Made together with wonderful people from Mediasignal and Hasan & Partners.

Oras is a significant developer, manufacturer and marketer of kitchen and bathroom faucets. We were asked to create an extensive web service for Europe’s leading faucet manufacturer.

After several iterations, the Oras brand was modernised alongside the web service overhaul. The web service gave Oras a bold and distinct image and highlighted the brand’s new promise.

Oras woman showering
Oras man showering
Oras product family
Oras lifestyle animation concept
Oras get inspired animation concept

Designing for products and inspiration

A flexible design language that lets the products shine and guides visitors from inspiration to the details


Approach

I designed the interface around large imagery, calm layouts and motion that echoes water. Product, blog and campaign pages share the same building blocks.

Details

Lifestyle animation concepts show the faucets in use, and the product pages show how they look.

Oras products overview
Oras blog
Oras kitchen experience
Oras homepage hero
Oras live more page hero
Oras look book cta
Oras sense faucet
Oras single product page
Oras man showering

Building a web service around the renewed brand

A web service built to carry the renewed Oras brand and make the products easier to discover, understand and choose


Problems

The previous web presence did not reflect the quality of the products or the direction of the brand. Information was hard to find and the experience felt disconnected from the physical products.

Challenges

The service needed to work for different audiences and markets while staying consistent, and it had to be built alongside the brand renewal.

Solutions

We defined a concept that puts the products and the feeling of water at the center, supported by a clear structure, inspiring content and a bold visual identity.

Oras strategy 1
Oras strategy 2
Oras strategy 3
Oras strategy 4
Oras strategy 5
Oras strategy 6
Oras strategy 7
Oras homepage mobile
Oras homepage mobile 2
Oras homepage mobile 3