Understanding the Problem

Procurement teams struggled with manual, fragmented, and slow workflows. Important contract details were scattered across emails, spreadsheets, and shared drives. Renewal dates were missed. Vendor collaboration lacked visibility.

We set out to design a system that would centralise the process, reduce risk, and make procurement a strategic advantage.

Key Challenges

As an early-stage product, savvi needed to define clear workflows, solve real procurement pain points, and build user trust from day one.

No existing system for managing B2B software transactions end-to-end

No existing system for managing B2B software transactions end-to-end

No existing system for managing B2B software transactions end-to-end

Limited visibility into contract status, renewal timelines, and supplier activity

Limited visibility into contract status, renewal timelines, and supplier activity

Limited visibility into contract status, renewal timelines, and supplier activity

Procurement processes were scattered across emails, spreadsheets, and disconnected tools

Procurement processes were scattered across emails, spreadsheets, and disconnected tools

Procurement processes were scattered across emails, spreadsheets, and disconnected tools

Lack of centralisation made it hard for teams to take action or track ownership

Lack of centralisation made it hard for teams to take action or track ownership

Lack of centralisation made it hard for teams to take action or track ownership

Research & Insights

Reviewed competitors like Coupa, SAP Ariba and Tradeshift

Reviewed competitors like Coupa, SAP Ariba and Tradeshift

Reviewed competitors like Coupa, SAP Ariba and Tradeshift

Interviewed stakeholders to understand daily workflows

Interviewed stakeholders to understand daily workflows

Interviewed stakeholders to understand daily workflows

Identified key pain points around renewals, contract tracking, and supplier communication

Identified key pain points around renewals, contract tracking, and supplier communication

Identified key pain points around renewals, contract tracking, and supplier communication

These insights revealed a space for a cleaner, more collaborative procurement product.

Product Assessment

Conducted a UX audit of the MVP

Conducted a UX audit of the MVP

Conducted a UX audit of the MVP

Created high-level user journey maps

Created high-level user journey maps

Created high-level user journey maps

Annotated problem areas and redundant flows

Annotated problem areas and redundant flows

Annotated problem areas and redundant flows

Proposed simplified workflows for contract management and renewals

Proposed simplified workflows for contract management and renewals

Proposed simplified workflows for contract management and renewals

Wireframes & Content Strategy

Designed low-fidelity wireframes across all modules

Designed low-fidelity wireframes across all modules

Designed low-fidelity wireframes across all modules

Focused on information hierarchy and clarity

Focused on information hierarchy and clarity

Focused on information hierarchy and clarity

Ran iterative design reviews with the product team

Ran iterative design reviews with the product team

Ran iterative design reviews with the product team

Prioritised reusable UI patterns for scalability

Prioritised reusable UI patterns for scalability

Prioritised reusable UI patterns for scalability

Core Design Values

Efficiency – Streamline transactions and remove friction

Efficiency – Streamline transactions and remove friction

Efficiency – Streamline transactions and remove friction

Transparency – Give users visibility into contracts, timelines, and status

Transparency – Give users visibility into contracts, timelines, and status

Transparency – Give users visibility into contracts, timelines, and status

Scalability – Flexible enough for teams of all sizes

Scalability – Flexible enough for teams of all sizes

Scalability – Flexible enough for teams of all sizes

Visual Design

Designed a modern UI using savvi’s yellow and green palette

Designed a modern UI using savvi’s yellow and green palette

Designed a modern UI using savvi’s yellow and green palette

Created a clear layout system optimised for desktop workflows

Created a clear layout system optimised for desktop workflows

Created a clear layout system optimised for desktop workflows

Built a clean, structured visual style to instil trust and professionalism

Built a clean, structured visual style to instil trust and professionalism

Built a clean, structured visual style to instil trust and professionalism

Developed modular components for consistent handoff to engineering

Developed modular components for consistent handoff to engineering

Developed modular components for consistent handoff to engineering

Final Designs & Key Screens

A breakdown of the core product features — each tailored to support speed, clarity, and team collaboration across the procurement journey.

Contracts Dashboard

A powerful central hub that enables teams to track, manage, and forecast software contracts with clarity and ease.

Grid View – A Kanban-style layout that organises contracts by quarter, helping teams visually prioritise upcoming renewals and quickly trigger actions like ‘Renew now’ or ‘View initiative’.

Grid View – A Kanban-style layout that organises contracts by quarter, helping teams visually prioritise upcoming renewals and quickly trigger actions like ‘Renew now’ or ‘View initiative’.

Grid View – A Kanban-style layout that organises contracts by quarter, helping teams visually prioritise upcoming renewals and quickly trigger actions like ‘Renew now’ or ‘View initiative’.

Table View – A detailed, filterable list that offers full visibility into contract metadata, suppliers, and risk levels, ideal for finance and procurement workflows.

Table View – A detailed, filterable list that offers full visibility into contract metadata, suppliers, and risk levels, ideal for finance and procurement workflows.

Table View – A detailed, filterable list that offers full visibility into contract metadata, suppliers, and risk levels, ideal for finance and procurement workflows.

Grid

Table

Grid

Table

Grid

Table

Initiatives

Creating and renewing software contract initiatives is a core function of savvi’s platform, built to streamline project setup and accelerate contract renewals.

Create New Initiative – A clean, structured form lets users input key details like initiative title, business case, budget, and renewal date, along with assigning the right team members for collaboration.

Create New Initiative – A clean, structured form lets users input key details like initiative title, business case, budget, and renewal date, along with assigning the right team members for collaboration.

Create New Initiative – A clean, structured form lets users input key details like initiative title, business case, budget, and renewal date, along with assigning the right team members for collaboration.

Renew Contract – Speeds up the process by auto-populating existing contract data, allowing users to renew agreements with minimal manual input while keeping all critical context intact.

Renew Contract – Speeds up the process by auto-populating existing contract data, allowing users to renew agreements with minimal manual input while keeping all critical context intact.

Renew Contract – Speeds up the process by auto-populating existing contract data, allowing users to renew agreements with minimal manual input while keeping all critical context intact.

Create New

Renew

Create New

Renew

Create New

Renew

Initiatives Management & Requests

Managing initiatives is central to savvi’s procurement flow. This feature allows users to structure vendor interactions clearly, aligning stakeholders and documentation in one collaborative space.

Request List View – Users can track and manage all vendor requests across suppliers in a single, scrollable list. Each item shows real-time statuses, due dates, and assignees, streamlining cross-team communication.

Request List View – Users can track and manage all vendor requests across suppliers in a single, scrollable list. Each item shows real-time statuses, due dates, and assignees, streamlining cross-team communication.

Request List View – Users can track and manage all vendor requests across suppliers in a single, scrollable list. Each item shows real-time statuses, due dates, and assignees, streamlining cross-team communication.

Request Detail View – A dedicated panel brings together full context, including file attachments, comments, tags, and a change log of actions. This supports transparent and traceable procurement decisions.

Request Detail View – A dedicated panel brings together full context, including file attachments, comments, tags, and a change log of actions. This supports transparent and traceable procurement decisions.

Request Detail View – A dedicated panel brings together full context, including file attachments, comments, tags, and a change log of actions. This supports transparent and traceable procurement decisions.

Requests

Detail

Requests

Detail

Requests

Detail

Suppliers & Activity

The Suppliers and Activity views work together to support seamless collaboration throughout the initiative. From tracking who’s involved to logging every interaction, this section brings clarity to complex workflows.

Suppliers View – Clearly displays all vendor-side collaborators, making it easy to manage supplier involvement and accountability in one place

Suppliers View – Clearly displays all vendor-side collaborators, making it easy to manage supplier involvement and accountability in one place

Suppliers View – Clearly displays all vendor-side collaborators, making it easy to manage supplier involvement and accountability in one place

Activity Timeline – Offers a real-time audit trail of every action across the initiative, helping teams stay aligned without back-and-forth

Activity Timeline – Offers a real-time audit trail of every action across the initiative, helping teams stay aligned without back-and-forth

Activity Timeline – Offers a real-time audit trail of every action across the initiative, helping teams stay aligned without back-and-forth

Suppliers

Activity

Suppliers

Activity

Suppliers

Activity

Finalising & Managing Contracts

After reviewing requests and collaborating with suppliers, users move into the contract finalisation stage, where all critical information is confirmed and stored. Once finalised, users can seamlessly access the contract details view to manage renewals, monitor risk, and track activity.

Finalise Contract – Users enter contract details such as title, supplier, value, term length, and notice period, with support for multiple file uploads in a variety of formats.

Finalise Contract – Users enter contract details such as title, supplier, value, term length, and notice period, with support for multiple file uploads in a variety of formats.

Finalise Contract – Users enter contract details such as title, supplier, value, term length, and notice period, with support for multiple file uploads in a variety of formats.

View & Manage Contract – A robust detail view includes renewal alerts, risk indicators, contract timeline, and access to all supporting documents and activity logs.

View & Manage Contract – A robust detail view includes renewal alerts, risk indicators, contract timeline, and access to all supporting documents and activity logs.

View & Manage Contract – A robust detail view includes renewal alerts, risk indicators, contract timeline, and access to all supporting documents and activity logs.

Finalise

Manage

Finalise

Manage

Finalise

Manage

Key Takeaways & Learnings

Designed the product end-to-end, including visual identity

Designed the product end-to-end, including visual identity

Designed the product end-to-end, including visual identity

Collaborated daily with founders and engineers

Collaborated daily with founders and engineers

Collaborated daily with founders and engineers

Balanced enterprise complexity with startup simplicity

Balanced enterprise complexity with startup simplicity

Balanced enterprise complexity with startup simplicity

Learned to break down procurement flows into intuitive patterns

Learned to break down procurement flows into intuitive patterns

Learned to break down procurement flows into intuitive patterns

Recent Projects

Recent Projects

Recent Projects