Building Effective Scheduling Tools
Briostack
Briostack was built to help field service companies manage all facets of their business. Scheduling and routing is a huge feature that allows users to make day to day operations easier. I led the redesign of existing software and implemented an entirely new experience.
![Role Icon.png](https://static.wixstatic.com/media/7d3ef3_298e566a49f849c18c76f9e7f803bd37~mv2.png/v1/fill/w_80,h_90,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Role%20Icon.png)
Role
Lead UI/UX Designer
![Device Icon.png](https://static.wixstatic.com/media/7d3ef3_47ef7fc2c35b4dadad6a2454c4cba99d~mv2.png/v1/fill/w_63,h_90,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Device%20Icon.png)
Devices
Web & Desktop
![Time Frame Icon.png](https://static.wixstatic.com/media/7d3ef3_a0d0168cd67b484ea54fae95997a9c38~mv2.png/v1/fill/w_77,h_90,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Time%20Frame%20Icon.png)
Time Frame
Sep 2021 - Dec 2021
![briostack-logo-color.png](https://static.wixstatic.com/media/7d3ef3_aa16ade2e99240b4b103eb4151b26ccc~mv2.png/v1/fill/w_290,h_53,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/briostack-logo-color.png)
What is Briostack?
Briostack was built to help field service industry companies manage all facets of their business. It empowers these users to manage everything from taxes, customer service, and payroll.
![Laptop.png](https://static.wixstatic.com/media/7d3ef3_4033df46d1fb47bda28193cd47fc8aaa~mv2.png/v1/fill/w_1251,h_813,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Laptop.png)
Understanding User’s Issues
Chatting with users of Briostack was key to identifying issues with the product. Discussing their daily tasks allowed us to reimagine the scheduling tool to make their lives easier. When interviewing them I discovered that the interface was not intuitive and users often became frustrated with it when trying to manage schedules. They said it was difficult to view multiple technicians schedules at once and the lack of organization led to mistakes. Many of the users I interviewed also requested a way to track technicians in real time so they could reroute them if a conflict occurred.
![Hard to Use Interface.png](https://static.wixstatic.com/media/7d3ef3_638e8059311a410c842a19af9e2ab52b~mv2.png/v1/fill/w_122,h_126,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Hard%20to%20Use%20Interface.png)
Hard to Use Interface
![Lacked Forecasting.png](https://static.wixstatic.com/media/7d3ef3_e872fd58e1894590a7f5dcd54e538ad2~mv2.png/v1/fill/w_120,h_120,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Lacked%20Forecasting.png)
Lacked Forecasting
![No Real Time Updates.png](https://static.wixstatic.com/media/7d3ef3_a95d8f2bd7334dc9b26af5a1f9f667f0~mv2.png/v1/crop/x_0,y_0,w_253,h_231/fill/w_124,h_113,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/No%20Real%20Time%20Updates.png)
No Real Time Updates
Easy Drag and
Drop Scheduling
Making rescheduling or switching technicians easier was a must for this project. We tested multiple user methods like appointment pools and dropdowns. Ultimately, I found that dragging and dropping appointments was the best option because it was fast and easy to use.
![giphy.gif_cid=790b761113575f90bdc7466b76a607fe22b46f6d965468a8&rid=giphy.gif&ct=g.gif](https://static.wixstatic.com/media/7d3ef3_3771015b34e14a3ab8a51f76a6d56595~mv2.gif/v1/fill/w_378,h_510,al_c,lg_1,pstr/giphy_gif_cid%3D790b761113575f90bdc7466b76a607fe22b46f6d965468a8%26rid%3Dgiphy_gif%26ct%3Dg_gif.gif)
Map View of Schedule
We went a step further to explore ways for improving the scheduling tool. We integrated tracking to keep schedulers and managers updated on employee’s location. This added feature helps when a conflict arises like a broken down truck or missed appointment to see whose in the area to lend a hand.
Looking Ahead
Making Future Scheduling Easier
One commonly heard pain point heard when speaking with users was that the existing schedule experience made it extremely hard for schedulers to look a head and forecast. There was no existing option for a monthly view of schedules and looking at a weekly view was extremely time consuming. I also added a filter that allowed the user to view the schedule by a techs availability or time off.
![UI Screens.png](https://static.wixstatic.com/media/7d3ef3_ca1ddb83d9834f22a51aec804eaaa5ba~mv2.png/v1/fill/w_980,h_670,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/7d3ef3_ca1ddb83d9834f22a51aec804eaaa5ba~mv2.png)
Modern UI Updated Designs
Briostack as a software is extensive and has many unique user flows that were challenging to build upon. I pushed the visual direction of the scheduling experience by forming a modern interface that matched the Brio Tech redesign. This also created the foundation of a new identity they can use for future projects.
![Multiple Screens UI.png](https://static.wixstatic.com/media/7d3ef3_3d19a8ca2d18442d8b3b7b75d9b33eaf~mv2.png/v1/fill/w_980,h_632,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/7d3ef3_3d19a8ca2d18442d8b3b7b75d9b33eaf~mv2.png)