Real state demo web

 
 

Purpose

I designed an interactive website in Figma to be showcased by the sales department as a demo web for customers. The work flows of different processes were shown, so the customer could visualise how a finished product could work.

Dashboard in "My pages"

Error report detail page

 

Process

This project was done in a short amount of time due to the need to change strategies from the sales department. I was in charge of a small design team. We received the information from the sales team, refined this into our requirements, and negotiated an adjustment in the scope.

We did some benchmarking, and sketches of the different processes to be shown. I defined the base layout and UI components from an established corporate identity but kept a clean and minimalistic style so it could be compatible and simple to change the colour palette depending on the customer’s visual identity.

I then divided the tasks in the design team and created the prototype, I untied the individual flows into one prototype and showcased to the sales department. After some detail refinement, we had a handover and the project was completed.

 

Creation of an error report

 

Methods Used

The main methods I used for this project were:

  • Research

  • Benchmarking

  • User journey

  • Sketching

  • Prototyping

 

Tools Used

The tools I used for this project were:

  • Figma

  • Jira

  • Microsoft teams