Icon scroll down

Turned manual processes into intuitive digital interfaces,
achieving 80% adoption in 1,000+ companies

01_Identified problem

Communication in the AECO sector
is scarce and complex

In the construction and AECO sector, there is a gap between strategic planning (office) and operational execution (site).

This fragmentation in communication tools creates information problems, misinterpretation of plans and costly delays.

The Objective: To design a multi-device digital ecosystem that acts as a two-way information bridge, transferring data and contextualizing information in the real environment.

02_Diagnosis and UX Research: Understanding the User

UX research techniques employed

Field
research

+20 hours of contextual observation on-site and in the office to identify invisible frictions in daily workflows.

Collaborative Workshops

4 co-creation sessions to align the needs of site managers with the capabilities of office managers.

Structured Interviews

10 individual sessions with key profiles to validate hypotheses about the loss of technical information.

Key Findings (Insights)

77 %

of delays in deadlines are directly due to poor information management

Solo el

30 %

of companies use software to consolidate data, still relying on manual workflows

These gaps account for up to 40% of project delays and 12% of cost overruns, which underscores the urgent need for an integrated solution.

03_Product Strategy: Impact Goals and KPIs

Strategic Goals

  • Operational Efficiency: Optimize the flow of information to reduce response times between the office and the field.

  • Profitability: Minimize cost overruns caused by execution errors through accurate visualization.

  • Technology Adoption: Design a smooth learning curve to facilitate the digital transition for traditionally analog profiles.

Measuring Success (KPIs)

  • Impact on Construction: Reduction in the number of technical queries and decrease in errors in plan interpretation.

  • Operational ROI: Comparison of management costs and execution times before and after implementation.

  • Engagement & UX: Monitoring of active users (MAU) and measurement of satisfaction through an adapted UX Score/NPS.

The integration of AR was a strategic decision: enabling in-situ visualization of 3D BIM models optimizes spatial understanding and reduces interpretation errors by up to 30%.

The project evolved from a Conceptualization and Wireframing phase in Figma to a functional MVP. This iterative approach allowed the technical feasibility to be validated in real-world environments.

04_Development of the MVP and Continuous Iteration

The MVP allowed us to validate hypotheses and refine the experience
through continuous iterations.

The MVP was conceived as a controlled testing environment to validate the hypotheses derived from UX Research. The objective was not to launch a finished product, but to confirm whether the proposed information architecture resolved the real frictions between the technical office and on-site personnel.

Refinement and learning process

Feedback Cycles: I implemented a continuous iteration process in which each user interaction with the basic prototype generated data on visual hierarchy and workflow efficiency.


Usability Optimization: We identified and corrected bottlenecks in the information structure, simplifying complex processes to ensure the tool remained operational even under stressful on-site conditions.

05_Professional version of the web application

The MVP validated 3D visualization and basic collaboration between teams within a single environment.

After analyzing the usage of 10 pilot teams, it was found that 70% of the projects involved multiple companies, which led to a hierarchical architecture based on companies, users, and active projects.

The viewer was optimized to work with BIM models and their databases, enabling comprehensive management of the project lifecycle.

Interfaz de gestión de activos BIM en realidad aumentada para trabajos en obra

Cards Initial version

Cards Iterated version

Change in the cards
and real feedback

During testing, specific challenges arose, such as confusion between projects with similar names and difficulty remembering progress states.

Although visually more consistent, 72% of users had trouble locating specific projects.

This was resolved by incorporating unique and customizable colors and icons, as well as dynamic status labels, which improved identification by 65% and increased user engagement with the design.

3D Models BIM viewer

Visualizador de modelos BIM para aplicación de realidad virtual y gestión de modelos

10% increase in AR mobile app usage after qualitative research and iteration

Using Smartlook and Hotjar, we found that only 12% of users viewed the models in AR.

To improve this, we added a QR shortcut from the web viewer and renamed key buttons in the navbar.

The change increased AR views by 10% and reduced access time by 15%, enabling faster analysis.

File management

Diseño de plataforma multidispositivo ux ui ar vr pantalla de carga de archivos

Team management

diseño de aplicación multidispositivo de ar vr web para gestión BIM vista de gestión de equipo

Dashboard, e-commerce and design system.

Created based on
user journey

After more than 200 hours of research, and the creation of the user journey and user personas, we transformed the platform into a SaaS to adapt it to the different stages of construction.

We developed a control dashboard and an e-commerce, which drove the creation of a design system that optimized development by 40%.

Dashboard diseño de interfaz ux ui multiplataforma vt lab

06_Mobile Application (AR)

AR to bring
the office to the construction site

The development of the augmented reality application posed a challenge due to the limited documentation available on AR design.

After a comparative analysis of the few existing competitors and a study of trends from major tech companies, an approach was defined that combined familiar mobile patterns with simple 3D interactions at key points.

Measure tool

Pantalla de visualización de medidas en RA para aplicación de realidad aumentada en obra

Interactions in the 3D space are guided to optimize user understanding.

An initial tutorial of less than 30 seconds explains step by step how to use the tool for the first time.

BIM Data tool

Vista de diseño de mockup de aplicación para ar en obras herramienta información BIM

Issue tracking solution

Vista de solución Isue Traking, mockup de aplicación para AR y gestión en obra

In addition to the core application, integrable solutions can be acquired to expand its capabilities depending on the construction phase.

These solutions allow the digitalization of complex construction processes, reducing planning time and the resolution of specific problems by up to 30%.

AR menu toolbar

Mockup pantalla de herramientas ar para aplicación de diseño de arquitectura

Development of horizontal menu
thanks to partner feedback

The interfaces have been optimized to work in both portrait and landscape orientations, a functionality initially dismissed due to its development complexity.

Upon receiving the first partner videos, we observed that 80% were recorded in landscape, which prompted a usability and feasibility study.

All menus include intuitive iconography that simplifies complex actions, such as placing a digital anchor or adjusting the opacity of 3D objects.

Images for Android and iOS markets

07_VR Glasses Application

Objective: the same ecosystem regardless of the device

VT-Platform applies the same design language across AR, VR, and Web, reducing learning time by 30% when switching between technologies.

This unification reinforces the feeling of a coherent system rather than independent applications.

In VR, where users face greater challenges due to device complexity, special effort has been made to improve usability and comprehension.

Pantalla de inicio de aplicación de realidad virtual vt lab

Model selection and settings in virtual reality

Vista de menú en VR passtrought de la selección del modelo para aplicación de construcción
Vista de diseño en passtrought de los ajustes de aplicación de realidad virtual

Phases of Tool Design and VR Menu Layout

The application’s tools went through several stages of development. In the MVP, users could only combine tools to create custom solutions; predefined solutions did not exist.

After the initial feedback, we found that 70% of users were unable to create solutions, as they didn’t know what each combination offered. To address this, we introduced closed packages with one-way workflows, with a clear start and end.

The success of the predefined solutions was measured in sales: the closed packages accounted for 40% of total purchases during the first three months after their introduction.

Diseño y creación de aplicación multiplataforma vista de soluciones para app
Creación de interfaz user-friendly para plataforma multidispositivo de gestión de activos, pintar en VR

When selecting a model, the user enters the immersive scene, with a menu on the left controller.

Using the pointer on the right hand, they can select menu options, emulating the functionality of a mouse and making it easier to use.

08_The result

After studying the type of user, conducting usability tests, A/B tests, and developing user profiles, I was able to create a simple cross-platform VR/AR/WEB interface. The interface brings all the advantages of VT-Platform to the average construction user.

.

A design system with over 200 elements was created, enabling the interface to be built quickly and easily, giving the project a unique identity, improving usability, and simplifying development.

.

All of this is reflected in its usage, with a total of 1,000 registered companies and thousands of people using it daily in various construction environments around the world.

.

Throughout this project, I learned the importance of user testing and how solid research can lay the foundation for a functional interface. I also learned several project organization and feedback-gathering techniques, such as A/B testing, planning user interviews, and creating user personas.

Want to know how this product sold? Take a look at the website creation.

Privacy summary
GPachecus Logo Guillermo Sánchez UX UI

This website uses cookies to provide you with the best possible user experience. Cookie information is stored in your browser and performs functions such as recognizing you when you return to our website or helping our team understand which sections of the site you find most interesting and useful.

Strictly necessary cookies

The strictly necessary cookies must always be enabled so we can save your cookie settings preferences.

Third-party cookies

This website uses Google Analytics to collect anonymous information, such as the number of site visitors or the most popular pages.

Keeping this cookie active allows us to improve our website.

Aditional cookies

This website uses the following additional cookies:

Smartlook

Survicate