Autograph
STARTUP
OVERVIEW
Autograph is a platform that helps companies better manage compliance across their scattered platforms. Through the unification of data from a user's HR and finance systems, they make admin work easier by streamlining tedious processes.
I created the design system as a solo designer, but worked with 2 other designers (Emily Moreton and Ashley McGregor) on the compensation project. This project was originally for AbstractOps but was later used for Autograph, which is a new company founded by the same founder.
Design System
UI Audit & Cleanup
While I audited the product, I discovered many inconsistencies in layout and functionality that made it feel disjointed. The scope and deadline meant I could only include a low-lift clean-up of the existing UI, so I identified which patterns I could improve with the lowest level of effort and highest impact.
UI audit
UI cleanup
Creating a Design System
As the product evolved, the team wanted the interface to feel more friendly and less corporate, so I created a design system with new theming and components. This design system refreshes the interface while still maintaining AbstractOps’ primary blue.
New Design System – Interface Theme (top), Interface Components (bottom left), Component Details Documents (bottom right)
Compensation
Overview
The goal was to develop a platform revolving around people and compensation, drawing from a company’s existing HR and finance systems to compile all its employee data so admin can seamlessly plan for the future of their company all in one place.
Integrations
Users need a means of connecting their apps and data to the platform, so I developed a flow to sign up, link and manage integrations.
Linking Integrations
Your Team
To give admin quick access to common data sets they'd need for their tasks, I created a team view bringing together select pieces of employee info from across different apps.
Team View + Person Drawer
I also worked on a full-page person view and org chart, but the team decided on using a simple table and drawer for the MVP to cut dev time.
Person View
Org Chart
Creating a Comp Policy
This portion of the product was the trickiest to develop as accurate comp planning is crucial to ensuring employees are paid properly. There are so many variables that influence compensation that things can get confusing for users when trying to figure out what’s right for them. Our solution helps users craft a unique comp policy for their company based on specific framework settings catered to them.
User Flow
Creating a policy is a mostly self-serve task with the help of AO Suggest (AbstractOps’ AI suggestions). The biggest challenge was figuring out the nature of interactions between the user and AO Suggest, as the process would be automated but still work closely with users to ensure recommendations align with their needs.
Creating a Compensation Policy
Reflection
ADAPTABILITY
Working with a seed startup that's constantly changing direction has taught me a ton about adaptability. The team has tried out so many different product concepts within a short span of time and in turn many projects and designs were scrapped along the way. From this, I've learned the value of being able to pivot quickly, as nothing is ever final and experimentation is simply a part of figuring things out. Without trying out new ideas (even ones that seem unconventional), there'd be no way of truly knowing what works and what doesn't.