< Back

Fjord Accenture

Fjord Accenture

Fjord Accenture

Case study

About Fjord Accenture

About Fjord Accenture

In the context of war and the urgent need for refuge under organized and clear guidelines, this project focuses on creating a user-friendly dashboard and application to assess and allocate housing, aid plans, and economic assistance to those in need. | External Professional.



In the context of war and the urgent need for refuge under organized and clear guidelines, this project focuses on creating a user-friendly dashboard and application to assess and allocate housing, aid plans, and economic assistance to those in need. | External Professional.



Project goals

Project goals

This project is born from the need of clear guidelines and organization of resources in the context of war and the seeking of refuge in a different place. Being a product involved deeply in the changing regulations and advance of the war itself the needs an priorities had to be taken into consideration constantly, improving and managing the goals in this environment and with a deep knowledge of the users invovled.

This project is born from the need of clear guidelines and organization of resources in the context of war and the seeking of refuge in a different place. Being a product involved deeply in the changing regulations and advance of the war itself the needs an priorities had to be taken into consideration constantly, improving and managing the goals in this environment and with a deep knowledge of the users invovled.

The construction

The construction

For this project we used a methodology reflecting the five stages of the Design Thinking method but with some adjustments related to the project needs like the relevance of the prototyping stage and the evolution of the navigation and design elements.

For this project we used a methodology reflecting the five stages of the Design Thinking method but with some adjustments related to the project needs like the relevance of the prototyping stage and the evolution of the navigation and design elements.

Business information

Related areas:
* UX/UI Design
* Project management & Delivery management

The process

EMPATHISE

  • Workshops and goal setting

  • UX Audit of the migration site

DEFINE

  • MVPs

  • User profiles / User types

  • Userflow

IDEATE

  • Information Architecture

PROTOTYPE

  • Sketching process

  • Low-fi & Hi-fi wireframing

VALIDATE

  • Color System, Iconography and visual hierarchy

  • Resposive design

  • Mockup screens

Stage 1 - Empathize

In a project like this keep the users needs as a significant value is one of the most important aspects to consider, keeping track in the situations the product needs to solve and the needs and requirements this problems represent, One of the starting steps was to organize the main goals, resources and actors involved in this service.

With a known base to start with it’s time to select the involved users and profiles: who is our user? do we have different types of users? whats the main difference between them?

These three profiles became different sections inside the site, creating some microsites to assure a complete access to the section each user profile need without information that may not be useful to them.

Business information

Related areas:
* UX/UI Design
* Project management & Delivery management

The process

EMPATHISE

  • Workshops and goal setting

  • UX Audit of the migration site

DEFINE

  • MVPs

  • User profiles / User types

  • Userflow

IDEATE

  • Information Architecture

PROTOTYPE

  • Sketching process

  • Low-fi & Hi-fi wireframing

VALIDATE

  • Color System, Iconography and visual hierarchy

  • Resposive design

  • Mockup screens

Stage 1 - Empathize

In a project like this keep the users needs as a significant value is one of the most important aspects to consider, keeping track in the situations the product needs to solve and the needs and requirements this problems represent, One of the starting steps was to organize the main goals, resources and actors involved in this service.

With a known base to start with it’s time to select the involved users and profiles: who is our user? do we have different types of users? whats the main difference between them?

These three profiles became different sections inside the site, creating some microsites to assure a complete access to the section each user profile need without information that may not be useful to them.

Stage 2 - DEFINE

Stage 2 - DEFINE

Stage 2 - DEFINE

The design process at Roche went through several instances of feedback, iteration and revisions, not only to ensure that the product was as complete as possible but also to establish the foundations of competition, the proper use of established design elements and their correct integration. both with navigation and with the design of the other areas on the same site.


Technical aspects to keep in mind:

  • Multiplatform website / webapp: One of the main topic in the initial goal setting was to make sure this platform can be access no mather whats the internet access, product used or technology level.

  • Clean information: Being an platform that deals with sensitive information the conditions and the use of this information have to be clear, straightforward and easy to access.

  • Legality and consent: Related to the previous point the user guidelines and legal regulations are some of the main aspects to keep in mind while submit your information as an owner.

  • Information design: One of the biggest aspects of this platorm is the way it arranges and shows information in the dashboard, so it’s extremely important to have a vast knowledge about best practices and information visual design.

Stage 3 - IDEATE

Stage 3 - IDEATE

Stage 3 - IDEATE

With the defined profiles and the ‘must haves’ outlined is time to create the proper web structure, contemplating the relevance of each section, how they relate with each other and, at the same time, how they work independently.

With the defined profiles and the ‘must haves’ outlined is time to create the proper web structure, contemplating the relevance of each section, how they relate with each other and, at the same time, how they work independently.

In this case the flowchart shows how the refugee information is formated to asses their needs easily and be able to bring help as fast as possible. This information then goes to the main platform, where is received by NGO and Ministries to assign the needed assistance.

To mark the navigation hierarchies, in this case, a 'mega menu' was created where the necessary categories can be easily accessed. This format provides the ability to incorporate or remove sections depending on the needs of each site, taking into account that Roche's offers or properties in different regions may vary, with products enabled or products not available.

To mark the navigation hierarchies, in this case, a 'mega menu' was created where the necessary categories can be easily accessed. This format provides the ability to incorporate or remove sections depending on the needs of each site, taking into account that Roche's offers or properties in different regions may vary, with products enabled or products not available.

Stage 4 - PROTOTYPE

Stage 4 - PROTOTYPE

Now that the low fidelity wireframes have been established, it’s a good opportunity to turn them into medium and high fidelity mockups. Now that we face this stage the quality of the content will be reviewed, iterated and adapted to better approach the users and the initial profiles.


Owners

The owners section not only allows information to be send about what each owner can offer but also provides a clarifying Landing Page where more information alongside FAQs and experiences can be visited and reviewed before partaking into the program.

Stage 4 - PROTOTYPE

Now that the low fidelity wireframes have been established, it’s a good opportunity to turn them into medium and high fidelity mockups. Now that we face this stage the quality of the content will be reviewed, iterated and adapted to better approach the users and the initial profiles.


Owners

The owners section not only allows information to be send about what each owner can offer but also provides a clarifying Landing Page where more information alongside FAQs and experiences can be visited and reviewed before partaking into the program.

NGO

This in the main control of the dashboard, heres where the information is analyzed and organized to be shown to ministry.

NGO

This in the main control of the dashboard, heres where the information is analyzed and organized to be shown to ministry.

Ministry

Here goes all information, program status and required details to help manage the situation as needed.

Here goes all information, program status and required details to help manage the situation as needed.

Being specially based in information and clear instructions one of our main assets in the Design System of this site is the ‘input’ component, the text box where information is distributed. Because of this there’s a lot of attention going to the logic, messages and information this section provides and how it sends feedback to the users about what they’re doing.

Stage 4 - PROTOTYPE

Now that the low fidelity wireframes have been established, it’s a good opportunity to turn them into medium and high fidelity mockups. Now that we face this stage the quality of the content will be reviewed, iterated and adapted to better approach the users and the initial profiles.


Owners

The owners section not only allows information to be send about what each owner can offer but also provides a clarifying Landing Page where more information alongside FAQs and experiences can be visited and reviewed before partaking into the program.

The conclusion

The conclusion

The conclusion

The importance of empathy in the product -or service- design process.

This project not only allowed us a more active participation in a role with multiple characteristics from research to the comprehensive design of the system shown, but also the implementation of several tools that were constantly updated in favor of the support, wellbeing and involvement of users.

Do you want to create a complete and innovative experience?

Do you want to create a complete and innovative experience?

We're here to help you achieve it

We're here to help you achieve it

Barcelona - New York - Buenos Aires

Barcelona - New York - Buenos Aires

Do you want to create a complete and innovative experience?

We're here to help you achieve it

Barcelona - New York - Buenos Aires