Hi, I'm Maya!
I'm a Senior UX Designer at FICO where I lead design system work across 7+ digital properties. I love the challenge of creating consistent, approachable experiences that hold up across many products at once.
Outside of work, I enjoy talking about fashion history, eating sour candy, and collecting trinkets.
A side project that combines two of my interests: fashion and moodboarding.
Type in any city and get an archival runway look matched to the weather outside. It was a fun exercise digging through runway archives and hand-selecting looks based on texture, color, and silhouette. Designed, coded, and deployed with Claude Code, vanilla JS, and the Open-Meteo API.
This work is password protected
Incorrect password
A collection of pages and experiences I designed and launched across FICO's digital properties.
UltraFICO Score
In May 2026, I redesigned the UltraFICO Score consumer page on FICO.com as part of the product’s General Availability launch. Working alongside the Scores product, legal, and creative teams, I updated the layout, messaging, imagery, and components to reflect the next-generation positioning of the score.
FICO Score Credit Insights Report
I designed and launched the landing page for FICO’s inaugural Credit Insights Report in September 2025, supporting a press announcement covered by 3 major media outlets and integrated across paid campaigns, webinars, and events. The page has since been updated to support the 2026 report, establishing it as a recurring biannual destination for lenders and media.
FICO World 26
I owned the design and build of the FICO World 2026 registration site in Cvent, maintaining consistent branding across all pages through the day of the event. The experience drove 1,996 registrations and a 93.9% attendee conversion rate. I’ve owned this experience since 2024 and continue to evolve it each year.
Lloyds Banking Group Microsite
I designed and built a dedicated microsite for Lloyds Banking Group as part of FICO’s Account-Based Marketing program. The site serves as a fully branded digital hub tailored to LBG’s strategic priorities, supporting C-suite engagement and serving as the central destination for all account engagement plays. I received a Spot Award for my contribution to the ABM microsite program.
This work is password protected
Incorrect password
How I rebuilt FICO's design system from 200 to 400 components, cutting page-building time by 60% across 7+ digital properties.
Why did we need a new design system?
In 2022, FICO underwent a major brand refresh, but our existing 200-component design system couldn't support it. We lacked auto layout, variables, and tokens, which made the system hard to maintain and limited our creative flexibility. The refresh also brought new guiding principles of Clear & Precise, Bold, and Human, replacing our previous principles of Pioneering, Empowering, Analytical, Transformative, and Bold. This wasn't cosmetic, it represented our transition from product-centric to customer-centric design thinking.
By creating a new design system, we set out to:
- Align our team with shared principles
- Accelerate design and development workflows
- Bring our new brand principles to life across all touchpoints
- Enable creative exploration within a consistent framework
Despite limited resources, investing in a systematic approach was important for our brand's future and our ability to deliver exceptional customer experiences at scale.
Our process
Working from the comprehensive brand guidelines that the design agency Porter Novelli developed, we began our redesign process.
Visual inventory
We started by auditing our existing system to understand what we were working with. Our system consisted of approximately 200 components, including 80 patterns or layouts used across FICO.com and our other digital properties. Since all components lived in Figma, we could easily establish a baseline of our design system's current state and assess how well it aligned with our new brand principles.
Our previous design system in Figma
Assessing each element
To evaluate our current system against new brand principles and practical needs, our three-person team reviewed each component in structured sessions, assessing:
- Usage frequency across our digital properties
- Alignment with our new brand principles (Clear & Precise, Bold, Human)
- Potential for reinvention to better serve our content needs
Key findings
Our assessment revealed three main shortcomings that shaped our redesign approach:
01. Limited layout diversity
Overview layouts were our most-used pattern, but we only had 8 options to work with across 7+ digital properties
02. Outdated visual elements
All instances of our old graphic arrows and dotted overlays needed replacement
03. Static, disengaging layouts
Components lacked dynamic interactions or animations
Generating solutions
Based on these findings, we began generating solutions specifically focusing on:
- Expanding layout options for our most used components
- Integrating the new circle icon as a visual communication tool
- Adding animations and interactions to create a more compelling user experience
- Applying our updated typography and new color palette across component states
Converging on a direction
After generating several solutions, we needed to decide which components and approaches would have the most impact, considering our capacity for implementation and maintenance.
We tested our components with realistic FICO content, which revealed unexpected issues with accessibility and scalability. For example, our header designs, featuring isolated imagery and overlaid O graphics, looked great in design files but proved problematic in practice: sourcing appropriate imagery was unsustainable, and the O graphic created contrast issues with navigation elements.
Old header layout that had to be discarded due to maintenance and accessibility issues
Because our biggest constraint was working with external developers who weren't embedded in our daily workflow, our components needed to be not only effective but also clearly documented and technically feasible. Many of our initial animation ideas were discarded as a result, but this left us with more refined, purposeful interactions.
Preparing for handoff
Before handing off designs to our external development partners, we leveraged Figma's advanced features to ensure smooth collaboration and future maintenance:
Components were made responsive using auto-layout, allowing them to be used across various devices.
We used Figma's variants feature to combine different states of components with custom properties, making them easier to maintain and swap.
We also implemented design tokens using Figma's variable feature for our colors, typography, and spacing values, enabling seamless switching between different contexts, such as light and dark modes.
Results & impact
We applied our new branding to seven major digital properties, including FICO.com, FICO Score, and FICO Platform.
A section of our new design system in Figma
Quantifiable impact
- Expanded from 200 to 400 modular components
- 60% reduction in page-building time
- Easier content population, responsive previews, and developer handoffs
Brand alignment achievements
Our digital properties finally embody the Clear & Precise, Bold, and Human principles.
Our new circle icon highlights key information across layouts
Before: A previous testimonial layout with just the quote and author
After: Adding the circle icon gives the quote a natural focal point alongside other content on a page
We replaced abstract imagery with human-centered visuals that better connect with our audiences.
Before: An overview layout with previous imagery options
After: The same layout with updated typography and human-centered imagery
Most importantly, we transformed our static, disengaging layouts by adding dynamic interactions and animations that reflect our new 'Human' brand principle.
Before: Our singular previous layout option for related resources
After: One of four new layout options featuring human-centered imagery, subtle animation, and interactive elements
These changes represent our shift from product-centric to customer-centric design thinking, with every component now serving our mission of empowering businesses to make complex decisions with precision and confidence.
Lessons learned
Throughout this project, I learned that working within real constraints (a small team, external development partners, and limited maintenance capacity) strengthened our design decisions. With clear criteria focusing on usage frequency, brand alignment potential, and implementation feasibility, we were forced to move beyond initial concepts (like animation-heavy interactions) toward more refined, sustainable solutions. Embracing limitations continues to guide our system's evolution and proves to be more effective than unconstrained exploration.
Looking forward
This work is password protected
Incorrect password
How I designed a reusable pricing component for FICO's design system, cutting content update time by 60-70% and unblocking SEO tracking.
The problem
FICO's pricing and licensing information lived on a Ceros page that was off-brand, broke on certain screen sizes, and blocked SEO tracking.
The existing pricing layout had three critical issues:
- Brand inconsistency: The Ceros page used old fonts, colors, and layouts, creating a jarring experience for users navigating from our main site.
- Technical limitations: iframed content broke on smaller desktop screens.
- Business impact: Off-brand appearance created distrust during prospect evaluation, and iframed content blocked SEO and analytics tracking.
The existing Ceros pricing layout with outdated branding
My process
Research & exploration
I researched pricing layouts at other companies, analyzing components, information hierarchy, and responsive behavior.
Asana's pricing layout demonstrating common patterns that influenced my design
Figma's responsive layout showing columns collapsing into accordions on mobile
Common patterns I observed:
- Plan overviews and CTAs at the top
- Price as the most prominent text element
- Maximum of 4 columns to avoid cognitive overload
- Columns collapsing into accordions on mobile
Current system audit
I audited our existing design system to identify similar layout patterns and understand constraints around padding, spacing, and responsive behavior. Our 'Related Resource 1' layout established how 4 columns should transition across breakpoints and provided a foundation for the pricing layout.
Related Resource 1 layout showing responsive behavior across breakpoints
Initial concepts
My first designs followed research patterns, then adapted them to our needs. I started with CTAs after plan overviews, then added a bottom CTA option to match existing user expectations. I also shifted from center to left alignment for better readability with feature-heavy content.
Initial concept with center-aligned content and CTAs after plan overviews
Developer handoff
After finalizing designs with our Director of Creative Services, I created a detailed Jira ticket outlining technical requirements, layout specifications, responsive behavior, and backend content entry steps for our external development team.
What we shipped
I rebuilt the Xpress Trial and Licensing Options page in Drupal using the new pricing layout, collaborating with the Directors of Product Marketing and SEO to align copy with business goals.
Final pricing layout with updated branding and content
Key design decisions
The layout supports both top and bottom CTA placements. We used bottom placement for this page to let users review all licensing information before acting, which is important for complex B2B decisions.
Responsive behavior
On smaller desktops, 4 columns reorganize into a 2x2 grid. On tablet and mobile, columns collapse into accordions to reduce cognitive load.
Results & impact
Design system contribution
The pricing layout was added to FICO's design system, supporting 1-4 columns, two content variants, and optional elements, reducing future design and development time across digital properties.
Business outcomes
Content updates dropped from a 3-step process to a single step in Drupal, cutting update time by 60-70%. Removing iframed content improved SEO discoverability and enabled proper analytics tracking.
User engagement
Heatmap and click data from launch week confirmed strong engagement with the pricing CTAs, validating our decisions around placement and content hierarchy.
Lessons learned
Auditing the design system upfront prevented rework. Detailed Jira documentation made implementation smoother and the component easier for future content editors. Building in flexibility from the start allowed it to serve both immediate and future needs.
Looking forward
As the component gets used across more pages, I'll gather feedback from content editors and monitor usage patterns. Involving developers earlier would help surface technical constraints during concepting rather than after finalization.