![images-removebg-preview.png](https://static.wixstatic.com/media/ab57a9_692af8e6a8cb4d32a431e32bac38f5d0~mv2.png/v1/fill/w_158,h_28,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/ab57a9_692af8e6a8cb4d32a431e32bac38f5d0~mv2.png)
Redesign holiday schedules for access control to ensure property security during holidays.
Product Design
B2B/SaaS
Duration
Team
Process
Role
5 Months
3 Product Designers, 1 Product Manager, 2 Product Owners, 2 Developers
UX Research, Design System, UI Design, Prototyping, User Testing
In my role as Product Designer, I redesigned the dashboard for the holiday schedule feature and contributed to the design system for the product, resulting in a 33% reduction in its management time.
Overview
About the Product
Genea is a property technology company that offers cloud-based software solutions for commercial real estate, helping businesses with access control, submeter billing, and automating HVAC management to create more efficient and secure buildings. I worked on a feature for the Access Control product.
![Untitled design (2).gif](https://static.wixstatic.com/media/ab57a9_9e11f163ecb849ba8eb45f786a745592~mv2.gif)
Feature Background
Holiday Scheduling for Access Control
In access control, holiday scheduling sets special access rules for who can enter or leave certain places on holidays. It helps manage security by adjusting and overriding regular access automatically on holidays.
​
Users globally encountered challenges due to the limited holidays in a predefined list, which led them to manually add custom holidays. Moreover, adding custom holidays was time-consuming as users had to add one holiday at a time, and the overall process was perceived as confusing. To address this issue, we launched country-wise holidays in the predefined list.
Process
Initiated with Digital Ethnography.
Concluded with Usability Testings
to maximise business impact.
Redesigning the holiday schedule feature required understanding the existing designs and ensuring design consistency. I initiated the process by observing users and their behaviour while interacting with the feature using the Hotjar tool. I iterated through various designs and evaluated their efficacy by analyzing and gathering qualitative and quantitative data via Hotjar heatmaps, session recordings, and surveys.
![Frame 56452.png](https://static.wixstatic.com/media/ab57a9_bed483c4a3a74f2d8be6e54c9a1f9060~mv2.png/v1/fill/w_979,h_171,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2056452.png)
Achievement
Accomplished 25% increase in the frequency of users from
39 different countries adding holidays.
User Painpoints
Pain point #1
-
Due to limited holidays in a predefined list, users had to manually add custom holidays each calendar year.
​​
-
Users were confused regarding the purpose and functionality of holiday groups.
![Untitled design (1).png](https://static.wixstatic.com/media/ab57a9_9cd77ff92f144233a32d4b4d47ae5883~mv2.png/v1/fill/w_741,h_481,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Untitled%20design%20(1).png)
![Ellipse 1.png](https://static.wixstatic.com/media/ab57a9_76de3d94eaf348e0af0c05e625f3c225~mv2.png/v1/fill/w_297,h_182,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Ellipse%201.png)
old product
Pain point #2
-
Users faced difficulty adding multiple custom holidays all at once, leading to time-consuming and less efficient processes.
​​
-
The central modal blocked important content, hindering seamless navigation.
![Untitled design2.png](https://static.wixstatic.com/media/ab57a9_4c5b2f28f4454c9fadc799dc0cf34c38~mv2.png/v1/fill/w_741,h_481,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Untitled%20design2.png)
old product
Problem Statement
How can we streamline the process of adding pre-defined or multiple custom holidays, enhancing feature efficiency for users?
Success Metrics:
![Frame 56450.png](https://static.wixstatic.com/media/ab57a9_d1881a5bfbaf4417904f307fbf5cb029~mv2.png/v1/fill/w_845,h_269,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2056450.png)
Design System
Created an extensive design system, which included design annotations, branding elements such as colors and typography for both web and mobile platforms, spacing guidelines, layout grids, and icon packs. This team effort aimed to ensure consistency and efficiency throughout the design and development process.
We adhered to the accessibility guidelines established by WCAG and defined a library of UI components
![General Icons.png](https://static.wixstatic.com/media/ab57a9_0800a385e6cc4df4b5b4553bc2c47f48~mv2.png/v1/crop/x_0,y_184,w_1331,h_1296/fill/w_570,h_555,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/General%20Icons.png)
![Typography.png](https://static.wixstatic.com/media/ab57a9_de5b13a755ee44f49ad7dc10b5e8f4ef~mv2.png/v1/crop/x_0,y_0,w_2252,h_1185/fill/w_584,h_307,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Typography.png)
![Frame 1.png](https://static.wixstatic.com/media/ab57a9_be6a7b4e825e4a21904f8115f7bd5ec4~mv2.png/v1/crop/x_0,y_0,w_1105,h_1287/fill/w_357,h_416,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%201.png)
![Containers.png](https://static.wixstatic.com/media/ab57a9_203a6bb388504b92959aca28aec6f89f~mv2.png/v1/fill/w_570,h_163,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Containers.png)
![Selection control.png](https://static.wixstatic.com/media/ab57a9_b4e32b1356cf42fc9d7dfc3d3d323db0~mv2.png/v1/crop/x_0,y_352,w_1839,h_813/fill/w_570,h_252,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Selection%20control.png)
Iterations
More efficient, Intuitive and Consistent
I began the design process by wireframing several iterations to grasp the representation, then progressed to creating high-fidelity designs. Throughout the ideation phase, I regularly sought input from the product manager and developers, focusing on both usability and feasibility.
![Frame 56434.png](https://static.wixstatic.com/media/ab57a9_09025b4543584c83bb0d5fc8588b579b~mv2.png/v1/crop/x_0,y_30,w_17992,h_11258/fill/w_934,h_584,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Frame%2056434.png)
Iteration for adding predefined holidays
Pros :
-
Users can easily access information within and behind the side modal interface​
-
Offers country-specific holiday lists to improve efficiency for its global user base.
Cons:
-
Opening the dropdown to access the holiday list for each country resulted in more scrolling and navigation issues.
![](https://static.wixstatic.com/media/ab57a9_b56c77fb606e4b49a7f24562ed96cc9af000.jpg/v1/fill/w_860,h_484,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/ab57a9_b56c77fb606e4b49a7f24562ed96cc9af000.jpg)
Iteration for adding custom holidays
Pros :
-
Users can add custom bulk holidays all at once, saving time and effort.
Cons:
-
Adding predefined holidays to the schedule requires more clicks, resulting in increased time on task for users.
Revised User Flow
![Access Control Figjam.png](https://static.wixstatic.com/media/ab57a9_46001a9176384d209f430beb142f1d51~mv2.png/v1/crop/x_0,y_224,w_4264,h_3985/fill/w_642,h_600,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Access%20Control%20Figjam.png)
Final Shipped Design
Following multiple iterations and incorporating feedback from both Product Managers and Developers, final designs were created and tested with users.
![Holidays 1.png](https://static.wixstatic.com/media/ab57a9_4febb79bdc454ee1ac07d3d96ada0607~mv2.png/v1/fill/w_833,h_511,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Holidays%201.png)
-
Holidays and holiday groups have been divided in two tabs, with the inclusion of a tooltip clarifying the function of each.
​​
-
Filters are added, allowing users to narrow down their data set.
![Untitled design (2).gif](https://static.wixstatic.com/media/ab57a9_9e11f163ecb849ba8eb45f786a745592~mv2.gif)
Add Predefined Holiday Flow
-
Added a comprehensive list of holidays from different countries, benefiting global users by eliminating the need to manually add custom holidays, thus saving time.
​​
-
Makes it easier to see how many holidays are selected from each country would help users navigate and decide more easily.
![1 (1).gif](https://static.wixstatic.com/media/ab57a9_5bb1c4a36af94c5e933d6b585f3a5180~mv2.gif)
Add Custom Holiday Flow
The tabular sheet enables users to add multiple holidays all at once, enhancing efficiency and reducing time spent on tasks.
Impact
The time spent on navigating through the holiday schedule feature reduced by 15%. Below is the data indicating the number of users that started using this feature after implementing the redesigns.
![Frame 56451.png](https://static.wixstatic.com/media/ab57a9_e986ab80fa504185ab7d0a195c17e0f7~mv2.png/v1/fill/w_476,h_754,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Frame%2056451.png)
No. of users after redesign
No. of users before redesign
![Screenshot 2024-04-28 at 6.44.40 PM.png](https://static.wixstatic.com/media/ab57a9_2d0c437145364f23abf52cecebe290e8~mv2.png/v1/fill/w_281,h_302,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202024-04-28%20at%206_44_40%E2%80%AFPM.png)
![Screenshot 2024-04-28 at 6.46.16 PM.png](https://static.wixstatic.com/media/ab57a9_61a99c8dfb3c42bca7eba8cf50b8785f~mv2.png/v1/fill/w_278,h_302,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202024-04-28%20at%206_46_16%E2%80%AFPM.png)
Learnings & Challenges
-
Since I had no experience working with access control products, it was quite challenging for me to understand how is the holiday schedule feature used.
​​
-
I've learned the importance of considering business aspects alongside user needs during the redesign process to foster company growth.
​​
-
Gaining a thorough understanding of user behavior and frustrations through close tracking of their interaction patterns provided valuable insights and guided my design process accordingly.
​​
-
Continuous feedback from both the product manager and developers throughout each phase is crucial to ensure no important aspect is overlooked and to discuss the feasibility of designs.