SaaS Transformation Case Study
Elevating
Penny Branding
Penny Branding
From Startup to Enterprise: A Strategic UX Transformation
Client
Penny Software
Role
UX Designer
Platform
Global Procurement Platform
"We've grown from a startup to a $30M platform, but our digital presence doesn't
reflect who we've become. Our clients are enterprise procurement leaders, yet our
website feels like we're still in a garage."
reflect who we've become. Our clients are enterprise procurement leaders, yet our
website feels like we're still in a garage."
Penny Software faced a critical inflection point. As their procurement automation platform scaled to
serve mid-market and enterprise clients, their digital identity had become a barrier to growth. The
challenge wasn't just aesthetic—it was strategic, operational, and deeply tied to business outcomes.
serve mid-market and enterprise clients, their digital identity had become a barrier to growth. The
challenge wasn't just aesthetic—it was strategic, operational, and deeply tied to business outcomes.
Project Overview
Mission
Transform Penny's digital presence
from startup aesthetic to enterprise-
ready platform that attracts larger
clients and supports business
growth
from startup aesthetic to enterprise-
ready platform that attracts larger
clients and supports business
growth
Target Audience
Mid-market and Enterprise
Procurement Managers, C-suite
Executives, Sales Teams, Investors,
and Global Stakeholders
Procurement Managers, C-suite
Executives, Sales Teams, Investors,
and Global Stakeholders
Scope
Complete UX transformation
including marketing website,
product modules, design system,
SEO optimization, and Arabic
localization
including marketing website,
product modules, design system,
SEO optimization, and Arabic
localization
The Challenge: When Growth Outpaces Identity
Penny Software's rapid evolution from startup to established SaaS platform created a critical misalignment
between their market position and digital presence. This gap wasn't just visual—it was impacting credibility,
conversion, and competitive positioning.
between their market position and digital presence. This gap wasn't just visual—it was impacting credibility,
conversion, and competitive positioning.
Startup Aesthetic vs. Enterprise Reality
The playful, startup-oriented design language undermined
credibility with enterprise buyers seeking professional,
trustworthy solutions
credibility with enterprise buyers seeking professional,
trustworthy solutions
Fragmented User Experience
Complex information architecture, inconsistent navigation,
and information overload made it difficult for users to find
key product features
and information overload made it difficult for users to find
key product features
Accessibility & Readability Issues
WCAG violations including thin fonts, poor contrast, and
inconsistent sizing created barriers for users and hurt
credibility
inconsistent sizing created barriers for users and hurt
credibility
SEO & Discoverability Gaps
Poor search visibility and content structure limited organic
reach and made it harder for potential clients to discover
Penny
reach and made it harder for potential clients to discover
Penny
Localization Challenges
Need for Arabic RTL support and culturally appropriate
design for Middle Eastern markets without proper framework
design for Middle Eastern markets without proper framework
Conversion & Sales Friction
Unclear value propositions and weak CTAs failed to support
sales conversations and demo requests effectively
sales conversations and demo requests effectively
"Our platform is enterprise-grade, but our website makes us look like we're still figuring things out. We're
losing deals before they even start." — Sales Leadership
losing deals before they even start." — Sales Leadership
The Older Version: Before Transformation
Before the transformation, Penny's digital presence reflected its startup origins rather than its enterprise reality.
These screenshots show the challenges we needed to address.
These screenshots show the challenges we needed to address.
Old Homepage Design
Startup aesthetic that undermined enterprise credibility
Old Product Pages
Fragmented experience with poor information architecture
My Role: UX Designer & Strategic Partner
As the UX Designer, I led the end-to-end transformation of Penny's digital presence—from initial research and
competitive analysis through design system creation, wireframing, high-fidelity design, and final implementation. I
collaborated closely with leadership, product teams, and developers to ensure every design decision aligned with
business goals and user needs. My work spanned strategic UX planning, comprehensive design system
architecture, Arabic localization, accessibility compliance, and cross-functional partnership to deliver an
enterprise-ready platform that supports global growth.
competitive analysis through design system creation, wireframing, high-fidelity design, and final implementation. I
collaborated closely with leadership, product teams, and developers to ensure every design decision aligned with
business goals and user needs. My work spanned strategic UX planning, comprehensive design system
architecture, Arabic localization, accessibility compliance, and cross-functional partnership to deliver an
enterprise-ready platform that supports global growth.
Research & Discovery: Understanding the Enterprise Landscape
To create a transformation that would resonate with enterprise buyers, I needed to deeply understand their
expectations, pain points, and decision-making criteria. This wasn't about personal preference—it was about
strategic positioning.
expectations, pain points, and decision-making criteria. This wasn't about personal preference—it was about
strategic positioning.
1. Multi-Stakeholder Research
I conducted extensive interviews and workshops with diverse stakeholders to understand competing priorities and align on a
unified vision.
unified vision.
Enterprise Buyers
Procurement executives and managers
evaluating solutions
evaluating solutions
Sales & Marketing
Internal teams needing materials to support
conversions
conversions
Product & Engineering
Teams balancing technical constraints with
design vision
design vision
Partners & Investors
External stakeholders assessing credibility
and growth
and growth
International Markets
Arabic-speaking users requiring localized
experiences
experiences
Executive Leadership
C-suite defining strategic priorities and
success metrics
success metrics
Key Research Insight:
Enterprise buyers prioritize credibility, clarity, and proof over flashy design. They need to quickly understand value propositions, see
social proof, and have clear paths to demos. The website needed to feel like a trusted partner, not a risky experiment.
social proof, and have clear paths to demos. The website needed to feel like a trusted partner, not a risky experiment.
2. Competitive Analysis & Market Positioning
I analyzed leading enterprise SaaS platforms and procurement solutions to identify design patterns, visual language, and
positioning strategies that resonated with target audiences.
positioning strategies that resonated with target audiences.
Analyzed Competitors:
Procurify
Pivotapp.ai
SAP Ariba
Procoro
Kissflow
Competitive Insights:
3. Comprehensive UX Audit
I conducted a systematic audit of the existing website, evaluating it against enterprise UX standards, accessibility guidelines,
and conversion best practices.
and conversion best practices.
Detailed UX audit identifying critical issues across visual design, accessibility, and user experience
Visual Inconsistency
No unified design language; components felt disconnected
Poor Information Architecture
Users struggled to find key features and product information
Accessibility Violations
WCAG issues with contrast, font sizing, and readability
Weak CTAs
Unclear hierarchy and placement reduced conversion potential
Footer Interaction Gaps
Critical navigation and contact points were hard to find
Mobile Experience Gaps
Responsive design was inconsistent and underoptimized
4. Usability Testing & Validation
Throughout the project, I conducted iterative usability tests to validate design decisions and ensure we were solving real
problems, not creating new ones.
problems, not creating new ones.
Testing Methodology:
5. User Personas: Understanding Our Audiences
Based on research insights, I developed detailed personas representing our primary user segments to guide design decisions.
Sarah Chen
Procurement Manager
Age 38 • 12 years experience
Goals
Streamline procurement processes, find enterprise-grade solutions
with proven ROI, ensure compliance and vendor management
efficiency
with proven ROI, ensure compliance and vendor management
efficiency
Pain Points
Needs credible platforms to present to C-suite, frustrated by unclear product information, limited time to evaluate solutions
Maria Rodriguez
Procurement Coordinator
Age 29 • 4 years experience
Goals
Quickly learn platform features, complete daily tasks efficiently,
access help resources when needed
access help resources when needed
Pain Points
Overwhelmed by complex interfaces, struggles with inconsistent design, difficulty finding specific features and documentation
Design Process: From Research to Implementation
Following research and persona development, I moved into structured design phases, ensuring every decision was
validated and aligned with user needs and business goals.
validated and aligned with user needs and business goals.
Information Architecture
I restructured the entire site architecture to improve findability, reduce cognitive load, and create clear pathways to key actions.
The new IA prioritized user mental models over internal organizational structure.
The new IA prioritized user mental models over internal organizational structure.
Comprehensive information architecture showing restructured navigation, content hierarchy, and user flow optimization
Simplified Navigation
Reduced menu complexity from 12+ items to
5 core categories
5 core categories
Clear User Flows
Mapped optimal paths to demos, features, and resources
Logical Grouping
Organized content by user needs vs. internal
departments
departments
Wireframing & Prototyping
Before diving into high-fidelity designs, I created detailed wireframes to validate layouts, content hierarchy, and interaction
patterns with stakeholders and users. This iterative approach saved time and ensured alignment.
patterns with stakeholders and users. This iterative approach saved time and ensured alignment.
Low-fidelity wireframes validating content structure, layout patterns, and interaction flows before visual design
Rapid Iteration
Tested multiple layout variations quickly
without design overhead
without design overhead
Stakeholder Alignment
Ensured buy-in on structure before investing
in visual design
in visual design
Usability Testing
Validated navigation and content hierarchy
with target users
with target users
Design Strategy: Enterprise Transformation Framework
Based on research insights, I developed a comprehensive design strategy that would elevate Penny's digital
presence while maintaining scalability and consistency.
presence while maintaining scalability and consistency.
Professional Visual
Language
Language
Limited color palette with
purposeful accents, noise textures
for warmth, and mature illustration
style
purposeful accents, noise textures
for warmth, and mature illustration
style
Intuitive Information
Architecture
Architecture
Restructured navigation for clarity,
reduced information overload, and
improved findability
reduced information overload, and
improved findability
Accessibility Excellence
WCAG-compliant design with
proper contrast, consistent sizing,
and enhanced readability
proper contrast, consistent sizing,
and enhanced readability
Atomic Design System
Scalable component library from
atoms to organisms for consistency
and efficiency
atoms to organisms for consistency
and efficiency
Clear Value Communication
Prominent messaging highlighting
AI capabilities and enterprise
benefits
AI capabilities and enterprise
benefits
Localization Framework
RTL support for Arabic with
culturally appropriate design and
typography
culturally appropriate design and
typography
Core Design Principles
1
Credibility First
Every design decision reinforces enterprise trust and
professionalism
professionalism
2
Clarity Over Complexity
Simplified workflows and clear hierarchy for immediate
comprehension
comprehension
3
Consistency at Scale
Design system ensures coherence across all pages and
touchpoints
touchpoints
4
Conversion-Focused
Strategic CTA placement and clear paths to demo requests
5
Accessibility by Design
WCAG compliance integrated from the start, not retrofitted
6
Global-Ready
Localization framework supports international expansion
The Design System: Building for Enterprise Scale
To ensure consistency, efficiency, and scalability, I built a comprehensive design system using atomic design
methodology. This became the foundation for all design work and enabled rapid iteration.
methodology. This became the foundation for all design work and enabled rapid iteration.
Atomic Design Structure
Atoms: Buttons, inputs, icons, typography
Molecules: Form fields, cards, navigation items
Organisms: Headers, footers, product modules
Templates: Page layouts and structures
Design Tokens
Colors: Limited palette with purposeful accents
Typography: Clear hierarchy with accessible sizing
Spacing: Consistent 8px grid system
Effects: Noise textures for warmth and depth
Complete component library, style guide, and documentation for scalable design
Key Solutions & Implementations
The transformation touched every aspect of Penny's digital presence. Here are the core solutions that drove
measurable impact.
measurable impact.
1. Enterprise Marketing Homepage
Redesigned homepage to immediately communicate credibility, value propositions, and AI-driven capabilities. Implemented clear
visual hierarchy with prominent CTAs for demo requests.
visual hierarchy with prominent CTAs for demo requests.
Hero Section
Clear value prop with immediate CTA
Social Proof
Client logos and testimonials
Feature Showcase
AI capabilities prominently featured
2. Product Feature Modules
Created dedicated pages for each procurement module with clear explanations, benefits, and use cases. Improved navigation made
features easily discoverable.
features easily discoverable.
Clear Structure
Logical feature organization
Visual Demonstrations
Graphics and workflows
Benefit-Focused
ROI and efficiency messaging
3. Arabic Localization
Implemented complete RTL support with culturally appropriate design, typography, and visual language for Middle Eastern markets.
Ensured consistency with English version while respecting cultural context.
Ensured consistency with English version while respecting cultural context.
RTL Layouts
Complete right-to-left support
Arabic Typography
Proper font selection and sizing
Cultural Adaptation
Appropriate imagery and messaging
4. Sales Enablement Materials
Created comprehensive materials to support sales conversations, including demo request flows, case studies, and product sheets
aligned with the new design language.
aligned with the new design language.
Demo Flows
Streamlined request process
Case Studies & Webinars
Proof points for prospects
Product Sheets
Clear feature documentation
Execution: Collaborative Delivery
Success required seamless collaboration across design, engineering, product, and business teams. I led the
execution with a pragmatic, iterative approach.
execution with a pragmatic, iterative approach.
Cross-Functional Sprints
Worked in tight collaboration with 2 designers and developer team for rapid iteration and feedback loops
Technical Partnership
Collaborated closely with
engineering to balance design
vision with technical constraints and feasibility
engineering to balance design
vision with technical constraints and feasibility
Quality Assurance
Comprehensive testing across
devices, browsers, and accessibility
standards before launch
devices, browsers, and accessibility
standards before launch
Impact & Business Outcomes
The transformation delivered measurable results across user experience, business metrics, and strategic
positioning. Penny successfully evolved from startup to enterprise-ready platform.
positioning. Penny successfully evolved from startup to enterprise-ready platform.
Enterprise Ready
Professional digital presence
positioned for larger clients
positioned for larger clients
Improved UX
Enhanced usability and accessibility
across all touchpoints
across all touchpoints
Sales Support
Effective materials supporting demo
conversions
conversions
Key Achievements
Professional Brand Identity
Successfully transitioned from startup aesthetic to
enterprise-ready visual language
enterprise-ready visual language
Improved Findability
Restructured navigation and IA dramatically improved
feature discoverability
feature discoverability
WCAG Compliance
Achieved accessibility standards across all pages and
components
components
Global Expansion Ready
Arabic localization opened Middle Eastern markets with
proper RTL support
proper RTL support
Scalable Foundation
Design system enables rapid iteration and consistent
expansion
expansion
Enhanced Performance
Improved overall platform performance and user satisfaction
Thank You
The Penny Software transformation demonstrates how thoughtful UX strategy can
elevate a platform from startup to enterprise-ready, opening new markets and
supporting ambitious business goals. Great design isn't decoration—it's a strategic
investment that drives trust, clarity, and measurable growth.
elevate a platform from startup to enterprise-ready, opening new markets and
supporting ambitious business goals. Great design isn't decoration—it's a strategic
investment that drives trust, clarity, and measurable growth.
Thank you for reviewing this case study. Let's connect if you'd like to discuss how strategic UX
can drive your business forward.
can drive your business forward.