TURNER & TOWNSEND

TURNER & TOWNSEND

Dashboards

Dashboards

Dashboards

Four products for a multinational company in the property, infrastructure and natural resources sector

Four products for a multinational company in the property, infrastructure and natural resources sector

Four products for a multinational company in the property, infrastructure and natural resources sector

Four products for a multinational company in the property, infrastructure and natural resources sector

Four products for a multinational company in the property, infrastructure and natural resources sector

T&T_logo
T&T specialises in cost and project management in property, infrastructure and natural resources. Is known for The Shard, Hong Kong and Abu Dhabi Airports. 
Website
T&T specialises in cost and project management in property, infrastructure and natural resources. Is known for The Shard, Hong Kong and Abu Dhabi Airports. 

LINK
Website
ROLE
Product UI & UX, QA

DELIVERABLES
Several responsive dashboards
Atomic UI KIT and Component Library
ROLE
Product UI & UX, QA

DELIVERABLES
Several responsive dashboards
Atomic UI KIT and Component Library
THE BRIEF
THE BRIEF
THE BRIEF
THE BRIEF
THE BRIEF

With 70 years of business, it was time to migrate to a digital environment. I joined a digital transformation team to help.

With 70 years of business, it was time to migrate to digital. I joined a digital transformation team to migrate to a digital environment.

With 70 years of business, it was time to migrate to digital. I joined a digital transformation team to migrate to a digital environment.

With 70 years of business, it was time to migrate to digital. I joined a digital transformation team to migrate to a digital environment.

With 70 years of business, it was time to migrate to digital. I joined a digital transformation team to migrate to a digital environment.

IDEA
IDEA
IDEA
IDEA
IDEA

Designing four dashboards for staff, project, cost, supply chain management, risk and asset rationalisation.

Designing four dashboards for staff, project, cost, supply chain management, risk and asset rationalisation.

Designing four dashboards for staff, project, cost, supply chain management, risk and asset rationalisation.

Designing four dashboards for staff, project, cost, supply chain management, risk and asset rationalisation.

Designing four dashboards for staff, project, cost, supply chain management, risk and asset rationalisation.

browser_bar_dark

Cost Control app

Cost Control app

Cost Control app

This App assists Cost and Risk Managers track the cost evolution of a project, such as the construction of The Shard.

A large amount of data had to be displayed on small screens, without being overwhelming. Graphs, colours and tables were optimised for increased readability and designed with AA Compliance. 

This App assists Cost and Risk Managers track the cost evolution of a project, such as the construction of The Shard.

A large amount of data had to be displayed on small screens, without being overwhelming. Graphs, colours and tables were optimised for increased readability and designed with AA Compliance. 

This App assists Cost and Risk Managers track the cost evolution of a project, such as the construction of The Shard.
The goal is to assure the project is accurately managed.

This App assists Cost and Risk Managers track the cost evolution of a project, such as the construction of The Shard.

This App assists Cost and Risk Managers track the cost evolution of a project, such as the construction of The Shard.

This journey shows the change tab, where we can add or edit an estimated cost, view cost history, search entries and apply filters.

This journey shows the change tab, where we can add or edit an estimated cost, view cost history, search entries and apply filters.

This journey shows the change tab, where we can add or edit an estimated cost, view cost history, search entries and apply filters.

This journey shows the change tab, where we can add or edit an estimated cost, view cost history, search entries and apply filters.

This journey shows the change tab, where we can add or edit an estimated cost, view cost history, search entries and apply filters.


A Cost Manager can overview a project's health at a glance.
A Cost Manager can overview a project's health at a glance.
A Cost Manager can overview a project's health at a glance.
A Cost Manager can overview a project's health at a glance.
A Cost Manager can overview a project's health at a glance.

The Cost Change tab logs cost changes over time against an original estimated cost on a project. Examples of changes: Economic crises or finding ruins on the land during construction.

The Cost Change tab logs cost changes over time against an original estimated cost on a project. Examples of changes: Economic crises or finding ruins on the land during construction.

The Cost Change tab logs cost changes over time against an original estimated cost on a project. Examples of changes: Economic crises or finding ruins on the land during construction.

The Cost Change tab logs cost changes over time against an original estimated cost on a project. Examples of changes: Economic crises or finding ruins on the land during construction.

The Cost Change tab logs cost changes over time against an original estimated cost on a project. Examples of changes: Economic crises or finding ruins on the land during construction.

1 change
Check a project's cost evolution chronologically and filter entries.

See years of updates on a project with a history log displaying all changes in a chronological graph. Find an entry quickly, with progressive disclosure filters and search bars.

Risk Managers can log an opportunity in a risky situation
Risk Managers can log an opportunity in a risky situation
Risk Managers can log an opportunity in a risky situation
Risk Managers can log an opportunity in a risky situation
Risk Managers can log an opportunity in a risky situation

Good risk management includes finding ways to maximise the value from a risk. For example, when there is a market downturn there is often an opportunity to buy materials and services.;

Good risk management includes finding ways to maximise the value from a risk. For example, when there is a market downturn there is often an opportunity to buy materials and services.;

Good risk management includes finding ways to maximise the value from a risk. For example, when there is a market downturn there is often an opportunity to buy materials and services.;

Good risk management includes finding ways to maximise the value from a risk.

Good risk management includes finding ways to maximise the value from a risk.

This journey shows the risk & opportunity tab, where we can add or edit a risk and view realised cost, residual risks and contingency.

This journey shows the risk & opportunity tab, where we can add or edit a risk and view realised cost, residual risks and contingency.

This journey shows the risk & opportunity tab, where we can add or edit a risk and view realised cost, residual risks and contingency.

This journey shows the risk & opportunity tab, where we can add or edit a risk and view realised cost, residual risks and contingency.

This journey shows the risk & opportunity tab, where we can add or edit a risk and view realised cost, residual risks and contingency.

A Risk Manager is able to quickly overview a project's health at a glance.

The risk tab shows risks associated with a project and a cost overview over time.

A manager will identify and incorporate risks associated with a project and a risk response action takes place. 

risk landing page
risk-filters
Check a project's cost evolution chronologically.
Check a project's cost evolution chronologically and filter entries.
Check a project's cost evolution chronologically and filter entries.

A cost change is associated with risk. Risks also have history logs. Realised and residual costs are shown against periods.

See years of updates on a project with a history log displaying all changes in a chronological graph. Find an entry quickly, with progressive disclosure filters and search bars.

See years of updates on a project with a history log displaying all changes in a chronological graph. Find an entry quickly, with progressive disclosure filters and search bars.

browser_bar_dark
Change set reporting schedules
Change set reporting schedules
Change set reporting schedules
Change set reporting schedules
Change set reporting schedules

All changes and risks are periodically reported updating the client on the status of the project. Every project has a schedule divided into states, each state has periods.

All changes and risks are periodically reported updating the client on the status of the project. Every project has a schedule divided into states, each state has periods.

All changes and risks are periodically reported updating the client on the status of the project. Every project has a schedule divided into states, each state has periods.

All changes and risks are periodically reported updating the client on the status of the project. Every project has a schedule divided into states, each state has periods.

All changes and risks are periodically reported updating the client on the status of the project. Every project has a schedule divided into states, each state has periods.

This journey shows the schedule in the settings where we can edit and add periods for a project.

This journey shows the schedule in the settings where we can edit and add periods for a project.

This journey shows the schedule in the settings where we can edit and add periods for a project.

This journey shows the schedule in the settings where we can edit and add periods for a project.

This journey shows the schedule in the settings where we can edit and add periods for a project.

Export and send live reports
Export and send live reports
Export and send live reports
Export and send live reports
Export and send live reports

A report is generated from the App into a PDF with live data and charts with a few clicks.
The client receives and signs the document, approving the budget and schedule changes.

A report is generated from the App into a PDF with live data and charts with a few clicks.
The client receives and signs the document, approving the budget and schedule changes.

A report is generated from the App into a PDF with live data and charts with a few clicks.
The client receives and signs the document, approving the budget and schedule changes.

A report is generated from the App into a PDF with live data and charts with a few clicks.
The client receives and signs the document, approving the budget and schedule changes.

A report is generated from the App into a PDF with live data and charts with a few clicks. The client receives and signs the document, approving the budget and schedule changes.

browser_bar_dark
report_0007_Vector-Smart-Object
report_0006_Vector-Smart-Object
report_0005_Vector-Smart-Object
report_0004_Vector-Smart-Object
report_0003_Vector-Smart-Object
report_0002_Vector-Smart-Object
report_0001_Vector-Smart-Object
report_0000_Vector-Smart-Object

Styleguide

Styleguide

Styleguide

Styleguide

Styleguide

Guides for charts, typography, spacing, colors, etc

Guides for charts, typography, spacing, colors, etc

Guides for charts, typography, spacing, colors, etc

Guides for charts, typography, spacing, colors, etc

Guides for charts, typography, spacing, colors, etc

UI-KIT

The end.

Other projects

Ciclo de ConversasBranding, UI Design, Concept

SuperRareUI & UX, Concept, Product, QA

SuperRare - sneek peekUI & UX, Concept, Product, QA

Component Library & UI KitUI Design & UI Architecture

IBM Wimbledon ChampionshipsIllustration, Motion

Logo@0.33x

Have a project in mind? If you'd like to chat about a potential project, get in touch.
Currently based in London, Open for freelance opportunities

©Marcia Gaudencio 2023. All Rights Reserved.

Email
Linkedin
Dribbble
Instagram
Twitter