Meisterwerk

Product discovery in the construction industry

<b>Two days</b> of field tests

to test the usability and navigation under construction-side conditions.

<b>Product vision</b> for different user groups

Conception of tomorrow's functionalities

Meisterwerk App GmbH

Visit website

INDUSTRY

Construction Tech

Timeframe

Several sprints in 2020 & 2021

TEAM

Design Lead
UX / UI Designers

About the project

Meisterwerk is a Berlin-based startup that has developed a project and time tracking app specifically designed for craftsmen. This target group often relies on traditional paper order slips to manage their projects, but Meisterwerk's digital alternative offers a more efficient and effective solution.

Our team was tasked with analyzing the current processes used by craftsmen and creating a user-friendly digital alternative that would demonstrate the added value of Meisterwerk's service. We collaborated closely with the company's business team to develop a future vision for the platform and created initial layout designs for the first incremental steps. As a result, we successfully delivered a time-tracking feature to development and helped Meisterwerk move closer to achieving product-market fit.

<section class="padding-largest no-padding-bottom module-portolio-detail-headline"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Mobile Time & Task Tracking –</span> <br class="not-on-s">Employees can log their progress on the go </h2> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/02._tile-image-1/meisterwerk-quick-data-wizard-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/02._tile-image-1/meisterwerk-quick-data-wizard-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/02._tile-image-1/meisterwerk-quick-data-wizard-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/02._tile-image-1/meisterwerk-quick-data-wizard-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Quick data-input wizard<br> Add time, date & task details</h3> <p>The quick data-input wizard is a tool designed to make it easy for craftsmen to add important details such as time, date, and task information to their records, without having to worry about making mistakes or forgetting important details. <br><br>It was very important to us and the client that not only tech-savvy users enjoy the tool so in addition, the wizard is designed to be user-friendly and intuitive, so even novice users can easily navigate through it and input their data with ease.<br><br>The new wizard reduzed the time-on-task 20% on average.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>At a glance -<br> an overview of achieved work</h3> <p>To give the user a quick overview of the work done, we have designed a dashboard-like display sorted by jobs. With one click, the entered details for the respective job are displayed. A short saying announces in a sympathetic way the number of hours worked or still open hours.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/05._tile-images-2-3/meisterwerk-tasks---1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/05._tile-images-2-3/meisterwerk-tasks---1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/05._tile-images-2-3/meisterwerk-tasks---2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/05._tile-images-2-3/meisterwerk-tasks---1x.jpg"> </picture> </div> </div> </div> </section> <section class="padding-largest no-padding-bottom module-portolio-detail-headline bg-grey-05"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Product Vision</span> <br class="not-on-s">Back-office desktop planning suite </h2> <p class="sn-text section-paragraph center">We created a foresight for potential features, to support the Meisterwerk team for their next investor presentations. <br><br>One of the ideas will provide a utilization overview for employee assignments with free availabilities marked. The detailed view of assignments shows timeframes, employees deployed, and assignment documents with a to-do list - ensuring employees are always well-prepared for essential tasks.</p> </div> </section> <section class="section modular-portfolio-detail-list no-padding-sides no-padding-bottom bg-grey-05"> <div class="headline-large-image"> <div class="item-wrapper"> <div class="item"> <div class="image img-mobile"> <picture> <source media="(max-width: 767px)" srcset="" /> <source srcset="https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/07._full-width-no-margin-image-2/meisterwerk-vision-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/07._full-width-no-margin-image-2/meisterwerk-vision-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/Meisterwerk-ux-ui-design/07._full-width-no-margin-image-2/meisterwerk-vision-1x.jpg}"> </picture> </div> </div> </div> </div> </section> <section id="cta-your-project" class="section padding-largest modular-call-contact "> <div class="wrapper"> <div class="flex-container"> <div class="flex-item-left"> <picture> <source media="(max-width: 767px)" srcset="/user/themes/boanastories/img/sales/s-profile-j2-mobile.jpg" /> <source srcset="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg 1x, /user/themes/boanastories/img/sales/s-profile-j2-2x.jpg 2x" /> <img src="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg" alt="Johannes Holl" /> </picture> <a href="https://boanastudio.com/team/johannes-holl" class="xs-text text-grey-60 image-caption"><b class="bold text-grey-40">Johannes Holl</b> <span class="not-on-s">• </span>Managing Director</a> </div> <div class="flex-item-right"> <div class="text"> <div class="headline l-text"> <span class="color">Let’s talk about</span><br>your project. </div> <div class="teaser n-text text-grey-60"> We can help reduce complexity and identify quick wins upfront. </div> <div class="actions"> <a href="https://boanastudio.com/contact" class="button primary">Get free consultation</a> </div> </div> </div> </div> </div> </section>