SCROLL

Revolutionizing Accounting Workflows

Summary

We built Archie’s first accounting system integration in just 2 months, cutting client workflows by 75% by leveraging user research to prioritize key features and working collaboratively to design and build in parallel.
Client
Archie
Industry
Fintech / Payroll
Role
Lead Designer
Team
Head of Product + Head of Engineering
Timeline
2 Months (Nov 2023 - Dec 2023)

Overview

Archie is a B2B SaaS web app that centralizes invoice and vendor management. Without Archie, the process of working with vendors was very manual and inefficient. Businesses would use outdated tools that don't talk to each other, wasting their time and money, which resulted in ambiguity and late payments for freelancers. That's where Archie comes in. We simplify freelancing where it matters the most – payments. We believe in a future where there is no more "us" versus "them" when it comes to the vendor/business relationship.

Challenge

Moving into 2023, our goal was to close deals with larger SMB customers in order to boost revenue. The problem was, we kept losing out on these deals and didn't know the reasoning behind why these companies were passing on us.

Research

Round 1: Macro-Level
Through interviews with prospects and existing customers, we identified several pain points. While they had different things to say, they all mentioned the same features that would 1. Allow prospects to shift their vendor and invoice operations onto Archie and 2. Allow exiting customers to process more invoices in Archie.
We built Complex Controls for Approvals a few months prior, and had to decide what to build next. Out of the remaining 3 features, the Accounting System Integration would take the least amount of time. Discovery had already been done and we’d planned to implement the Railz API (think Plaid for accounting) into our infrastructure in order to connect to various accounting systems more quickly. One of our engineers had 2 months free before staring a larger project, and he was confident that we could build and launch in that timeframe.
Game Plan
After implementing the Railz API, we would build the integration with 1 accounting platform, collect feedback, make the revisions, and start again with another accounting platform. That way, we were constantly iterating while building out new connections to appease more customers.
We chose QuickBooks as the first accounting platform since the majority of our existing customers used it (including our larger customers). That way, we could provide value to most of our customers immediately.
Given the tight timeframe, we worked in parallel, ensuring frequent, transparent communication and close collaboration to ensure success.
Research Round 2: Micro-Level
With each call / video interview, we asked users how they currently handle data transfers, their frustrations with the process, any workflow requirements, and what they’d want from the integration in an ideal world. We also gathered greater details about how manual their workflow really is and how often it occurs.
The insights also revealed finer details about syncing preferences, field mappings, permissions, and desired controls. We then organized the insights into “required” vs “nice to haves. These insights directly shaped the design and functionality of the integration.

Process

Defining Goals
To get started, I partnered with the team to outline the business goals and design principles.
Project Components
From there, it was clear that the project didn't have a clear leader / someone pushing the project along, so I took the opportunity to be that person by making progress each day (even if small). I started by breaking the project down into its simplest parts:
What's the workflow to get started?
What's the workflow to make adjustments?
What’s the day-to-day maintenance?
Design Considerations
After, I then listed out the different workflows we had consider. I scheduled quick meetings often to discuss each decision in detail, often referencing sketches or quick prototypes to help visualize different solutions. We continuously exchanged ideas, balancing user needs with long-term scalability. This collaboration allowed us to make fast decisions, reduce the unknowns, and adjust our approach without derailing the project.
Integration Settings
What errors could happen with the integration? How do we notify the user when this occurs? What happens to the existing data? What are the steps to resolve?
Mapping Vendors + Bank Accounts
How would the user map objects like vendors and bank account? Do we offer this in a integration management area and/or on the individual vendor profile and bank account sections? How do we save the user time mapping? What can we automate?
Mapping Invoice Line Items
How would users map the line items on incoming invoices? Do we offer bulk mapping options? Do we build logic to apply automatic mappings to incoming invoices?
User Permissions
Who has access to do the above? Do we limit to Organization Admins only? Do we offer this as a custom permission? Who is often adding the above if not the Organization Admin?
User Feedback Session
We met with the same users to review our final designs. There was limited feedback, if anything, they were very excited and asked when they can expect the features we had planned for version 2. This gave us confidence that we thought of scaleable design solutions, worked efficiently, and really listened to our customers.

Final Design

Integration Management
After 2 short months, we launched the QuickBooks integration. The new “Integrations” page allowed users to set up the connection quickly and easily adjust details, while Archie took over the daily data syncs. The integration was designed to simplify workflows, save users time, and reduce the risk of errors.
Vendor Updates
Mapping Vendors
Users can map vendors at two points and the fields were interconnected: during the invite vendor workflow and when editing a vendor's profile. We designed this flexibility to accommodate different user workflows, allowing for smoother integration into their daily tasks. Mapping was kept optional, recognizing that the individual performing the action may not always have the necessary mapping information. This kept the workflows fluid, reducing potential roadblocks with managing vendors.
Vendor Table Filters
We didn’t have time to build a feature for bulk updating vendor mappings, so we needed to offer users a simple way to identify which vendors had / hadn’t been mapped. To address this, we added a filter on the vendors page, allowing users to easily filter for the unmapped vendors and take action necessary.
Bank Account Updates
Mapping Bank Accounts
Users can map bank accounts at three points: during the add account workflow, when editing a bank account, and when editing integration details. Similar to the vendor mapping experience, all fields were interconnected—any updates made in one location automatically synced across the other two. To ensure seamless functionality, bank account mapping was also accessible on the integration management page, as it played a crucial role. The mapping status directly influenced which bills and bill payments were written to QuickBooks, making it an essential element for accurate data synchronization.
Invoice Updates
Mapping Invoice Line Items
Users can map invoice line items directly on the edit invoice view. For this initial version, we couldn’t implement automation features for invoice line item mappings, but it was a key piece planned for the next iteration. Our vision was to create a rules section where users could define mappings for each line item name and have those mappings automatically apply to incoming invoices, streamlining the process and reducing manual effort over time. However, we would have to completely change the user experience and functionality of how line item names are added in Archie, which was a bigger undertaking.
Viewing Invoice Mappings
When viewing an invoice, we wanted users to quickly reference mappings for status and accuracy. To achieve this, we added the mapping details directly on the invoice view. To view, the user can expand the total amount widget to see the individual line items in addition to the corresponding mappings.
Missing Mappings
Users can map invoice line items directly on the edit invoice view. For this initial version, we couldn’t implement automation features for invoice line item mappings, but it was a key piece planned for the next iteration. Our vision was to create a rules section where users could define mappings for each line item name and have those mappings automatically apply to incoming invoices, streamlining the process and reducing manual effort over time. However, we would have to completely change the user experience and functionality of how line item names are added in Archie, which was a bigger undertaking.

Results

100% of our QuickBooks customers connected their QuickBooks account to Archie in the first 2 weeks of launch.
Reversed the churn of our 2nd largest customer due to the launch of the QuickBooks integration.
Key decision makers gained more trust in Archie due to the launch of the QuickBooks integration.

Services
I offer

Here’s how I can help bring your vision to life, from compelling designs to creating a standout brand identity.
01

Branding

I help you build a memorable brand with compelling stories and impactful visuals, ensuring your business stands out and connects with your audience.
Brand Strategy
Brand Identity
Logo Design
Brand Guidelines
Naming & Taglines
02

Design

I bring your vision to life with user-friendly websites, impactful UI/UX designs, and engaging mobile apps, combining creativity with technical expertise for stunning, functional results.
UI/UX Design
Website Design
Mobile App Design
Graphic Design
Visual Design
03

Motion

I add dynamic flair to your brand with animated logos, explainer videos, and interactive web animations, creating captivating visuals that tell your story in a memorable way.
Motion Graphics
Animated Videos
Logo Animation
3D Animation
Storyboarding
"Working with Steve was a game-changer for our brand. His keen eye for detail and seamless execution turned our ideas into a visually striking reality. Highly recommend!"
Gary Hunt
CEO, webflow
"Steve's creativity and professionalism truly impressed us. He delivered a sleek and modern solution that perfectly captured our brand identity. A great person to work with!"
Jamie Brown
CEO, webflow
"Steve exceeded our expectations with his innovative approach and flawless execution. He transformed our concept into a captivating solution that resonates with our audience."
Sarah Johnson
CEO, webflow
"Choosing Steve was the best decision we made for our project. His expertise in both aesthetics and user experience resulted in a product that not only looks stunning but also functions beautifully."
David Wilson
CEO, webflow