Responsive Design

The Dubai Electricity and Water Authority (DEWA) is a public service infrastructure company. Established in 1959 by sheikh Rashid bin Saeed Al Maktoum, former ruler of Dubai, this is a brand which all individuals living in Dubai are guaranteed to engage with frequently.

The Problem

Although DEWA doesn’t have any direct competitors it does however have numerous stakeholders, including the public. The general opinion of most in Dubai was that the DEWA site was out-dated and becoming a considerable hinderance, especially within households wanting to pay monthly utility bills.

The interface was extremely convoluted, and those using it had varying experiences based on the type of device it was being viewed on at the time.
Fortunately stakeholders had big plans for the site, and set aggressive timescales in order to replace the current offering, whilst also guaranteeing that they could enter the new site into relevant national industry awards.

The Process

I was hired by Brilliant Basics in London to work along side business analysts, designers and developers to roll out a fresh approach for DEWA. Due to the tight deadlines set by the client we were required to work in a close agile environment, ensuring that communications were regular, as two day sprints were applied in order to meet deadlines accordingly.

Due to the location of individuals (development in South Africa, client in UAE and design in London) and short time-scales it was deemed imperative that wireframes were completed in a high-fidelity. Once completed they were integrated into InVision prototypes, as it allowed the remote client to review, feedback and sign-off journeys in real-time, whilst guaranteeing the product got stress-tested and built much faster.


In order to create an initial understanding I fleshed out basic user journeys. By doing so I was able to fully understand desired journeys, whilst also understanding where pit-falls and design requirements might be.

User Flows

A basic structure could be identified and in turn reviewed with the client. Although we were producing a new design solution it was also an opportunity for us to work with the client to streamline their IA and identify redundant page information.


Once wireframes were completed I was then able to integrate them into InVision. This provided me with an open-area allowing me to share the concept with key stakeholders, plus carry out gorilla testing with users of the current solution. By consistently testing I was able to refine, whilst also bring the various elements of the project together to ensure that the product we were creating proved valuable.