MyPrimion Time & Attendance App Redesign
Optimise your working time recording with the MyPrimion App – for efficient and flexible work
My Role
As a UX Designer, I did researched, drew wireframes, made prototypes, designed interfaces, accessible design, and tested usability. I collaborate with product managers, developers, and other designers to translate business requirements into user-entered design solutions.
Company
Azkoyen
Duration
8 Month
Platform
Web and Mobile
Team members
Hafiz Ibrahim
Alfonso Carbonell
Marc Van den
Deliverables
Research, Competitor analysis, Wireframe, Design System, High-fidelity Design, Interactive Design, and Usability testing
Context
In today's fast-paced work environment, effective time tracking and attendance management are crucial for both employees and supervisors. The MyPrimion App was designed to enhance workforce efficiency by providing a seamless, mobile-first solution for managing time and attendance (T&A) processes.My role as a UX Designer was to ensure that the app delivers an intuitive and efficient user experience, aligning with the needs of modern businesses.
Background
Primion is a leading provider of workforce management solutions, offering tools for access control, security, and T&A. The company aimed to develop an innovative digital solution that allows employees to manage their attendance records flexibly, whether in the office, at home, or on the go.The MyPrimion App was conceptualized as a cross-platform solution (mobile and desktop) to replace outdated T&A processes, reduce administrative burden, and improve employee autonomy over attendance tracking.
Challenge
The primary challenge was designing an app that seamlessly integrates complex T&A functionalities while maintaining a simple and user-friendly interface. We had to ensure that:Employees could quickly perform bookings and requests without confusion.Supervisors had an efficient approval process.The calendar views were clear and easy to navigate.The app functioned both online and offline without usability issues.A single sign-on (SSO) system was implemented smoothly for security and ease of access.Push notifications were used strategically to keep users informed without overwhelming them.
Problem Statement
Employees and supervisors faced inefficiencies with traditional time-tracking systems, which were often cumbersome and required multiple steps to perform simple tasks. Existing systems lacked flexibility and often led to errors such as missed bookings or delays in request approvals. The challenge was to create a streamlined digital experience that enhanced usability while ensuring compliance with company policies.
Our Solutions
To address these challenges, we designed a clean, intuitive UI and incorporated the following key features:
Dashboard Overview
A centralized view of balances, recent bookings, and pending requests. Quick access to the most-used actions.
Smart Booking System
Employees could book working hours directly from the app. Integrated options for business absence and home office bookings. Ability to request a forgotten booking
Absence Management
Employees could request holidays or other absences with a few taps. Supervisors received real-time notifications and could approve requests instantly.
Calendar View
Monthly, weekly, and daily views displaying all T&A data. Color-coded entries for quick identification of absences and bookings
Single Sign-On (SSO) Integration
Secure and frictionless login experience, reducing password fatigue.
Scope of work
After a deep dive into the watching sessions, we gained many insights about which pages users struggle with engagement, how long tasks take to complete, and the current design limitations that affect overall usability. We also identified accessibility issues and noted how difficult the steps are. If users face any technical issues, those were also pinpointed. Additionally, we checked the user retention rate
Deep target audience understanding
This leads to a comprehensive and data-driven understanding of your target audience, enabling you to tailor your marketing and product strategies to better resonate with customers.Additionally, when combined with data from marketing, it provides even deeper insights into user motivation.
Goal
This page is used to gather the global information needed to land properly in Project Common T&A Take a look on your left, the tree revels the using Confluence organized by “corners”. Into therprime Moe, you can find a lot of information related with our job! Besides that, there are also a “public” corners for common purposes: Methodology, trainings, guidelines and a lot more! Take your time to familiarize with the strcuture and feel free to contribute !
Solutions for the first attempt of your MyPrimion
1️⃣ Mistake: Cluttered Dashboard LayoutIssue: The dashboard has too many elements competing for attention (calendar, booking types, requests, messages, and balances).
Solution: Prioritize key actions. Consider:Grouping similar elements. Using progressive disclosure (hiding less frequently used items). Making the calendar more interactive (hover/click for details).
2️⃣ Mistake: Icon Clarity for Booking TypesIssue: Some icons in the Booking Type section look similar, making it hard to differentiate functions at a glance.
Solution: Use clearer visual distinctions between icons. Add short text labels below each icon to improve clarity.
3️⃣ Mistake: Button HierarchyIssue: The "Book Now" button is not visually prominent enough.
Solution:Use a primary button style (stronger contrast, rounded corners). Increase padding to enhance clickability.
4️⃣ Mistake: Limited Use of Color & ContrastIssue: The app uses a lot of similar shades, making it harder to scan important information.
Solution: Use color coding for different booking statuses (e.g., green for approved, red for errors, orange for pending). Increase contrast between text and background to improve readability.
5️⃣ Mistake: Inconsistent Spacing & AlignmentIssue: Some elements feel too close together (e.g., requests and messages).
Solution: Apply consistent spacing (8px, 16px, 24px increments) to create a cleaner structure.
Key improvements in the latest version of the MyPrimion
1️⃣ Improved Dashboard Clarity
✅ Before: The dashboard was cluttered with too many competing elements.
✅ Now: More breathing space between sections. Stronger visual hierarchy for quick scanning. Refined typography for better readability.
2️⃣ Enhanced “Book Now” Section
✅ Before: Icons for different booking types looked similar and caused confusion.
✅ Now: Each icon has better differentiation (thicker borders, distinct colors).Clearer hover/click states for active selections.
3️⃣ More Readable Balances Section
✅ Before: The balance indicators were too subtle.
✅ Now:Stronger contrast between icons and background. Improved spacing between balance cards for better separation.
4️⃣ Calendar Usability
✅ Before: Dates and color codes were hard to scan quickly.
✅ Now:Enhanced color coding for status types.Larger tap areas for better mobile usability.
5️⃣ More Prominent “Last Booking” Section
✅ Before: The “Last Booking” label was too subtle.
✅ Now:Bolder heading for better visibility.Clear border & shadow to make it stand out.
6️⃣ Optimized Request Status Section
✅ Before: Pending and approved requests were not visually distinct enough.
✅ Now:Stronger color contrast for “Pending” and “Approved” statuses.Improved alignment for better legibility.
Nailing the product
Journey mapping helps us understand how users interact with a product or service. It identifies pain points, needs, and goals of users, enabling us to design effective solutions for their experience at each stage.
Built Design System from scratch
I spearheaded the design system by updating and maintaining components and patterns for customer-facing applications, ensuring consistency and efficiency across projects. In addition, I cultivated a culture of systems thinking across both design and development teams, promoting collaboration and alignment. Most notably, I successfully delivered a complete app redesign for customer applications within just 3 months, significantly accelerating the project timeline.
The results
Downloads doubled from 500 to 1,000, with positive reviews and high user satisfaction after the redesign.
Conclusion
By focusing on usability, accessibility, and efficiency, the MyPrimion App transformed traditional workforce management into a seamless digital experience. This case study highlights the importance of UX in creating solutions that not only meet business goals but also enhance user satisfaction.
What’s next?
Ink what you think?
Let’s talk about your project and how I can help you. We will respond within 2 hours
