Designing an AI‑powered contract tracker
Context
AgentJeff is an AI-powered tool that pulls renewal and expiry dates straight from contracts. It replaces error-prone spreadsheets with instant clarity—helping teams avoid surprise auto-renewals and wasted spend.
PROBLEM
Lost in spreadsheets, hit by auto-renewals
Managing contracts is messy. Companies juggle dozens, sometimes hundreds of agreements with hidden renewal clauses and notice periods buried deep in PDFs. Most teams still rely on messy spreadsheets or someone’s memory, which leads to surprise auto-renewals, missed cancellations, and unnecessary costs.
A single missed renewal can lock a company into another year of expensive software or services they no longer need. For growing teams, this problem compounds, wasting hours tracking deadlines manually and risking thousands in avoidable spend.
1-2 hours per week wasted on contract management, sometimes 3
USER INTERVIEW INSIGHTS
How people really manage contracts today
To understand the problem in depth, I interviewed potential users who currently track contracts manually. They walked me through their workflows, often messy spreadsheets, shared drives, and email reminders, and highlighted how stressful it is to keep track of dates without errors.
COMPETITOR RESEARCH
Where existing tools fall short
Most contract tools are enterprise-heavy with complex dashboards, long onboarding processes, and buried renewal reminders. Few use AI effectively, instead relying on manual tagging or rigid rules. This leaves a clear gap for a lightweight, AI-first solution focused purely on preventing missed renewals.
Solution
1
Add a contract
2
Jeff finds the important dates in seconds
3
Set reminder preferences
Get reminders sent to the right people, on time
Design
DESIGN ITERATIONS
Iterating toward an intuitive reminder setup
I conducted several design iterations for the reminder setup screen, focusing on keeping designs simple, conversational, and self-guided for intuitive user experience. I used shadcn components as a foundation, modifying them and creating custom components as needed.
The first iteration explored ideal user experiences without constraints. After discussing technical limitations with the development team, I refined the designs to create an MVP solution that balanced user needs with development feasibility while maintaining optimal usability.
PROTOTYPE TESTING
Testing the prototype with users
MVP launch 🚀
IMPACT
Saved teams up to 4 hours a week and prevented thousands of dollars in unwanted auto-renewals.
Building the frontend
I coded the frontend for Jeff using Nuxt.js. Starting from my design in Figma, I translated the reminder setup and dashboard screens into working components. I used shadcn/ui as a foundation, extending it with custom components where needed, and worked in Cursor and Loveable to rapidly prototype and refine the UI.
This allowed me to validate the product experience directly in code, bridging design and development for a faster path to MVP.
