EHS
Environment Health and Safety
Since 2013 delivered, implemented and developed till now
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Otoy
Intro
During the consultation on the Silicon Valley series, we established cooperation with Otoy - a cloud rendering company delivering real-time cinematic quality 3D graphics through the browser.
Live DB - marketplace for 3d assets
View master app - collaboration app for Getty Images and Mattel
Background
About
At the end of 2012, we (team of two) organized a meeting with a representative of Skanska. We were commissioned to develop a mobile application for the iOS platform for EHS employees. We got an initial brief and decided to take on the tasks. For me and my business partner (developer), it was the first mobile application that we were going to implement in our life. An ambitious task, considering that by then I did not have a smartphone yet.
* EHS is a health and safety department with the difference that it is extended to the environment
Core info
Team size
End users
Role
Web Designer*
Interaction Designer, UI Designer, UX Designer
Business requirements
Market
Tasks
• Business analysis
• Defining the real problems that controllers struggle with and how the application can help them
• Conducting workshops with project owners and end-users
• User interface - comprehensive project
• User experience and behavior analysis conducted during remote testing
• Promotional and training materials
User journey showing the process of viewing observations | 2013
EHS
Environment Health and Safety
Since 2013 delivered, implemented and developed till now
Study
Used tools
Project data
Project challenges
• Tests - limited access to devices
• Establish a way of work for design/developer team and stakeholders - for everyone it was the first project of this specific
Competitors
3rd party integration
Resources / Knowledge base
Used tools
Adobe illustrator
User journey showing the process of viewing observations | 2013
Research
- Observations are made with a camera (not a phone)
- Happens that when creating a report, the photographer no longer remembers what the photo was about and omits it (no notes possible)
- Site visits often take place in severe weather conditions - rain/snow/windy
- Creating a report is done by downloading photos from an SD card and then placing them in a Word format template
- Often, a draft of the report is prepared in the car right after the sighting or on the train - because the author still remembers the visit
- The prepared report is printed and signed by the controller and supervisor
- Reports in digital version are transferred to coordinators which of these reports creates one summary (by creating a new report)
Pain points
- Spending too much time working with error-prone Word template
- Forgetting observations over time
- Creating multiple reports with similar data
- Downtime between observation took and improvement made
Work with all kinds of content 3
From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.
App features
Quick decision
It was necessary to create a quick way to evaluate the observations. For this purpose, a special camera was created that allows categorizing photos while taking them
Offline
The construction site is a difficult working environment. There are stages of work that limit the reach of the internet (such as working in the ground or in cellars)
Geolocation
Geolocation was to accelerate the selection of the current investment. This feature gives a special benefit to infrastructure (motorway) construction sites where different work takes place in different locations
Weather forecast
Working conditions on the construction site change with the weather. It is a factor that has not been included in the reports so far (difficult to assess). By this feature an additional context for the visit was added.
System features
PDF reports
Thanks to the web panel, you can generate a paper version of the visit report
Smart images
The photos added to the report automatically adapt to the document format, which saves the work of the controllers
Edition
The web panel allows you to edit and complete the report on the basis of observations made by the application
Export data
Thanks to the export of data from the panel, it was possible to transfer the data to third-party apps
Summary 1.0
The project turned out to be a success inside the organization. Along with the congratulations, there were requests to prepare an Android version, but the company's policy was different - ultimately the controllers were to receive official iPhones.
After the success of the first version, other organizational units wanted to apply a similar solution to the EHS. After analyzing the business requirements, an application was created that is kind of a clone with less functionality and a simpler flow.
Deliverables
- Design documentation for developer
- Design documentation for stakeholders for digital products (it was created a corporate branch and never became official guidelines)
- User journey map
- Training materials
Results
- App successfully became an official tool for EHS controllers
- The app was implemented as a standard in Poland and build a desire to have this tool in other corporate branches
- The digital product gave a push to include official guidelines in brandbook
- Increase productivity by 5-20%*
Work with all kinds of content 3
From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.
*Extras
On March 10, 2014, the new iOS 7 operating system was released. Johny Ive redesigned the appearance and there was a thorough change of the skeuomorphic style to flat design. At the same time, Apple introduced the iPhone 5 to its offer, which, unlike previous products, broke the @2 rule and that decision affects the screen aspect ratio.
Due to these changes, the application had to be updated.
The changes mainly concerned the visual side and update elements to make the app more future proof.
EHS
Environment Health and Safety
Since 2013 delivered, implemented and developed till now
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Used tools
Adobe illustrator
Viewmaster
Intro
While working on the S360 platform (2018), we (BEVY) met EHS controllers with a question about the future of their applications.
Since we were implementing a platform for Skanska, the natural way was to integrate EHS systems as part of the solution.
The idea was received with approval, but it was necessary to expand the EHS.
Core info
Year
End users
Target: Company employees
(~34 000) globally
Role
Product owner *
Product designer
UI lead
UX lead
Visuals
(since S360 platform was developed, solution was designated to platform owner)
Market
Temporary use: All Skanska units
Team size
Tasks
• Redesign EHS app flow
• Manage develop and design team
• Communication with stakeholders
• Application test (in-house and at construction site)
• Update S360 style guide with mobile solutions
Business requirements
• Redesign app to be more user friendly - for untrained users
• Change visual to correspond with S360 platform
• Create analytic panel
• New feature - onsite visit
• New feature - observation without a visit
• New feature - cross branches visits
• New feature - visitors verification
• New feature - speech to text
• Adobe BIM integration (v 1.0; v 2.0)
Simplified application workflow | 2018
EHS
Environment Health and Safety
Since 2013 delivered, implemented and developed till now
Study
Project data
Project challenges
• Third-party integration across units
Research / interviews
• Increasing employee involvement in participation during visits
• Fear of abusing participation in visits
• Offline app workflow
3rd party integration
• Autodesk BIM platform
• Microsoft Azure Active Directory
• Microsoft Power BI
Competitors
Resources / Knowledge base
• S360 Style Guide
Used tools
• InVision
• Figma
• Expo.io
• Affinity Designer
User journey showing the process of valuating observations | 2018
Custom camera prepared especially for the application. Thanks to three triggers, the user can rate the photo while taking it.
Study
bla bla bla
bla bla
bla bla
Summary 2.0
bla bla bla
Deliverables
- Design documentation for developers
- Wireframes
- Mockups
- Prototypes
- Styleguide
- User journey map
Results
- An efficiently separated application that activates the appropriate type of visit depending on the construction site on where a user is located
- Introduction of many types of observations
- Real-time notices of security-critical issues and submit them to Autodesk BIM
- Developed a new model of work where, after the visit, all observations are turned into a report sent to the construction management and EHS supervisors
- Increasing the sense of mission for non-specialized visitors through the notification system
- Creation of reports on-site visits - increased optimization by 100%
- Thanks to Power BI, the leaders gained the possibility of a clearer analysis of safety on the construction site
Work with all kinds of content 3
From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.
