An UI case study to ecurely share company information and computing resources among employees.

Explore

Wayne Brothers Case Study on desktop and devices by Mediaweb

Services

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

Deliverables

Live Styleguide
Hight Fidelity Mockups
Interactive Prototypes
Responsive Front-End

Client

Wayne Brothers

Project Name

WayneCore

Project Explanation

WayneCore is the designation for Intranet to drive digital efficiency. This app was created to securely share company information and computing resources among employees.

01.

CONTEXT

Product

WayneCore is the designation for Intranet to drive digital efficiency. This app was created to securely sharee company information and computing resources among employees

Challenge

Delivery WayneCore Intranet to drive Efficiency

  • Large scope - 23 modules already indentified;
  • evelop delivery using the concept of MVP (Minimum Viable Product) deliverables;

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.

Wayne Brothers Case Study Planning Process bye Mediaweb
Wayne Brothers Case Study Planning Process bye Mediaweb

OutSystems Styleguide

Colors

#F7941D

R: 247

G: 148

B: 29

#000000

R: 0

G: 0

B: 0

#FE4B13

R: 254

G: 75

B: 19

#76BB2A

R: 118

G: 187

B: 42

#F6D236

R: 246

G: 210

B: 54

Typography

Wayne BrothersTypography by Mediaweb

Iconography

Publico Iconography by Mediaweb

Illustrations

To help in the communication of some functionalities and to be more intuitive to the user, some illustrations were drawn.
Illustrations Illustrations
Wayne Brothers Image
  • Nicolas Matias

    Mediaweb

    “It was an interesting project aiming to create 23 Modules for an intranet to drive digital efficiency for the entire company. “

03.

OUTCOME
desktope-tablet

The Final User Interface

Some screens for the internal and external useres

  • Devices & Network_laptop Created with Sketch.

    Desktop

  • Devices & Network_i-pad Created with Sketch.

    Tablet

    Weather_sun Copy Created with Sketch.
    Weather_moon Copy Created with Sketch.