top of page

"We HONOR serving our community HEROES".

Group 245.png

RollKall LEA Portal

What is the LEA portal?

The RollKall LEA portal is RollKall’s primary workplace for law enforcement agency’s administrators and job coordinators. The primary functions for the LEA portal are:

  • The RollKall LEA portal is RollKall’s primary workplace for law enforcement agency’s administrators and job coordinators. The primary functions for the LEA portal are:

iMac Pro Front View Mockup.png

Project Overview

I want to walk you through my design process of a new feature in the RollKall LEA portal called Hourly restrictions. Hourly restrictions is a setting that allows LEA administrators and coordinators to set customizable hourly work limitations that prevent officers from working more off duty hours than their agency allows.

I assumed the following roles designing this project:


  • User Experience (UX) Designer

  • User Exeprience (UX) Researcher

  • User Interface (UI) Designer


  • User surveys and one-on-one interviews

  • Personas

  • User journeys and task flows

  • Site map

  • Low-fidelity wireframes

  • High-fidelity mockups and prototypes

  • Design system and UI kit

  • Usability tests and findings



  • Figma

  • Jira

  • Miro

  • Dribbble

  • Octopus



RollKall Portal Projects

Project : Custom Hourly Limits

Length of project: 2 weeks

Problem to solve

LEA's across the US including current and prospective clients are in need of more options to satisfy their hourly work limits that we currently do not support. 

Design requirements

  • Options to allow user to set hourly work restrictions by day, week, month and custom

  • Ability to set an hourly work restriction as strict or overridable

  • Option to allow user to include both on and off duty worked hours to be enforced by hourly work restrictions.

Discovery Phase

Our sales team met with myself and the product team to inform us of a feature request that they had been asked about multiple times. I needed insights on how this feature request effected LEA's, therefore I scheduled interviews with several LEA's to discovery the following:

  • Who does the feature impact and how?

  • How important is this feature to your agency?

  • What problem would this feature solve?

Define Phase

Screen Shot 2023-07-08 at 9.50.55 AM.png
Group 404.png

After conducting several interviews I was able to identify some key focal points

Brainstorming - Frame 1 (1).jpg

Problem Statement

RolKall's agency portal doesn't have a feature that will assist LEA's with managing hourly work restrictions. This feature has been highly requested by several LEA's and has even caused LEA's from onboarding with RollKall which negatively impacts our future revenue. LEA's have specific hourly work restrictions and need to manage these rules more easily and decrease the amount of hourly work violations.

How might I create a better user experience that with simply the management of hourly work restrictions for both LEA administrators and officers. How might I decrease the frequency of hourly work violations from LEO's. 

Ideate Phase

The development team and I scheduled a few meetings to identify the details that needed to be included in my design in order to address the needs of many LEA's, provide a pleasurable UX experience and solve their problems

Ideation Key Points in Jira

  • The design needs more flexibility to set what counts as a week

  • Some departments have different time intervals they look at for limits such as daily, monthly and even custom limits.

Screen Shot 2023-07-16 at 12.12.29 PM.png
Screen Shot 2023-07-16 at 12.12.48 PM.png
  • A place to set all of these options that is inclusive and customizable

  • Rules need the ability to be overridden

Screen Shot 2023-07-16 at 12.13.00 PM.png
Screen Shot 2023-07-16 at 12.13.15 PM.png


Group 406.png

Before I began creating wireframes, I asked myself the following questions.

  • Where in the platform should this feature live?

  • Should this feature be managed in a modal or on the main page?

Since all of the other settings users are accustomed to looking for are available in the agency settings section, I made the decision to house the new feature there. I chose to manage this feature within a modal for design consistency since other rules on the platform are also managed in modals.

(First iteration)

Group 6.jpg


  • Refine the verbiage

  • Feature should be displayed on the settings page

  • Eliminate the "to" dropdown on custom week section


Group 8.jpg

(Second iteration)

Group 9.jpg

I presented my first design concept to engineering to inform them on the direction I was going in, see how feasible the design was and get another perspective on how the design could be approached.

Final design

Group 5.jpg


Group 407.png
bottom of page