What's happening at work?

Teammate - Modern Workplace Frontline Worker Application

Teammate provides frontline workers easy access to the information they need to stay safe, productive, and engaged. From one app, employees can manage shifts, track tasks, follow corporate communications and social media, or connect easily with HR, IT, or facilities.

UX Design Lead
‍Internal Avanade and Microsoft Partnership
‍June 2020 (16 months) | Remote

The Project

Avanade's Modern Workplace Lead, Marc Wilkinson, spearheaded Avanade's first non-consulting product creation project for a mobile-first workplace application called Teammate. At the time, COVID-19 was in full effect, and clients were asking for a way to keep their first-line workers safe but still connected. Avanade partnered with Microsoft to build the application via its Teams platform.

Teammate logo

The Problem

Bringing it all together

Gather and sync all the siloed and independently created application mock-ups into one application design and match it up to the true capabilities of Teams for the development of the application that fulfills the needs of frontline workers and supervisors.

The Team

my incredible project team!

  • Marc Wilkinson, Executive, Modern Workplace Lead - West | Avanade
  • Amanda Sparks, Visual Designer | Avanade
  • Luis Reyes, Buisness Analytics | Avanade
  • Eddie Milton, Content Strategist | Avanade
  • Howard Cohen, Technology Lead | Avanade
  • Stephen Tong, Sr Director of Modern Workplace | Avanade
  • JoJo Saunders, Support UX/Visual Designer | Avanade
  • Katey Jackson, Software Engineer | Avanade
  • Lynzley Kolakowski, Front-end Developer | Avanade
  • Julie Wyman, Delivery Lead | Avanade
  • Wictor Wilén, Teams Product Specialist | Avanade Sweden

Discovery

early work

Within the North American region, there were numerous starts in creating a front-line worker tool. My team and I found, organized, and reviewed the research and product mock-ups. We looked for commonalities and watched for unique insights.

Multiple mobile phone screenshots of early siloed attempts of a front-line worker application

key findings and takeaways

We determined nine initial vital areas from our product reviews, client discussions, and brainstorming sessions.

  • Wellness Survey
  • Shift/Schedule
  • IT and HR Support
  • Handbook
  • Company News
  • Task List
  • Co-worker Communication
  • Company Social Media Feeds
  • General Surveys

capabilities and limitations

Since this project was set to work within the Microsoft Teams platform, my team and I met with the Microsoft Teams team and our internal Teams specialists to understand the Teams platform.

Making Limitations Soar

strategy | sketches | wireframes

Now that we understood Teams, it was time to determine our strategy for Teammate that would meet the user's needs.

Collection of project wireframes displayed in columns

Design

bringing it all together

I discussed with my designers how we needed to create flexibility within the design, allow for future company branding, and ensure that visual accessibility would not be lost. You can see how we brought everything together in the video to the below.

Multiple mobile phone screenshots of Teammate designed screens with dark green branding

client customization within the boundaries of Teams

Five different mobile phone displays for de-branded companies. 
- salad restaurant
- manufacturing factory
- convenience store
- paint store
- yoga clothing store
Company logos removed

Telling the Story

presentation scenario

As Teammate prepared for release, we felt creating a real-life scenario to present to potential clients would help them relate to and understand Teammate's capabilities.

Infographic with mobile screenshots showing the pathing of a work day.
- Nicole begins her day.
- Before Nicole heads to work, she takes her Wellness Survey. 
- While on the bus, Nicole reviews Whataburger news and notices a work colleague is contacting her via Teams Chat.
- Co-worker Shawn is asking if Nicole will swap an upcoming shift. She agrees, opens Teams Shifts, and requests the shift swap.
- As Nicole starts her shift, she opens up the task tab and begins her first task of the day. Checking off tasks as they are completed.
- Nicole is working at a register when it crashes. Opening My Tickets, Nicole creates an IT support ticket.
- Nicole’s shift ends. She clocks out from her shift in HUB via Teams Shifts.
Click on the image above for a full-sized view.

Prototyping

industry collaboration

In the presentation of the user scenario, we demonstrated our prototypes as both the art of the possible and developing the analysis for front-line worker needs. This allowed us to collaborate with industry leaders to refine the product/roadmap concepts. The learnings are still being adopted and consumed by various parties: Microsoft, Avanade, and Accenture.

Below you will see a portion of one of the prototypes I created.

Supervisor

next phase

As the development team began building the front-line worker experience, my XD team and I came together, utilizing the same process as before, to determine and create the supervisor experience.

Three whiteboard images from supervisor experience discussionsFive mobile from screens of supervisor experience

Outcome

After everything was said and done, Avanade now had its first fully designed web application available to sell to clients as a modern workplace experience tool. Working closely with the sales team, I assisted with presentations and discussed future possibilities. From this project, Avanade continues to partner with Microsoft to develop many modern workplace experiences.

“When I kicked off a skunkworks project to deliver a compelling experience to frontline workers, Raphaela was the obvious choice for the team, bringing immense skill and proficiency in designing (and articulating) a captivating user experience – a way of working – that resonated with the actual frontline workers – addressing many of the things that are wrong with the current approaches. As a skunkworks project, it was more of a build-the-rocket ship as you leave the launch pad with your tail on fire. Rather than rebelling against the ambiguity, Raphaela embraced it, understanding the opportunity to help others.  She coached many of the other members who were less comfortable with the uncertainty and lack of minute detail of the design, reinforcing the goals and intent of the project.  She quickly became one of the leads on the project, guiding the development team as well as the client side teams on their approach to customers, supporting many of those conversations directly."

Marc Wilkinson
Executive | Modern Workplace Lead - West
Avanade | Teammate

Read more testimonials about my work

Other Projects

Desktop monitor showing prototype creation in Figma

How may I help you?

Call Center Caller Verification Application
Desktop monitor showing prototype creation in Figma

How much was that?

Film Production Financial Reporting System - (time critical) Prototype

Want to discuss this project and my process?

✉️ Send me an email ✉️