Mio

Mio

Mio project cover
Mio project cover
Mio project cover
Mio project cover

The Product

Mio: Cross-platform Enterprise Messaging 

There are a few ways to view this project:

  1. Dive right into the Figma file and explore on your own (a lot of pages to poke around in) 👇

    screenshot of Mio figma file


  2. Watch a Vimeo walkthrough of the connect center 👇

    cover for a loom walkthrough


  3. A few screenshots below (boorrringgg 😶)

Overview

Mio was designed to work in the background of the chat plaform you already use, but there still needed to be a robust admin product. Users came to Mio requesting specific features to be added, plus some standard features were added to elevate the product. Here are some things the Admins requested (this product is a desktop product): 

  • See all of the channels a user is in

  • Search users, channels and external contacts 

  • Filter by org in channels and external contacts 

  • Remove users and orgs via external contacts

  • See all the members in a specific channel

Admins also needed a bit more guidance throughout the activities tab, so I added some small but mighty details

  • Helpful tips in the left rail, but dismissable

  • Helper banners below the header, but dismissable 

  • Helper text below the H1 in the header 

  • A more robust search engine

  • Pagination

User Sync

Another issue for Mio admins in the hub is syncing users to platforms. Example: one of your employees is using Slack but needs to use Microsoft Teams to chat with an external contact, you need to sync that user with Mio so that employee can chat with the external contact within Slack even though the external contact uses Teams.

Some of the features and changes that I needed to account for were

  • Change the dynamic of Synced and Unsynced users by removing that filter

  • A better search experience 

  • Sync status upgrades 

  • Helper text in header

  • UI upgrades


The Outcome and Highlights

  1. Mio admins no longer need to contact Mio to set up their users

  2. A new onboarding flow resulted in 80% increase in users being able to install Mio without the help of customer success

  3. Because of the connect center changes, the faith of security in Mio increased and technical admins had more confidence to be and stay a customer of Mio due to having more control over the product

  4. Working directly with 8-10 engineers to ensure the experience is identical to the product design and strategy and being able to execute with minimal limitations for a very difficult feature was a large growth moment and highlight of my career.

  5. We fixed a bunch of sh*t!


Screenshots



The Product

Mio: Cross-platform Enterprise Messaging 

There are a few ways to view this project:

  1. Dive right into the Figma file and explore on your own (a lot of pages to poke around in) 👇

    screenshot of Mio figma file


  2. Watch a Vimeo walkthrough of the connect center 👇

    cover for a loom walkthrough


  3. A few screenshots below (boorrringgg 😶)

Overview

Mio was designed to work in the background of the chat plaform you already use, but there still needed to be a robust admin product. Users came to Mio requesting specific features to be added, plus some standard features were added to elevate the product. Here are some things the Admins requested (this product is a desktop product): 

  • See all of the channels a user is in

  • Search users, channels and external contacts 

  • Filter by org in channels and external contacts 

  • Remove users and orgs via external contacts

  • See all the members in a specific channel

Admins also needed a bit more guidance throughout the activities tab, so I added some small but mighty details

  • Helpful tips in the left rail, but dismissable

  • Helper banners below the header, but dismissable 

  • Helper text below the H1 in the header 

  • A more robust search engine

  • Pagination

User Sync

Another issue for Mio admins in the hub is syncing users to platforms. Example: one of your employees is using Slack but needs to use Microsoft Teams to chat with an external contact, you need to sync that user with Mio so that employee can chat with the external contact within Slack even though the external contact uses Teams.

Some of the features and changes that I needed to account for were

  • Change the dynamic of Synced and Unsynced users by removing that filter

  • A better search experience 

  • Sync status upgrades 

  • Helper text in header

  • UI upgrades


The Outcome and Highlights

  1. Mio admins no longer need to contact Mio to set up their users

  2. A new onboarding flow resulted in 80% increase in users being able to install Mio without the help of customer success

  3. Because of the connect center changes, the faith of security in Mio increased and technical admins had more confidence to be and stay a customer of Mio due to having more control over the product

  4. Working directly with 8-10 engineers to ensure the experience is identical to the product design and strategy and being able to execute with minimal limitations for a very difficult feature was a large growth moment and highlight of my career.

  5. We fixed a bunch of sh*t!


Screenshots



© 2024 Sara Mitchell

© 2024 Sara Mitchell

© 2024 Sara Mitchell