Philippines
7:25:07 AM
Product Designer who codes
From idea to design
to code that ships
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 1005 271" xmlns="http://www.w3.org/2000/svg"><path d="M 30.745 136.431 L 0 136.431 L 0 2.745 L 30.745 2.745 L 30.745 39.255 C 35.686 18.118 49.412 0 76.039 0 C 102.118 0 118.039 15.647 118.039 43.373 L 118.039 136.431 L 87.02 136.431 L 87.02 52.706 C 87.02 36.235 81.529 24.98 60.941 24.98 C 38.431 24.98 30.745 39.529 30.745 61.49 Z" fill="rgb(255, 255, 255)" height="136.43137254901956px" id="wJzCfQGfN" transform="translate(885.483 49.373)" width="118.03921568627447px"/><path d="M 30.8 184.25 L 0 184.25 L 0 0 L 30.8 0 L 30.8 86.9 C 35.75 65.725 49.5 47.575 76.175 47.575 C 102.3 47.575 118.25 63.25 118.25 91.025 L 118.25 184.25 L 87.175 184.25 L 87.175 100.375 C 87.175 83.875 81.675 72.6 61.05 72.6 C 38.5 72.6 30.8 87.175 30.8 109.175 Z" fill="rgb(255, 255, 255)" height="184.25px" id="PXXpC52En" transform="translate(741.375 1.375)" width="118.25px"/><path d="M 64.9 139.425 C 26.4 139.425 0 111.375 0 69.85 C 0 28.05 26.4 0 64.9 0 C 103.95 0 130.35 28.05 130.35 69.85 C 130.35 111.375 103.95 139.425 64.9 139.425 Z M 65.175 113.85 C 85.25 113.85 99 100.65 99 69.85 C 99 38.775 85.25 25.575 65.175 25.575 C 45.375 25.575 31.625 38.775 31.625 69.85 C 31.625 100.65 45.375 113.85 65.175 113.85 Z" fill="rgb(255, 255, 255)" height="139.42499999999995px" id="nnlKnthXV" transform="translate(589.185 49.375)" width="130.34999999999994px"/><path d="M 83.6 31.35 L 52.8 31.35 L 52.8 0 L 83.6 0 Z M 41.25 238.15 C 18.7 238.15 6.325 226.875 0 219.175 L 16.5 195.8 C 20.625 203.5 27.775 209.825 37.675 209.825 C 47.85 209.825 52.8 204.875 52.8 191.125 L 52.8 50.325 L 83.6 50.325 L 83.6 191.95 C 83.6 219.725 66.55 238.15 41.25 238.15 Z" fill="rgb(255, 255, 255)" height="238.14999694824223px" id="SETxzXIqM" transform="translate(487.56 1.375)" width="83.60000305175778px"/><path d="M 68.196 23.366 L 0 23.366 L 0 0 L 68.196 0 Z" fill="rgb(255, 255, 255)" height="23.366037735849034px" id="TcTEfrast" transform="translate(449.358 97.773)" width="68.19622641509437px"/><path d="M 30.8 31.35 L 0 31.35 L 0 0 L 30.8 0 Z M 30.8 184.25 L 0 184.25 L 0 50.325 L 30.8 50.325 Z" fill="rgb(255, 255, 255)" height="184.24999694824214px" id="BlvvMF5Kx" transform="translate(396.685 1.375)" width="30.79999999999997px"/><path d="M 65.799 124.99 C 55.337 124.99 45.701 123.063 37.717 119.209 C 35.24 123.338 32.211 128.569 32.211 133.249 C 32.211 140.132 35.79 143.711 48.179 143.711 L 91.402 143.711 C 118.107 143.711 132.699 154.448 132.699 174.546 C 132.699 199.874 107.921 219.146 59.191 219.146 C 21.749 219.146 0 207.307 0 190.514 C 0 177.849 12.114 170.967 25.053 167.938 C 15.417 165.185 9.085 158.853 9.085 148.667 C 9.085 136.553 19.547 124.715 31.936 116.18 C 18.446 107.921 10.186 93.88 10.186 76.811 C 10.186 48.454 32.762 28.357 65.799 28.357 C 74.333 28.357 82.042 29.733 88.925 32.211 L 95.532 0 L 125.265 10.186 L 100.212 37.717 C 113.427 46.252 121.136 60.017 121.136 76.811 C 121.136 105.168 98.836 124.99 65.799 124.99 Z M 65.799 102.965 C 80.39 102.965 91.953 93.605 91.953 76.811 C 91.953 60.017 80.39 50.657 65.799 50.657 C 51.207 50.657 39.644 60.017 39.644 76.811 C 39.644 93.605 51.207 102.965 65.799 102.965 Z M 60.568 196.02 C 89.475 196.02 104.893 189.688 104.893 178.4 C 104.893 171.242 99.111 168.214 87.273 168.214 L 31.385 168.214 C 28.357 171.242 25.053 175.647 25.053 180.327 C 25.053 190.238 36.065 196.02 60.568 196.02 Z" fill="rgb(255, 255, 255)" height="219.1456790141853px" id="YZ3g__jQ8" transform="translate(251.237 20.377)" width="132.69876543393838px"/><path d="M 30.8 31.35 L 0 31.35 L 0 0 L 30.8 0 Z M 30.8 184.25 L 0 184.25 L 0 50.325 L 30.8 50.325 Z" fill="rgb(255, 255, 255)" height="184.24999694824214px" id="eJvRuOWoJ" transform="translate(203.185 1.375)" width="30.79999999999997px"/><path d="M 41.725 136.431 C 15.922 136.431 0 120.784 0 93.059 L 0 0 L 30.745 0 L 30.745 83.725 C 30.745 100.196 36.235 111.451 56.824 111.451 C 79.333 111.451 87.02 96.902 87.02 74.941 L 87.02 0 L 118.039 0 L 118.039 133.686 L 87.02 133.686 L 87.02 97.176 C 82.078 118.314 68.353 136.431 41.725 136.431 Z" fill="rgb(255, 255, 255)" height="136.43137254901956px" id="FGWqnxhEJ" transform="translate(58.983 52.373)" width="118.03921568627449px"/><path d="M 30.8 184.25 L 0 184.25 L 0 0 L 30.8 0 Z" fill="rgb(255, 255, 255)" height="184.25px" id="kOyDrBkdH" transform="translate(1.185 1.375)" width="30.79999999999997px"/></svg>)
Intro
Intro
I design products and build them — idea, design, then the code that ships. Much of that work has been fintech: banking apps used by millions, where the details are load-bearing.
Product Design Strategy
I align product, engineering, and business around one bet—then turn it into roadmaps backed by real user data.
Strategic
Data
Design
Alignment
Product Design Strategy
I align product, engineering, and business around one bet—then turn it into roadmaps backed by real user data.
Strategic
Data
Design
Alignment
Product Design Strategy
I align product, engineering, and business around one bet—then turn it into roadmaps backed by real user data.
Strategic
Data
Design
Alignment
Identity & Branding
I build visual systems that make complex financial brands feel coherent, modern, and unmistakably human.
Typography
Visuality
Voice
Consistency
Identity & Branding
I build visual systems that make complex financial brands feel coherent, modern, and unmistakably human.
Typography
Visuality
Voice
Consistency
Identity & Branding
I build visual systems that make complex financial brands feel coherent, modern, and unmistakably human.
Typography
Visuality
Voice
Consistency
Design System
I build and govern design systems that keep hundreds of screens consistent—and ship engineering faster.
Architecture
Interaction
Systems
Performance
Design System
I build and govern design systems that keep hundreds of screens consistent—and ship engineering faster.
Architecture
Interaction
Systems
Performance
Design System
I build and govern design systems that keep hundreds of screens consistent—and ship engineering faster.
Architecture
Interaction
Systems
Performance
Mentorship
I grow designers into leaders—building a team culture of ownership, speed, and craft.
Leadership
Optimization
Excellence
Development
Mentorship
I grow designers into leaders—building a team culture of ownership, speed, and craft.
Leadership
Optimization
Excellence
Development
Mentorship
I grow designers into leaders—building a team culture of ownership, speed, and craft.
Leadership
Optimization
Excellence
Development
Projects
Projects
Some of my recent work
(2019 — Present)
RCBC Pulz
The Banking Redesign Driving Operational Excellence and Digital Transformation
DiskarTech
Building a Friendly, Accessible Banking Identity for the Unbanked Ground Up
Pasado
Simplifying Credit Access through Seamless Digital Onboarding
ATM Go
Empowering Business Growth with an Intuitive and Adaptive Digital Platform
Experience
Experience
I lead design for banking products used by millions, turning complex financial systems into fast, scalable experiences — and I build my own products end to end, design through code.
Product Design Lead
RCBC
2019 - Current
I currently champion the product vision for major digital apps like DiskarTech and RCBC Digital (Pulz). Strategic Leadership: I lead the design direction in collaboration with engineering and product leadership to ensure our delivery meets business objectives. System Architecture: I spearheaded the creation of a scalable Figma design system for both DiskarTech and RCBC Digital, which has significantly improved design consistency and engineering efficiency. Product Overhaul: I led the complete redesign of the Pulz app, unifying disparate products like deposits, loans, and investments into a single, cohesive user experience. Mentorship: I manage and mentor a dynamic design team, fostering a culture of ownership while guiding associates through complex adaptive UI/UX projects.
Product Design Lead
RCBC
2019 - Current
I currently champion the product vision for major digital apps like DiskarTech and RCBC Digital (Pulz). Strategic Leadership: I lead the design direction in collaboration with engineering and product leadership to ensure our delivery meets business objectives. System Architecture: I spearheaded the creation of a scalable Figma design system for both DiskarTech and RCBC Digital, which has significantly improved design consistency and engineering efficiency. Product Overhaul: I led the complete redesign of the Pulz app, unifying disparate products like deposits, loans, and investments into a single, cohesive user experience. Mentorship: I manage and mentor a dynamic design team, fostering a culture of ownership while guiding associates through complex adaptive UI/UX projects.
Product Design Lead
RCBC
2019 - Current
I currently champion the product vision for major digital apps like DiskarTech and RCBC Digital (Pulz). Strategic Leadership: I lead the design direction in collaboration with engineering and product leadership to ensure our delivery meets business objectives. System Architecture: I spearheaded the creation of a scalable Figma design system for both DiskarTech and RCBC Digital, which has significantly improved design consistency and engineering efficiency. Product Overhaul: I led the complete redesign of the Pulz app, unifying disparate products like deposits, loans, and investments into a single, cohesive user experience. Mentorship: I manage and mentor a dynamic design team, fostering a culture of ownership while guiding associates through complex adaptive UI/UX projects.
Senior UI designer
Maya
2018 – 2019
I led the end-to-end design process for the loans platform, Lendr. Complexity Translation: My primary focus was streamlining the complex loan application flow through responsive UI designs and detailed wireframing.
Senior UI designer
Maya
2018 – 2019
I led the end-to-end design process for the loans platform, Lendr. Complexity Translation: My primary focus was streamlining the complex loan application flow through responsive UI designs and detailed wireframing.
Senior UI designer
Maya
2018 – 2019
I led the end-to-end design process for the loans platform, Lendr. Complexity Translation: My primary focus was streamlining the complex loan application flow through responsive UI designs and detailed wireframing.
UI Designer
Voyager Innovations
2016 – 2018
Led visual execution for larger campaigns and cross team initiatives. Took ownership of complex layouts and design systems, while reviewing work from junior designers and providing clear feedback. Worked directly with stakeholders to define scope and expectations.
UI Designer
Voyager Innovations
2016 – 2018
Led visual execution for larger campaigns and cross team initiatives. Took ownership of complex layouts and design systems, while reviewing work from junior designers and providing clear feedback. Worked directly with stakeholders to define scope and expectations.
UI Designer
Voyager Innovations
2016 – 2018
Led visual execution for larger campaigns and cross team initiatives. Took ownership of complex layouts and design systems, while reviewing work from junior designers and providing clear feedback. Worked directly with stakeholders to define scope and expectations.
Web Designer
Freedom!
2015 – 2016
I began my professional journey at Freedom!, where I focused on creating engaging digital environments for a global community of creators. Web & Asset Design: I was responsible for designing and maintaining various web interfaces and digital assets, ensuring they were both visually compelling and functional for our users. User Engagement: I collaborated with content teams to translate complex community needs into clean, accessible web designs that enhanced the overall creator experience. Foundation in Design: This role allowed me to sharpen my technical design skills and established the human-centered approach that I later brought to my leadership roles in the banking sector.
Web Designer
Freedom!
2015 – 2016
I began my professional journey at Freedom!, where I focused on creating engaging digital environments for a global community of creators. Web & Asset Design: I was responsible for designing and maintaining various web interfaces and digital assets, ensuring they were both visually compelling and functional for our users. User Engagement: I collaborated with content teams to translate complex community needs into clean, accessible web designs that enhanced the overall creator experience. Foundation in Design: This role allowed me to sharpen my technical design skills and established the human-centered approach that I later brought to my leadership roles in the banking sector.
Web Designer
Freedom!
2015 – 2016
I began my professional journey at Freedom!, where I focused on creating engaging digital environments for a global community of creators. Web & Asset Design: I was responsible for designing and maintaining various web interfaces and digital assets, ensuring they were both visually compelling and functional for our users. User Engagement: I collaborated with content teams to translate complex community needs into clean, accessible web designs that enhanced the overall creator experience. Foundation in Design: This role allowed me to sharpen my technical design skills and established the human-centered approach that I later brought to my leadership roles in the banking sector.
Tech Stack
Design & Motion
Figma
Design systems and UI
Framer
This site and prototypes
LottieFiles
Motion and animations
Systems & Code
Claude Code
Coded prototypes
Claude Cowork
Research and writing
Storybook
Component libraries
Ship & Track
GitHub
Version control
Vercel
Hosting test prototypes
Notion
Project and task tracking
menu