DataWatt

The problem

Datawatt is based in Steenwijk and has been around since 1977. They build systems to monitor and control processes spread over a large area, for the energy market, the water market, industry and clients abroad. One of their projects is the energy management and control system at Erasmus MC in Rotterdam. That is technical work with a lot of products and services behind it, and the site had to make clear what Datawatt does in each market.

Approach

I designed and built the site. The design started as one sheet of components: page headers, menus, footer, widgets, buttons, content blocks, tabs and forms. The pages are put together from those parts. The main menu has markets, products, services, Stream, projects, blog and contact. Markets opens a large menu with the four markets and their topics, such as distribution, monitoring, control and smart grids. The homepage opens with a project in a slider, then a short introduction of the company and a block per market. Inner pages have a sidebar with a named contact person, their photo and phone number. Projects can be filtered by market. A top bar carries the phone number, links to customer service and brochures, and the switch between Dutch and English.

Outcome

Datawatt got a site sorted by market, where inner pages name a person to contact, built from a small set of parts that fit together.

What changed

• Four markets in a large menu with their topics.
• A named contact person in the sidebar of inner pages.
• Projects filterable by market.
• Dutch and English versions.