Dubai Now App

screen1@2x.png
screen3@2x.png
screen2@2x.png
screen4@2x.png

What is Dubai Now?

DubaiNow is an omni-channel platform that provides services through a coherent and connected experience. Resident and visitors can access various online and public sector services in the smart city of Dubai.

Background

The idea of the app was to design a modular platform for the user, designer and the developer. This was done because repeated and coherent patterns of interaction helps the user's learnability which would make the interface more intuitive. The aim was to reduce design and development time and make the framework flexible for any future improvements and iterations.

Group 89.png

Design Strategy

The core app offers over 80 city services. To make this easier, the services were divided by the types of interactions or journeys, the corresponding government department/ ministry and the frequency of use by residents.        To reduce designer's workload, the micro-app architecture was chosen.      The whole app consisted of UI blocks with efficient interactions further within. 

My role in the project:

 

Services Design

Group 101.png

Interface Design

Part of the customer experience  was to align the brand personality to the customer's expectations. For this, recent research data was used to analyse the feel of the brand.

Group 111.png

Three personalities were distilled from the research findings, after a brainstorming session with the team. And to make the personalities more tangible, three mood-boards were created.

press to zoom

press to zoom

press to zoom

press to zoom
1/3

These personalities were then translated into interface designs and further combined after shuffling their unique characteristics. Some of the personalities and their corresponding visual theme is showcased here.

press to zoom

press to zoom

press to zoom

press to zoom
1/3

Hybrid themes were also a part of the process to try out all possible routes. A few of the multiple combinations are displayed here.

press to zoom

press to zoom

press to zoom

press to zoom
1/6
Screen Shot 2020-04-16 at 3.55 1.jpg

As these initial visual themes were developed to a more finished visual theme, they were experimented with more variations of styles. A few examples from the process can be seen below.

Screen Shot 2020-04-16 at 4.50 1.jpg
Screen Shot 2020-04-16 at 4.51 1.jpg