{"id":205,"date":"2022-12-21T17:16:37","date_gmt":"2022-12-21T17:16:37","guid":{"rendered":"https:\/\/simonuxdesigns.com\/?page_id=205"},"modified":"2026-01-29T11:45:03","modified_gmt":"2026-01-29T11:45:03","slug":"affinity-payroll","status":"publish","type":"page","link":"https:\/\/simonuxdesigns.com\/index.php\/affinity-payroll\/","title":{"rendered":"Affinity Payroll"},"content":{"rendered":"\n
\"Affinity<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Project overview<\/strong><\/h3>\n\n\n\n

The Product<\/h4>\n\n\n\n

Affinity Payroll is a HR tool designed for startups and small businesses. Affinity\u2019s goal is to make the payroll process more accessible and enjoyable for companies with limited human resources departments<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

The Problem<\/h4>\n\n\n\n

Many startup entrepreneurs and small businesses owners lack a dedicated human resources professional and must resort to performing payroll duties on their own<\/p>\n\n\n\n

The Goal<\/h4>\n\n\n\n

Design an app that guides and teaches the process of performing payroll to small business owners and entrepreneurs with limited time and knowledge<\/p>\n\n\n\n

My Role and Responsabilities<\/h4>\n\n\n\n

ROLE: UX designer responsible for the entire product development life cycle<\/p>\n\n\n\n

RESPOSIBLE FOR: Foundational research, competitive audit, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs<\/p>\n\n\n\n

Research<\/strong><\/h3>\n\n\n\n

I conducted interviews and created empathy maps to understand the users I\u2019m designing for and their needs. A primary user group identified through research was small business owners and entrepreneurs<\/p>\n\n\n\n

This user group provided a better understanding of one key challenge for small businesses and startups – insufficient time and resources. In essence, people within a small business or startup wear many hats and fullfil many roles<\/p>\n\n\n\n

Additionally, there is often non-existent technical knowledge and experience with common payroll tasks, requirements and responsibilities, requiring even more additional time and resources<\/strong> for research and professional development activities<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Personas<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

User journey map<\/h4>\n\n\n\n

Mapping Stacey\u2019s user journey revealed how helpful it would be for users like her to have a dedicated library to learn payroll concepts and processes built right inside the app<\/p>\n\n\n\n

\"Stacey<\/figure>\n\n\n\n

Paper wireframes<\/h4>\n\n\n\n

I drew five iterations of wireframes for each screen of the app on paper and selected the most optimal design patterns for addressing the main user pain points. For the home screen, I prioritized an accessible information architecture with a focus on the most important tasks<\/b> and easy navigation toward learning resources<\/p>\n\n\n\n

\"Affinity<\/figure>\n\n\n\n

Digital wireframes<\/h4>\n\n\n\n

As I transitioned from paper to digital wireframes I was careful to keep the user front and center by designing a solution that would address all the user\u2019s main pain points through intuitive Infornation Architecture<\/strong>, common workflow and quick access to support learning material<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Low-fidelity prototype<\/h4>\n\n\n\n

In this prototype of the learning library user flow <\/b>I tried to remove any complexity by making it as intuitive and as easy to navigate as possible, minimizing the number of screens required to complete the tasks. A quiz for each lesson was included at the end to test whether the user grasped the concepts<\/p>\n\n\n\n

\"Affinity<\/figure>\n\n\n\n
\"Affinity
Affinity Diagram: Low-Fidelity Usability Study<\/figcaption><\/figure>\n\n\n\n

Usability Study<\/h4>\n\n\n\n

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Mockups<\/h4>\n\n\n\n

The original low-fidelity designs contained the fundamentals of IA and navigation, but after two round of usability testing I was able to improve the usability of the design with containment, a clear navigation bar with suitable iconography and clear text labels <\/b>as well as a clean professional brand and visual design<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

The second usability study revealed frustrations with the bottom navigation as it didn\u2019t provide clear text labels indicating intended functionality. <\/b>Colors were also refined for accessibility<\/b> and it produced a more professional look in line with the apps brand and purpose<\/b><\/p>\n\n\n\n

\"Mockups:<\/figure>\n\n\n\n
\"Affinity<\/figure>\n\n\n\n

Introducing the HR Assistant<\/h4>\n\n\n\n

To bridge the gap between complex payroll regulations and the limited HR expertise of small business owners, I integrated an AI-driven HR Assistant<\/strong> directly into the Affinity Payroll ecosystem. Powered by a Large Language Model (LLM)<\/strong> with specialized contextual awareness of tax laws, this assistant moves beyond the traditional chatbot by offering a conversational interface that simplifies dense workflows into natural dialogue.

By utilizing Natural Language Processing (NLP)<\/strong> to interpret nuanced user inquiries and providing proactive, data-backed suggestions, the Assistant serves as an educational layer that reduces cognitive load, empowers users to resolve payroll queries independently, and eliminates the “intimidation factor” inherent in financial management.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"Affinity<\/figure>\n\n\n\n

Going forward<\/h3>\n\n\n\n
\"Impact<\/figure>\n\n\n\n

The app learning library feature filled an important gap in the market while addressing a very crucial challenge for one of the app’s main user groups<\/p>\n\n\n\n

One quote from a usability test participant: \u201cI really like the idea of having a place I can go within the app to learn what I need in order to get payroll done, otherwise it is intimidating and overwhelming to do it\u201d<\/i><\/p>\n\n\n\n

\"Lessons<\/figure>\n\n\n\n

I learned from empathizing with users the challenges involved in the task of running payroll for their business. Through foundational research and competitive audits I identified a need that wasn\u2019t being met in the market. This was just a starting point for ideation and developing working models and prototypes<\/p>\n\n\n\n

However, the implementation of my design ideas would have not resulted in a useful, equitable, usable and enjoyable experience without proper usability studies and the actionable insights synthesized from that research<\/p>\n\n\n\n

\"Next<\/figure>\n","protected":false},"excerpt":{"rendered":"

Project overview The Product Affinity Payroll is a HR tool designed for startups and small businesses. Affinity\u2019s goal is to make the payroll process more accessible and enjoyable for companies with limited human resources departments The Problem Many startup entrepreneurs and small businesses owners lack a dedicated human resources professional and must resort to performing […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-205","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/simonuxdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simonuxdesigns.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simonuxdesigns.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simonuxdesigns.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simonuxdesigns.com\/index.php\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":81,"href":"https:\/\/simonuxdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/205\/revisions"}],"predecessor-version":[{"id":1049,"href":"https:\/\/simonuxdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/205\/revisions\/1049"}],"wp:attachment":[{"href":"https:\/\/simonuxdesigns.com\/index.php\/wp-json\/wp\/v2\/media?parent=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}