Jenius Bank: Forje Design System
Created, governed, and maintained Jenius Bank's web design system from early 2024. Established foundational components, tokens, and accessibility standards that powered the entire web platform.
Components
Comprehensive UI component library with variants and states.
Design Tokens
Primitives, colors, typography, and spacing scales. Light and dark mode theming across all component.
Layout
Responsive grids and components (+ usage of auto-layout), breakpoints, and surface patterns
Accessibility
WCAG 2.2 AA/AAA compliant patterns and documentation
Documentation
Best practices, usage examples, etc for onboarding and supporting teammates
Overview
Forje was Jenius Bank's web design system which was created, governed, and maintained by me beginning early 2024. Our team (primarily myself and one other designer) established foundational multi-variant components, tokens, modes, and accessibility standards that powered the entire web platform.
It was housed within Figma and had a Storybook counterpart for development reference and component documentation.
Component Library
Forje Design System Components in Figma (not included: primitives, tokens, typography, color modes, spacing scales, etc)
System Components
The design system included a comprehensive set of components that covered the full range of the web platform's needs:
Applied Designs
Screens designed leveraging Forje components, including Account Summary and Authentication flows (Log In, Multi-factor Authentication, Forgot Password / User ID, Create Credential).
Screens designed leveraging Forje components
Digital IA Strategy
Collaborated on the Digital (iOS, Android, Web) Information Architecture Strategy to ensure consistency across all platforms.
Created by Dean Valentin (Head of Design) in collaboration with Web (Myself) + Mobile App Lead (Eric Parks)
Sarah N.
VP Product Manager, Jenius Bank
Yuan is the most talented and collaborative designer I've had the privilege of working with. Over the past 3+ years at Jenius Bank (SMBC's U.S. digital bank), Yuan and I worked very closely as we built and launched our Personal Finance Management (PFM) and open banking features from discovery to production, navigating complex technical integrations, regulatory constraints, and user needs every step of the way. Yuan led the design for critical user flows including external account linking, net worth and cashflow/subscription tracking, first-time user experience, accounts lists and details views, info architecture, and full accessibility compliance. She consistently delivered intuitive, elegant solutions, balancing innovation with usability.
Yuan's proactive collaboration with our research team was paramount as she championed and helped execute quantitative and qualitative research that informed our strategy. What sets Yuan apart is her exceptional empathy for users, unique ability to spot subtle edge cases or unmet needs early, and knack for proposing creative and thoughtful alternatives.
As a collaborator, Yuan is sharp, articulate, kind, and thoughtful, making every workshop, critique, or shared doc noticeably better just by being in it. Yuan is an outstanding design leader and any forward-thinking team in fintech or beyond would be incredibly fortunate to bring her on board! I would work with Yuan again without hesitation.
Alejandro S.
Senior UX/UI Marketing Designer, Jenius Bank
In my four years at Jenius Bank, Yuan stood out as one of the most meticulous and talented designers I've worked with. Her mastery of Figma and her ability to navigate complex design systems is second to none. Yuan's work on the digital bank's authenticated space was a masterclass in design execution, leading to her well-earned promotion to VP. She is highly respected for her craft and her leadership, and she consistently inspires those around her to do their best work.
Andrew P.
Senior Software Engineer, Jenius Bank
Yuan is an extraordinary designer who truly understands the synergy between design and development. During our time at Jenius Bank, she produced stunning, 'work-of-art' designs that were as functional as they were beautiful. What makes Yuan stand out is her complete lack of ego; she was always willing to iterate on her designs to optimize for development without compromising the user experience. Her agility is unmatched—she would often listen to engineering feedback during a meeting and present a modified, pixel-perfect solution before the call even ended.
