Scorpeo
From Legacy Site to Scalable FinTech Experience
Revitalizing the Digital Experience: Faster, Smarter, and More Cohesive Across Web and Mobile
🎯 Overview
Scorpeo needed to modernize its SaaS marketing website to better reflect the credibility, precision, and product value of its Cash+ platform for the global investment sector.
The existing site no longer matched the sophistication of the product. Inconsistent UI patterns, slower performance, limited mobile optimization, and a rigid WordPress structure made the experience harder to use, maintain, and scale.
The redesign focused on creating a faster, clearer, and more scalable marketing experience — supported by reusable WordPress components, stronger product storytelling, improved accessibility, and a cleaner front-end foundation.
🙋🏼♀️ My Role
I worked across front-end development and UX design, helping translate Scorpeo’s refreshed brand and Cash+ product messaging into a responsive, accessible, and performance-focused web experience.
I partnered with design, engineering, marketing, stakeholders, and a financial analyst to build reusable WordPress components, refine page structure, improve navigation, optimize performance, and support a more scalable SaaS marketing foundation.
📌 Key details
- Duration: 17 Months (January 2020 – June 2021)
- Location: Remote
- Team: 1 Lead Front-End Developer, 1 Front-End Developer, 1 Back-End Developer, 1 Lead UX/UI Designer, 1 UX Designer, 1 Financial Analyst, 1 Marketing Manager, and 2 Stakeholders
- Tools: WordPress (HTML/CSS & JavaScript) • Chrome DevTools • Lighthouse • Adobe XD • Axure • Figma
📈 Key Outcomes
20%
Engagement Increase
Clearer product paths and stronger hierarchy helped visitors spend more time with Cash+ content.
25%
Bounce Rate Reduction
Improved navigation and content flow reduced drop-off across key marketing pages.
60%
Faster Load Speeds
Optimized assets, scripts, caching, and front-end code improved priority page performance.
40%
Content Update Velocity
Reusable WordPress patterns made marketing pages easier to create, update, and maintain.
TL;DR.
I helped redesign and rebuild Scorpeo’s SaaS marketing website into a faster, more responsive, and more scalable digital experience for the Cash+ platform. The work blended front-end development and UX design, including WordPress component improvements, performance optimization, accessibility-focused implementation, navigation refinement, and visual system cleanup.
The redesign delivered a 20% increase in engagement, 25% reduction in bounce rate, 60% faster load speeds, and 40% faster content update velocity by improving product discovery, reducing page friction, and creating reusable WordPress patterns for future marketing growth.
The Problem.
Scorpeo’s existing website had grown beyond its original structure. The Cash+ platform served a sophisticated fintech audience, but the marketing experience did not fully communicate that value.
The site struggled with inconsistent UI patterns, slower page performance, limited mobile optimization, and a WordPress setup that made content updates harder to manage.
The challenge was not just visual modernization. The site needed a stronger SaaS marketing foundation that could improve product discovery, support buyer confidence, scale future content, and make the experience easier for internal teams to maintain.
Visual inconsistency across pages created a fragmented experience that felt less polished than the product it represented.
Slow load times and render-blocking behavior made the experience feel heavier than it needed to be, especially across key marketing and product pages.
The site needed stronger responsive behavior so users could move through content smoothly across desktop, tablet, and mobile.
The existing WordPress structure made it harder to reuse patterns, ship updates quickly, and keep pages consistent over time.
Disconnected visual styles weakened the overall brand presence and reduced credibility with institutional audiences.
Minimal tracking made it harder to understand user behavior, validate design decisions, and prioritize improvements based on actual engagement.
Project Goals.
The project focused on turning Scorpeo’s website into a faster, clearer, and more scalable SaaS marketing experience that better supported the Cash+ platform and fintech positioning.
Rather than treating the redesign as a surface-level refresh, we focused on the full digital foundation: performance, responsive behavior, content structure, visual consistency, accessibility, and WordPress maintainability.
We prioritized improvements that would create measurable impact for users and the business: clearer product pathways, stronger storytelling, reusable components, faster load performance, and a cleaner system for launching future content.
Reduce page load friction through cleaner front-end code, image optimization, caching improvements, lazy loading, and script deferrals.
Make the Cash+ platform easier to understand through clearer hierarchy, more focused content flow, and improved navigation.
Create modular WordPress components that allowed the team to update and expand pages more efficiently.
Apply mobile-first, responsive design standards so the experience felt consistent across desktop, tablet, and mobile.
Strategic Approach.
To turn the redesign goals into a scalable direction, we approached the work through both a UX and front-end development lens. Every decision needed to support the user journey, the brand, and the technical structure behind the site.
The strategy centered on four strategic moves: improve performance, clarify product discovery, standardize the interface, and scale the site through reusable WordPress patterns.
01 Optimize Performance
Design / Dev Moves
- Refactored front-end code
- Compressed and optimized images
- Added lazy loading
- Deferred non-critical scripts
- Used Chrome DevTools and Lighthouse to monitor performance
Created a faster experience that reduced page friction and helped key pages load more efficiently.
02 Clarify Product Discovery
Design / UX Moves
- Improved navigation hierarchy
- Refined content flow
- Strengthened page structure
- Adjusted visual hierarchy
- Used analytics and testing feedback to guide refinements
Made it easier for users to understand Scorpeo’s offering and move through product-related content with less friction.
03 Standardize the Interface
Design / System Moves
- Unified page patterns
- Cleaned up inconsistent UI styling
- Aligned layouts to refreshed brand standards
- Improved interaction patterns
- Supported accessibility-focused implementation
Created a more cohesive experience that felt polished, credible, and consistent across the site.
04 Scale the CMS
Front-End / CMS Moves
- Built reusable front-end components
- Improved CMS structure
- Reduced one-off page patterns
- Supported faster content updates
- Created a stronger foundation for future expansion
Created reusable WordPress patterns that made the site easier to maintain, extend, and evolve.
The Solution.
The rebuilt experience turned Scorpeo’s legacy website into a faster, clearer, and more scalable SaaS marketing website that better supported the Cash+ platform, fintech positioning, and institutional buyer journey.
The solution improved how visitors discovered, understood, and moved through Scorpeo’s product story. Clearer information architecture, stronger navigation, consistent page patterns, and faster performance helped the site feel more credible, usable, and aligned with the sophistication of the product.
Behind the scenes, reusable front-end components, cleaner WordPress structure, and shared documentation made it easier for marketing, design, and engineering to maintain the site and launch updates with more consistency.
01 High-Performance SaaS Website
What Changed
- Faster key marketing pages
- Reduced render-blocking behavior
- Optimized images, scripts, and loading patterns
- Stronger performance across devices
The rebuilt site delivered a faster, smoother experience across Scorpeo’s public-facing SaaS marketing pages.
02 Clearer Buyer Journey
What Changed
- Refined information architecture
- Stronger navigation hierarchy
- Clearer Cash+ product pathways
- More focused page content flow
The redesigned structure helped users understand Scorpeo’s product value faster and move through the site with less friction.
03 Scalable CMS Foundation
What Changed
- Modular front-end components
- Reusable WordPress page patterns
- Cleaner CMS structure
- Faster content and page updates
The rebuilt CMS structure gave marketing, design, and engineering a cleaner foundation for launching and maintaining pages.
04 Unified Brand Experience
What Changed
- Consistent UI patterns across 7+ pages
- Stronger visual hierarchy
- Better responsive behavior
- Accessibility-conscious refinements
The experience brought Scorpeo’s brand, fintech credibility, and SaaS product messaging into one cohesive digital system.
Reflection & Key Contributions.
This project reinforced that strong SaaS marketing experiences are rarely solved through visual design alone.
The larger challenge was creating a stronger digital foundation: improving performance, clarifying product storytelling, supporting accessibility, and making the WordPress structure easier for the team to maintain.
Several improvements had to balance brand polish with technical practicality. Instead of creating one-off layouts for every page, we prioritized reusable patterns that could support current marketing needs while giving the team a more scalable system for future updates.
This work blended UX design, front-end development, and systems thinking. I helped move the site from a slower, inconsistent experience to a clearer SaaS marketing foundation that improved performance, strengthened product discovery, and gave the team a cleaner path forward.
Reflection
The biggest takeaway from this project was the value of designing with implementation in mind from the start.
For Scorpeo, the strongest solution was not just a cleaner interface. It was a better system behind the interface: reusable WordPress patterns, stronger CMS structure, improved performance, clearer content pathways, and a brand experience that better matched the product’s sophistication.
My front-end background helped me make UX decisions with a clearer understanding of feasibility, accessibility, performance, and long-term maintainability — which helped the team move faster without sacrificing quality.
Key Contributions
- Reusable CMS Patterns: Established WordPress components that improved consistency and made marketing page updates easier to scale.
- Brand & UI Consistency: Unified visual patterns across key pages to create a more credible SaaS experience for fintech audiences.
- Performance Optimization: Improved site speed through image optimization, caching updates, lazy loading, script deferrals, and front-end refactoring.
- Responsive Accessibility: Strengthened cross-device behavior and accessibility-conscious implementation across desktop, tablet, and mobile.
- Data-Informed Refinement: Used analytics, A/B testing, and stakeholder feedback to improve navigation, hierarchy, and product content flow.
- Cross-Functional Alignment: Helped design, marketing, and engineering work from a cleaner, more scalable digital foundation.
What I’d Do Differently.
Looking back, I would bring conversion-focused validation into the process earlier. Stakeholder feedback, analytics, and A/B testing helped guide improvements, but earlier testing around CTA clarity, product comprehension, and buyer-path confidence could have surfaced stronger insights before implementation scaled across the site.
Adoption & Feedback.
The redesigned site created a clearer shift in performance, product discovery, and brand consistency. What previously felt slower and less connected became a more focused SaaS marketing experience built around Cash+ and Scorpeo’s fintech positioning.
Stakeholders responded positively to the cleaner page structure, faster performance, improved mobile behavior, and reusable WordPress patterns. The rebuilt foundation gave the team more confidence in the site’s ability to support future campaigns, product updates, and customer-facing content.
“The rebuilt site finally feels aligned with the sophistication of the Cash+ platform. It is faster, easier to navigate, and gives us a much stronger foundation for explaining the product, supporting campaigns, and keeping future updates consistent.”
Sander Eijkenduijn – Stakeholder
Future Opportunities.
While the redesign established a stronger SaaS marketing foundation, it also opened opportunities to expand the experience beyond the core website. Future improvements could further support product education, customer engagement, and post-launch marketing growth.
- Expand customer portal pathways to help users move from marketing content into authenticated product experiences more seamlessly.
- Add more conversion-focused landing page templates for campaigns, product announcements, and lead-generation efforts.
- Build stronger analytics dashboards around CTA engagement, product page performance, and content-path behavior.
- Create deeper self-service product education, including platform explainers, customer resources, and guided Cash+ content.
Thank you for your time & consideration. 🙏🏻
Good SaaS design earns trust before the demo — by making the product story clear, credible, and easy to act on.