https://www.danhager.work/wireframes daily 0.75 2023-09-21 https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/7cdf1c3c-ab8c-4e32-ac05-8f562708bf3f/day+view.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/3e3fb955-7f84-431c-a2a9-db3b0c92ab0e/active_mic.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/cb1bb594-99ca-42cf-911a-c9ed6e46e165/schedule+dashboard+and+feed.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/51755f4e-832d-4a5a-a475-158f86692914/check+in+success.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/c44a12b6-8482-40d6-9a5e-d153fbe02430/employee+view.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/8f09c4e7-939f-47fe-805e-d2cb6494d7a5/team+punch+shift+code.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/9aa38290-c021-46c7-bb2c-ffa73fcc6a05/scan+employees.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/f0b17d4f-cadf-432e-a619-8d4d5ed637a4/schedule+calendar.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/54ae0d82-de58-4eae-9efe-9958891fd722/taking+temp+far.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/8bcbdc41-5090-423b-9dcb-ba1895b59083/assign+employee.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/63e94dc3-5633-4d18-a76e-5ad199ae5df6/taking+temp+close.png Wireframes and Prototypes https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/a21abe97-2651-4f9b-8839-9c9fdb876694/create+new+shift.png Wireframes and Prototypes https://www.danhager.work/uxdesign daily 0.75 2023-09-21 https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/a68943f3-6fdf-4cce-af04-1b09f55055c9/style_guide_scheduler.png UX Design https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/9d55a5f6-3cac-48e6-aadc-f7f3223d85c0/userflow+thermal+reading.png UX Design https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/6e101c46-79b5-4a1c-a80e-e601b1fa0d80/chained+input.png UX Design https://www.danhager.work/shiftscheduler daily 0.75 2023-09-22 https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/7cdf1c3c-ab8c-4e32-ac05-8f562708bf3f/day+view.png Shift Scheduler This is the shift view, where a user can overview the roles and employees assigned to a shift. Attention is drawn to any problems areas such as short staffing. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/cb1bb594-99ca-42cf-911a-c9ed6e46e165/schedule+dashboard+and+feed.png Shift Scheduler Here's where a user can see an overview of their schedules, with a feed on the right to direct attention to any problems that need fixing. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/c44a12b6-8482-40d6-9a5e-d153fbe02430/employee+view.png Shift Scheduler An employee view allows users to see which employees are working which shifts, helping in the planning process. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/f0b17d4f-cadf-432e-a619-8d4d5ed637a4/schedule+calendar.png Shift Scheduler A monthly calendar view provided a way for users to see which days had schedules, or perhaps scheduling issues that need to be resolved. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/8bcbdc41-5090-423b-9dcb-ba1895b59083/assign+employee.png Shift Scheduler This page allowed a user to assign employees to work a shift. It displays helpful information about who was available, approaching overtime, on PTO, or unqualified. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/a21abe97-2651-4f9b-8839-9c9fdb876694/create+new+shift.png Shift Scheduler This form is how a user creates new shifts. It helps calculate the hours, set if it is recurring and when, and sets an initial expected demand for desired roles. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/a68943f3-6fdf-4cce-af04-1b09f55055c9/style_guide_scheduler.png Shift Scheduler This was a style guide I created to help explain some of the colors and assets we would be using for the project. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/6e101c46-79b5-4a1c-a80e-e601b1fa0d80/chained+input.png Shift Scheduler This was a style guide for a new component we needed called chained inputs. This allows for the entry of tightly related information that chains based on the first input entered. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/53587b24-af51-4e95-ab2c-4080c2010d60/schedules+and+shifts+map.png Shift Scheduler This was a resource I put together to help explain the terminology and concepts used on the project. It was important to understand the relationship between schedules and shifts. https://www.danhager.work/timeclock daily 0.75 2023-09-23 https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/3e3fb955-7f84-431c-a2a9-db3b0c92ab0e/active_mic.png CarePoint Timeclocks Users face a camera mounted on the clock, and speak their desired actions. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/51755f4e-832d-4a5a-a475-158f86692914/check+in+success.png CarePoint Timeclocks A thermal device would clear users to proceed while checking them into a shift. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/9aa38290-c021-46c7-bb2c-ffa73fcc6a05/scan+employees.png CarePoint Timeclocks To reduce time users could make use of scanning cards to check people into shifts as a group. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/8f09c4e7-939f-47fe-805e-d2cb6494d7a5/team+punch+shift+code.png CarePoint Timeclocks The clock could handle other operations such as transfers or inventory management. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/54ae0d82-de58-4eae-9efe-9958891fd722/taking+temp+far.png CarePoint Timeclocks Visual feedback is given if the user's face is not the right distance from the clock. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/63e94dc3-5633-4d18-a76e-5ad199ae5df6/taking+temp+close.png CarePoint Timeclocks A user is given feedback when they have reached the right distance and position from the clock. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/9d55a5f6-3cac-48e6-aadc-f7f3223d85c0/userflow+thermal+reading.png CarePoint Timeclocks Flow map used to identify differences in the employee and guest experience. https://www.danhager.work/onboarding daily 0.75 2023-09-23 https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/a8af1070-9eae-48a8-b791-fe460682f67c/onboarding+mobile.png Onboarding A mobile view of the onboarding process. Contains a progress bar at the top to keep a user informed of their completion status at all times. The bottom arrows help navigate through the process. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/1695325025681-JHPY5LWTG256AN9XIU5P/onboarding%2Bpersonal.jpg Onboarding A tablet view of the onboarding process. The extra room allows a more detailed view of current progress. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/1695325046027-J2YHP5TRON8HLNDV4WZY/onboarding%2Bpersonal%2Bcomplete.jpg Onboarding A confirmation message that keeps a user moving forwards through the process. https://www.danhager.work/tmsmobile daily 0.75 2023-09-22 https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/98353fcd-aff1-4c71-8525-1467d95976d5/goals_base_page.png Starfield TMS Mobile The app included a page where users could create and review their goals, rate them with their manager, and view and provide feedback on each one. Color was used to draw the eye to goals that might be in peril or need some kind of attention. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/a37fb147-3d67-4f4c-8f8f-fda63e362922/accomplishments_1.png Starfield TMS Mobile This page allowed users to enter their accomplishments and to view or leave any related feedback. Many pages in the app have a similar feedback feature built-in. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/ed334b1d-c3a2-4814-a678-2df7d8ddae42/activity_catalog_filter_results.png Starfield TMS Mobile The activity catalogue was a place users could search for online videos or courses. We tied the courses directly to employee competencies or skills, so it was possible to find content relevant to the user's needs. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/a94ae744-e0ee-4319-9b59-a8d85269078f/goal_rating_matching.png Starfield TMS Mobile Skills and goals could be rated in the app by the employee and their manager. It was designed to visually show any distinction between the two ratings, which indicated a potential for conversation. This shows both ratings are in alignment. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/b1ae4e6d-4acd-4116-bf6c-77b6bbb99e74/goal_rater_yellow.png Starfield TMS Mobile Skills and goals could be rated in the app by the employee and their manager. It was designed to visually show any distinction between the two ratings, which indicated a potential for conversation. This shows the ratings are out of alignment. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/9543cfb1-40b5-4bb0-9297-d1c0ddcac6b2/popup_type.png Starfield TMS Mobile We added in a multitude of filters to ensure users could narrow down the activity catalogue to fit their specific needs. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/0b85cd3e-720b-45db-9456-b8ee729111c5/opacity_bubbles.png Starfield TMS Mobile Leaving and receiving real-time feedback was core to the design philosophy. We believed it was better to hear feedback not only during an annual review but right away when it is likely most relevant. https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/765cb7f8-1d8e-4f84-ae9f-d1cd6ee172af/silver_black_buttons_menu.png Starfield TMS Mobile Companies desired a way to represent their brand in the app. In response we built a way for them to customize the app using their own themes. https://www.danhager.work/work daily 1.0 2023-09-23 https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/ac45359e-674f-4109-9bf1-c00609bfbd61/UKG_%28Ultimate_Kronos_Group%29_logo.svg.png https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/9455050b-a4c6-4f4a-bd50-f9c981450287/ascentis-swk-technologies.png https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/e75ba928-ebf6-4785-8e94-4625469ef576/Starfield-main-small_400x400.jpg https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/1695323566699-VD8W0JM6N2DNWSXN5ESG/image-asset.jpeg https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/3e3fb955-7f84-431c-a2a9-db3b0c92ab0e/active_mic.png Home https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/7cdf1c3c-ab8c-4e32-ac05-8f562708bf3f/day+view.png Home https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/98353fcd-aff1-4c71-8525-1467d95976d5/goals_base_page.png Home https://images.squarespace-cdn.com/content/v1/6276d1fd0683ce2226e2e1c6/1695325046027-J2YHP5TRON8HLNDV4WZY/onboarding%2Bpersonal%2Bcomplete.jpg Home