January 8, 2025 2 min read

Building a Modern SaaS Procurement Platform with Sastrify

Sastrify | SaaS Procurement Software, SaaS Budgeting Platform

Tech Stack

Core

  • Webflow latest
  • jQuery (v3.5.1)
  • MemberStack CMS

Analytics & Marketing

  • Google Analytics 4
  • HubSpot Analytics
  • Hotjar & VWO

Integrations & Services

  • HubSpot for marketing automation
  • Cloudflare CDN

Client Overview

Sastrify is a virtual Software-as-a-Service procurement service designed to help finance and tech teams optimize the management and cost of SaaS tools in digital-first companies. The team brings transparency to existing setups, eliminates underutilized licenses, and negotiates with suppliers to secure the best deals. Based on millions in analyzed spend, they typically save thousands of SaaS dollars within 15-20 minutes of engagement, creating a win-win situation with all customers.

Challenge

The client faced several key challenges:

  • Existing UX/UI drawbacks requiring a new professional design
  • Need for complex Hubspot CRM integration as a core web app feature
  • Requirement for dynamic content based on user location
  • Multi-language website versions are needed (English, Spanish, and French)
  • Need for advanced PDF download functionality with analytics tracking

Solution: Comprehensive Webflow Website Development

Discovery Phase

Our structured approach began with:

  • The initial meeting between WarmDevs and Sastrify teams
  • Comprehensive requirements gathering
  • Detailed project scope definition
  • Strategic team assignment including:
    • Project manager
    • Webflow developer
    • QA tester
    • Two designers for a consultation
  • Establishment of milestone-based workflow
  • Setup of Slack communication channels

UX/UI Design Implementation

Our design process involved:

  • Thorough consultation on existing design improvements
  • Implementation of preventive measures for future design issues
  • Creation of attractive and cohesive UI with dynamic animations
  • Development of an intuitive navigation structure
  • Complete design implementation in Figma
  • Mobile and tablet responsive design optimization

Web Development

Our technical implementation included:

  • Webflow framework implementation with JavaScript enhancements
  • Development of 4 specialized CMS sections:
    • FAQ block
    • Blog page
    • Customer Story page
    • Events page
  • Calculator development with logic change capabilities
  • Full QA testing and bug fixing before deployment

Hubspot Integration

We implemented a comprehensive Hubspot integration that included:

  • Marketing tools integration for improved customer experience
  • Technical implementation of initial forms with visual improvements
  • Custom PDF download functionality allowing users to:
    • Configure download options to their preferences
    • Access files in multiple languages
    • View analytics on previous downloads
  • Integration of customer analytics and tracking capabilities

Technical Stack

The project utilized modern technologies:

  • Webflow for primary development
  • JavaScript for enhanced functionality
  • Hubspot for CRM and marketing automation
  • Figma for design collaboration

Project Management

Our process ensured efficient delivery through:

  • Clear workstream division and milestone determination
  • Competency-based task allocation
  • Expert time calculation
  • Client-approved workflow
  • Dedicated project team assignment
  • Single point of contact through project manager

Delivered Value

User Experience Improvements

  • Modern, attractive, and easy-to-navigate UX/UI design
  • Intuitive interface for enhanced user engagement
  • Multi-language support with easy switching between languages
  • Streamlined user flows and interactions

Technical Achievements

  • Successful implementation of multi-language website versions
  • Advanced file download functionality with customization options
  • Comprehensive Hubspot CRM integration
  • Robust analytics implementation through Hubspot
  • Mobile-responsive design across all devices

Business Benefits

  • Enhanced user engagement through improved design
  • Increased global accessibility with multi-language support
  • Improved lead generation through optimized forms
  • Better user tracking and analytics capabilities
  • Streamlined content management through CMS

Global Accessibility

  • Website available in English, Spanish, and French
  • Location-based dynamic content delivery
  • Multilingual file download capabilities
  • International user analytics tracking

The new Sastrify website successfully delivers on its promise to optimize SaaS procurement discovery while providing an exceptional user experience for both clients and administrators. The combination of modern design, advanced functionality, and comprehensive analytics capabilities positions Sastrify strongly in the SaaS procurement market.

Don’t want to miss anything?

Subscribe to keep your fingers on the tech pulse. Get weekly updates on the newest stories, case studies and tips right in your mailbox.