In-App Banner System Redesign
Category
Product Design / Design System
/
/
Standardizing visual communication and optimizing click-through rates (CTR) across Banco PAN’s mobile banking app through a modular design framework.
About the Project
Banco PAN’s in-app banners lacked visual hierarchy, standardized typography, and consistent layout grids. Marketing and product teams created promotional assets independently, leading to visual noise, reduced user engagement, and a fragmented banking experience.
To solve this, I designed a scalable in-app banner framework focused on clarity, responsiveness, and conversion performance.
Vision & Approach
The goal was to build a UI system that didn’t just improve visual quality, but actively drove conversion. Every component was structured to guide user attention, establish clear CTA placement, and simplify asset production for cross-functional teams.
Modular Visual Language
Established strict layout rules, padding, and safe zones to ensure seamless rendering across all iOS and Android screen sizes. Standardized typography and color contrast ratios guaranteed optimal legibility on mobile devices.
By defining clear design guidelines, we removed guesswork from content creation and aligned in-app promotions with the core design system.
Structured Storytelling
The component system was designed around scannability—allowing users to process value propositions instantly while navigating their dashboard.
Clear CTAs and intuitive visual cues reduced cognitive load, leading to higher completion rates on featured financial products.
Componentized for Speed
Beyond front-end aesthetics, the framework optimized internal workflows. Reusable Figma components and clear design specs enabled product and marketing teams to build, test, and launch campaign assets 40% faster.
Measurable Business Impact
The redesigned banner system delivered immediate performance gains across key metrics: a +28% increase in Click-Through Rate (CTR), a +15% boost in product conversions, and a significantly more cohesive end-to-end user experience.
Scalable Quality at Speed
By combining user-centered UI principles with operational efficiency, this project proved how systematic design updates directly drive user engagement and business growth.
