ORANGE

iOS application & service

As part of a professional partnership project between my school and the telecom brand Orange, we had to evaluate actual services and imagine a new app in their ecosystem. In a team of two students, we defined three different areas of research and in each of these, three design concepts. Our app is a dashboard that allows the user to see their mobile usage.

Outcome : iOS app concept

Period : 2013 (4 months)

Client : Orange

Skills : UX/UI design, Service design

*Some visuals above are just illustrations or small pieces of the real productions made during the project

The process

First of all, the client presented us his brand and needs. Then we organized meetings and reports with the client to find out more about his ideas and be sure to align our concept with what they wanted. We came back to the client during the whole project using the agile method. 
Here is a quick overview of the main steps of the project.

orange_processorange_process

Stakeholders and users interviews

We realized non-directed interviews with users to define which type of informations they needed, and with stakeholders to know what they could provide. 

Contextual inquiry

To be very objective in our project we observed users in Orange stores. It was very useful as lot of users are coming in stores for the same problemes and they can solve it by themselves on the website or by phone. 

Results of preliminary user research

After our initial research, we came to the conclusion that the existing customer service call center could be improved. As it was the first access to users’ mobile plan consumption and to many other actions, we listed all the different datas users had access to.

Journey map

A good way to highlight the problems the user could meet is to do a Journey map. Here, the user is trying to get precise info about his consumption by calling the client service.

Persona development

Fictional characters resulting from our user research created to design the concept.

orange brainstormingorange brainstorming

Brainstorming

We started our ideation process with a brainstorming with stakeholders. We tried to think about contexts, tasks, requirements and interactions between Orange and its clients. This exercise was iterative during the process.

Epics and features

Epics give us an overview of the features. It was helpful in our design decisions to create and provide a good user experience. 

Blueprint

We defined all the customers' actions during their journey and thought about the backstage part to understand which datas Orange was able to collect.

mockup02mockup02

Sketches & Wireframes

We started with sketches to define how the app could work and how many elements could be on each screen. 
We produced low-fidelity wireframes to prototype and we've done some user testing with the will to make the app as intuitive and simple to use as possible.

orange_photoshopporange_photoshopp
user01user01

Modular interface

User testing and client feedback drove us to produce a modular dashboard that each user can personnalize to match his own needs.

A/B Testing

We were hesitating between a burger menu and a simple bar menu. So we produced two versions and submitted them to potential users. It was also useful to discuss with developpers about technical requirements.

Motion & Animation

Redesign

When we first worked on this project, we produced high fidelity designs for Iphone 4 on iOS 6 (2013). The design evolved for Iphone 6 and iOS9 (2015) and we improved UX on some points.

orange_endingorange_ending