Forvia Project

Tara Vatani - UI/UX Designer

Table of Content

01   company Introduction

02   Previouse Web App

03   Wireframes

04   High-Fidelity Frames

05   Design System

06   Project Results

FORVIA was created in 2022 by bringing together two automotive technology leaders: Faurecia and HELLA. Both brands share complementary performance-driven cultures and are guided by a shared vision for a sustainable future.

This is the main site of the company.

(Not designed by me)

The project that was introduced to me was one of the company's budget management programs so that they could have a better estimate of their budget, purchases, and energy consumption.

This is the main site of the company.

(Not designed by me)

This is the previous Web App that had already been implemented and was being used

After using this application, they noticed some problems over time and intend to upgrade it with a better design

Wireframing

As a designer, during consecutive meetings and:

1- Reviewing the previous plan,

2- Conducting consecutive research,

3- Getting to know their customers,

4- Obtaining information on how to implement the desired plan by Power App
 

I started to implement the wireframe

High Fidelity

Due to the tight time and the rush of the company to implement the program, after the initial implementation of several wireframes and general conclusions for the different structures of the program, I quickly started the initial design of the web app.

In the next few slides, I will share some of the pages of the final Result.

As a designer, I tried to make the final result consistent with the company's main site

Also, these photos are the result of user testing. Some designs have been modified based on user convenience

An example of usability test:

 

We found that users tend to have the "scope 1 & 2" inputs all visible at the same time and not be scrolled.

Design System

Some predefined PowerApp components:

Some of the components I added to the app

The results we could get from the project were gratifying

  1. We were able to solve the problems that were raised before  
  2. The flow of the project was corrected and out of complexity
  3. Furovia projects and other platforms can be consistent
  4. Compared to the previous project, we were able to get more clarity
  5. New ideas and sections were added to the program

Thank you for your time!

If you have more questions about the project, please contact me

+98 912 403 25 90

tarra.vatani@gmail.com

Forvia

By Tara Vatani

Forvia

  • 170