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.