Technician App

The DMG app, previously known as InPosition, is how DMG's techs interact with the service. In rethinking this product, we wanted to remain focused on what techs really want: Get in, Get work, Get paid.

Role Lead Designer, Visual Design, UX Research, UX Wireframing

Time frame 1 month

Tools & method Created user journey and wireframes with team management Anna Willoughby, moved forward and created high fidelity UI designs independently

Process Led team to build consensus, understand the user, develop requirements and brainstorm features. After daily ideation sessions with the stakeholders, we worked together in evening design sessions, mapping out user journey in detail. From this map we created wireframes. Once wireframes were vetted by the stakeholders I began working on high fidelity wireframes for V1 of the app.

Understanding the user

DMG has a diverse and complex group of users. We spoke to providers in the field and conducted some research, giving us a better understanding of their subset of needs. From this we were able to extrapolate out personas that better outlined who these users were. Exploring these personas with the stakeholders helped us begin to form a better picture of what a provider would need and want when first onboarding to the Technician App, and how that aligned with the business needs of the company.

Working collaboratively to understand requirements

With a better understanding of the user, we built out initial sitemaps in the image of what we understood the user journey needed to be. We then shared these with stakeholders and iterated on their feedback.

Wireframes created in Whimsical depicting the process of searching for jobs in the app. We shared these with stakeholders to get stronger alignment on the direction of the project.

Features

Signing Up

Currently, technicians have to go to the DMG website in order to sign up. The sign up process is antiquated, not accessible, and not at all responsive, so users cannot sign up on their phones if they wanted to. So it was extremely important that we rethink this process and create a seamless, mobile friendly sign up flow. Inspiration was taken from Thimble.com's simple, elegant sign-up process.

Checking into a job

Once a tech is onsite, if they have enabled location services they are automatically checked in. When the open the app, they are giving simple instructions to start their work. The first step is always to take a before photo, followed by adding their materials, ordering parts, and taking after photos to prove they've completed the work.

The final product

Mobile

Below is the mobile happy path of V1 of the Technician app, for individuals who are signing up to work with DMG.

Try out the mobile prototype

To validate the concepts and better help developers create the new designs as quickly as possible, I created an interactive prototype. You can try out the prototype here.

Desktop

A desktop version of the mobile client was also created, following the same basic functionality, to enable our users to onboard from anywhere, at any time. Below you can see the happy path.

Spanish

I leveraged being a native Spanish speaker to create a Spanish version of our app for our many users who were of Latin background, and created error states for unforeseen situations.

Technician V2

Mobile visual design

A few months after Technician V1 launched, I undertook the process of updating the app to a design language that more closely aligned with the direction the new DMG design system language was moving. I was in charge of a junior designer assigned to the team at this time, and together we co-created new visual designs in line with the new design system.