BANKING
Maintained US Bank brand standards while using Figma to design intuitive page layouts and develop custom components. Prioritized empathetic design to enhance the user journey and improve overall experience. Each page was structured around user intent and friction points identified through SEO analytics, user surveys & accessibility research. Delivered a comprehensive plan that integrated SEO data, business objectives, and user insights to streamline navigation and improve engagement.
Produced actionable design briefs for widgets and modals to elevate key pages. Additionally, created custom illustrations for the brand team and contributed to the global design library for broader usage. And partnered with the product owner to align on vision goals and clarify the scope of work, ensuring design solutions supported strategic objectives and met user needs effectively.
​
Below, you’ll find a curated set of samples, each accompanied by a UX/UI project description that highlights its purpose and design approach.
Mobile redesign proposal: Home Estimation Calculator (Kukun)
​​​
Project description:
Take the guesswork out of budgeting with a tailored home improvement loan calculator—designed to estimate costs for everything from routine repairs and stylish renovations to full-scale additions. Delivering personalized estimates, this tool empowers you to plan with clarity and confidence.
​
We’re refreshing the “Get an estimate” experience to make it easier to use and more visually engaging. Exploring the opportunity to bring the calculator in-house—currently hosted by third-party vendor Kukun—highlighted some of the most polished framing design concepts. The existing tool combines visual clarity with intuitive user flow, supporting seamless home improvement planning.
Infographic pop-up modal:
​
Project description: Converted infographic imagery into a functional pop-up modal accessible via page link. Users can choose between viewing the full image or engaging with a text-based call-to-action (CTA). The implementation adheres to accessibility standards, ensuring an inclusive experience for all users.
​
This custom project reimagined a fresh approach to modal window functionality—how pop-up modal windows could deliver layered content without disrupting the user experience. I introduced a toggle feature that flips information in place—no need to close the pop-up. Working closely with the Web Content Specialist, we completed Phase 1: a CTA text line that anchors users back to the main page’s text version. Phase 2, currently in development, involves custom coding by the Dev team to expand functionality. It’s a work in progress, and a great example of creative problem-solving and cross-team collaboration.
Figma frame screens:
​​
Desktop | Mobile | Desktop live page
Redesigned screens to showcase the calculator across both desktop and mobile platforms, ensuring a responsive and user-friendly experience. Collaborated closely with third-party vendors and the development team to establish APIs, implement a consistent style guide, and create custom field inputs with clear, intuitive error messaging. Other calculator projects contributor via live pages:
Figma component Mosaic:
​​Desktop
Proposed a redesigned layout using custom-built component's while maintaining US Bank standards. Utilized Figma’s advanced tools to refresh the page. Developed a mosaic component and optimized layout for dynamic content presentation. Refined the design strategy to emphasize storytelling, guided by SEO insights and user testing to enhance engagement and relevance. A redesign of the current page is underway to enhance usability and visual appeal.