A case study for the user interface in order to automate many of the manual tasks associated with resource scheduling for projects across the country.

Explore

Powerhouse on Devices by Mediaweb

Services

User Experience Design OutSystems
User Interface Design OutSystems
Responsive Interface Design
Front-End Development OutSystems

Deliverables

Live Styleguide
Sitemaps
Hight Fidelity Mockups
Interactive Prototypes
Responsive Front-End

Client

Powerhouse Retail Services

Project Name

Manpower

Project Explanation

The Manpower application automates many of the manual tasks associated with scheduling resources for projects around the country. This application has an automated quoting process, online employee evaluation capability and the ability to set up travel for resources. To simplify the scheduling and travel for each resource a mobile app was built so project and travel information is at each employee ‘s fingertips.

01.

CONTEXT

Product

The Manpower application automates many of the manual tasks associated with scheduling resources for projects around the country. This application has an automated quoting process, an online employee evaluation capability and the ability to set up travel for resources. To simplify the scheduling and travel for each resource a mobile app was built so project and travel information is at each employee‘s fingertips.

Challenge

A project planning system for Powerhouse projects that will improve resources time efficiency and selection.
  • Available from anywhere;
  • Centralized Information;
  • Easy selection of resources;
  • Integrated with the rest of the systems;

02.

APPROACH

Research and Exploration

Through analysis of the project requirements, research and exploration phases were developed, understanding how the pages could exist and how they relate to each other.

Whiteboard Development Process Mediaweb
Whiteboard Development Process Mediaweb

Styleguide

We established an OutSystems styleguide to keep the visual color on the interface to be used by the user across the various screens.

Typography

City of Oakland Portal Typography

Iconography

Powerhouse Iconography

Colors

Sun

R: 0

G: 76

B: 13

Air Force BLue

R: 35

G: 122

B: 2

Swamp

R: 64

G: 64

B: 64

White

R: 0

G: 51

B: 102

Powerhouse Retail Services Image
  • Nicolas Matias

    Mediaweb

    “It was an interesting project to be developed because of the automation requested by the platform. This subject forced us to reflect on the process in order to simplify the scheduling and managment of each resource. “

03.

OUTCOME

The Final User Interface

Some screens for the internal and external users