CGI

UX/UI || Prototyping || Research

Case

For CGI I worked on designing a portal for their client KPN. This portal, called VecLab, was designed to assist with, and track the process of digitalizing all the maps of their underground networks.

Together with the people from their iAMLAB I worked on designing this portal.

A look inside VecLab

Have a look at the final prototype

Where do we start?

First I needed to learn more about the process, the users, the reasons and more. To do so I asked a set of questions.

Who?

Who am I building this portal for?

It’s going to be used by employees of both KPN and CGI, who are assisting them with the process. Because of this it’s going to be important to have a way to seperate different users as not all people will have the rights to access sertain information.

What?

What is the portal supposed to do?

It’s supposed to give insights on both the big picture and the detailed picture of the process.  Things like how far into the process they are, where the bottlenecks are forming and detailed information on each step. Because of this it’s important to decide on what information to display on the home page. 

Why?

Why is there a need for this portal to exist?

The process of vectorizing all the different maps is a long and difficult process. It’s going to act as a central pilar for this operation.  Because of this it’s going to be important to give an insight into the full process to build off of when thinking about the next steps to take.

How?

How will it be used?

It will mainly be used to check up on the processes, update the ongoing maps and it will need to hold a large amount of data from a lot of different batches of information. So it will be important to clearly display this information and give a quick way to access this informaiton.

Designing the portal

The designing of the portal was done using the SCRUM method. Because of the general difficulty of the process I had weekly sessions planned with some of the lead data analists and consultants from CGI. They gave me insights into the different protions of the process so I could construct information around that little by little. Whilst gathering this information, I was building the base of the design.

Design Document

As a final addition I also created a design document for the development team. This document gives insights into the how’s and why’s whilst also giving clear instructions on the UX setup for the different states of items within the UI.

Here are a few insights into that design document.

Want to know more?

Go back to the top

Go back to the landing page

Golden Boy Studios

Phone

E-mail

Chamber of Commerce

VAT

+31 6 15450945

hello@goldenboystudios.nl

91750075

NL004913216B34

Phone:

+31 6 15450945

E-mail:

hello@goldenboystudios.nl

Chamber of Commerce:

91750075

VAT:

NL004913216B34