![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F07%2F18%2FHilti-3hero_uid_62d5706220d51.jpg%3Ft%3D1658155106&w=3840&q=80)
Hilti
Looking through concrete
As a child, we wished we could see through walls. On today's construction sites, this childhood fantasy is becoming a reality. Thanks to the Hilti PS 300, a new generation of concrete scanners, professionals can detect hidden objects in concrete.
To ensure that the Hilti PS 300 can be used easily and efficiently even in more difficult conditions, such as direct sunlight, we have developed a new user interface to make scanning almost truly as easy as child's play.
1
2
0
+
countries
3
0
+
new products per year
5
.
9
B
revenue in CHF in 2019
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-b1_uid_62baf81584992.png%3Ft%3D1656420370&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-b2_uid_62baf8154e194.png%3Ft%3D1656420370&w=3840&q=80)
CHALLENGE
Challenging outdoor conditions
As the world's leading partner for construction professionals, Hilti always strives to meet the highest user standards with its products, even under demanding conditions on the construction site. Because on-site it can be:
- loud → user can’t hear anything
- sunny → user can’t see anything
- dangerous → user needs to wear safety gloves
The new hardware interface should not only improve the user experience when operating the scanner but also be built on a style guide that can be reused in the future.
“It’s challenging and fun to develop design solutions for special use cases, e.g. under the influence of direct sunlight.”
Solution
A simplified scanning process
The design principles we followed were all geared towards creating a user interface that makes scanning as intuitive as possible and ensures a consistent experience for a quick understanding. The underlying style guide reflects the latest Hilti rebranding and was designed not only to fit other customer touchpoints but also to be used as a reference and basis for the design of future hardware products.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-c1_uid_62baf815edc91.png%3Ft%3D1656420370&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-c2_uid_62baf81620bbe.png%3Ft%3D1656420370&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-c3_uid_62baf816590be.png%3Ft%3D1656420370&w=3840&q=80)
Main task = Main focus
Scanning is the most important task. Therefore we have designed a layout that displays the visualization of the scan result as large as possible with the most important stats on the right-hand panel. The stats can be clicked to enlarge them if required – no problem even with gloves on.
- Scan results are visualized at the center
- Controlling elements are on the left
- The most important scan statistics are on the right
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-d1_uid_62baf8145590d.png%3Ft%3D1656420370&w=3840&q=80)
Consistency for faster learning
Studies have shown that inconsistency leads to a longer learning curve. That's why we implemented a clearly defined and consistent structure throughout the application so that the user quickly learns how to navigate.
- Header: title, navigation, and supportive information
- Main content area: eg. scan mode list, project list
- Action area: eg. confirm, add a new item
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-e1_uid_62baf8152b567.png%3Ft%3D1656420370&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-e2_uid_62baf814cfc14.png%3Ft%3D1656420370&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F07%2F19%2FFrame-623855_uid_62d65d18f40a5.png%3Ft%3D1658215704&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F07%2F19%2FHiltiBGPS30003_uid_62d65c88a4f29.png%3Ft%3D1658215560&w=3840&q=80)
A style guide for future hardware
Construction workers who use a Hilti tool, typically also consult a mobile app or visit the website of Hilti. To unify and strengthen the look and feel across the different touchpoints, we adopted Hilti's recent rebranding for the PS 300. We tested the font size and color contrast under real conditions on construction sites and extended existing modules and interaction patterns with modular components such as navigation bars and pop-ups. In the end, the result was a living style guide that can be reused for the design of future hardware.
“Ginetta successfully translated our new branding into a reusable style guide for hardware tools.”
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-f1_uid_62baf812e408f.png%3Ft%3D1656420370&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F28%2Fhilti-ps-f2_uid_62baf813099f1.png%3Ft%3D1656420370&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F07%2F18%2FFrame-623857f4-hilti-ps300neu_uid_62d576d5cfbb6.png%3Ft%3D1658156757&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F07%2F18%2Fhilti-ps-300neuf5_uid_62d5787a46cd3.png%3Ft%3D1658157178&w=3840&q=80)
Conclusion
Good design takes into account the user environment
Together with Hilti, we have created a revolutionary scanning tool, whose operation is simple and fast even in the difficult environment of construction sites. Every detail of the PS 300 user interface is so well-tailored to the needs of the workers that using the scanner requires little instruction upfront.
Our modular design components serve as a basis for the user interfaces of future hardware, which is cost-efficient and ensures a smooth and cohesive operating experience. Seeing the invisible and making more out of it is... that simple!
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F07%2F19%2FHilti-home-project-selection-1_uid_62d65d88c597a.png%3Ft%3D1658215816&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F07%2F19%2FPS300hilti_uid_62d65b459ae5a.png%3Ft%3D1658215237&w=3840&q=80)
Project facts
Market
B2B
Industry
Technology & Engineering
Type
Hardware
Services
Design
Duration
2 Sprints
Go Live
2019
Project team
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F10%2F18%2FMin-Chen-2_uid_616d5a7d0801d.jpg%3Ft%3D1634556541&w=3840&q=80)
Min
Product Partner
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F09%2F27%2FSilva-Skenderi-Brown-Client-Partner3_uid_61518e9d56ed2.jpg%3Ft%3D1632734877&w=3840&q=80)
Silva
Client Partner
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F12%2F15%2FAngelaDannhorn_uid_61b9e53fc8bb8.jpg%3Ft%3D1639572799&w=3840&q=80)
Angela
UX Design