De la Vega App

The brief

De La Vega is a business building in Madrid that has a series of areas and services intended for the use of its tenants.

The challenge was to create an application for tenants of the building that would be able to: give them access to the building through a virtual key in the mobile, reserve spaces, purchase restaurant products, use carpooling services and make all necessary payments through the wallet included in the application.


What i did

I was involved in the entire UX process, which lasted for 2 months, then worked with the design team to create an interface that was able to adapt to the corporate image of the company and in turn meet all the cognitive requirements which we sought to generate at the time of solving usability problems. Finally, work as a product owner directly with the development team so that the product maintained the design and interaction guidelines that we had defined throughout the project.

The process

1.- Research / discovery

At the discovery stage, the most important thing was to know the context in which the user’s actions were to be developed. A field visit to the building was necessary, as well as to identify all possible stakeholders that could influence the development of the application.
 
Then we started by interviewing all the stakeholders, which allowed us to identify new challenges and possible problems that we could face and solve. The insight obtained allowed us to define our users.

User Journey

2.- Designing the Experience

According to the needs of the users obtained through the insight in the research stage we were able to perform a process of prioritization of functionalities, which would be available depending on the stage of evolution of the application and its subsequent updates.
 
The next step was to create a flexible information architecture that could respond to the business needs of the company, one of the challenges was to have an application that allowed us to show the user some services according to their role or availability. To do this we worked on a structure where each of the services were designed as micro application that can be managed individually through the backoffice of the application.

Wireframing process
Wireframing process

One of the technical challenges we faced was to provide the user with the possibility of having a virtual access card through his mobile device, this involved a series of technical and physical adaptations to make the system work perfectly.

Finally the visual design had to maintain the branding of the company without losing the simplicity and clarity in the message to the user that we wanted to transmit.

Mockup (UI: Juan De La Torre)

3.- Release

Currently the application is available to tenants of the building with a version (webapp) and its mobile versions in Android and IOS.

Credits: I have developed this project in the company Opinno as UX consultant

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.