Senior Product & UI/UX Designer

Designing screens, building systems, and shipping complex digital products in fintech, edtech, and gaming. I bridge design, development, and business goals to deliver products that actually get used. Bring your project—I have a trusted team ready to scale with you.

View Selected Work Start a Project with My Team

Professional Summary

Product and UI/UX designer with 20+ years of experience shipping digital products in fintech, edtech, and gaming. I design screens, build the systems, workflows, and cross-functional bridges that get complex projects out the door. I've led design through pivots, trained teams across regions, fixed responsive layout issues alongside developers, and turned messy requirements into clean, usable interfaces.

Languages: English (Fluent), Cebuano, Tagalog
Education: Advertising & Fine Arts, University of San Carlos Technical Center
Certifications: Certified Internet Professional Program | Ongoing learning in design systems, Figma advanced workflows, & accessible UI practices

Design Philosophy

Systems over pixels. Clarity over complexity. Shipping over perfection. I work best where ambiguity is the norm and shipping is the goal.

How I Work

01. Clarify

Translate messy requirements & stakeholder goals into actionable scopes, user flows, and success metrics.

02. Systemize

Build scalable component libraries, naming conventions, and interaction patterns before high-fidelity screens.

03. Handoff

Provide dev-ready specs, QA checkpoints, and responsive fallbacks. Fix HTML/CSS when handoff breaks down.

04. Iterate

Ship, measure, A/B test, and refine. Design doesn't end at launch—it evolves with user behavior and business needs.

Team & Delivery Capacity

Scale your project without the hiring overhead

Beyond my individual expertise, I partner with a curated network of specialists ready to deploy on your timeline. Whether you need end-to-end product delivery or targeted support, we adapt to your scope.

🎨 UI/UX Designers

Wireframes, prototypes, user flows, and high-fidelity interfaces

⚙️ Frontend Developers

HTML/CSS/JS implementation, responsive QA, and handoff support

✏️ Motion & Brand

After Effects animations, mascot illustrations, pitch decks, and campaign assets

🔍 QA & Accessibility

Usability testing, WCAG compliance checks, and cross-device validation

→ Flexible engagement: fractional leadership, sprint-based delivery, or full project ownership

Professional Experience

UI/UX & Product Designer
Fly.trade (formerly Magpie Protocol) • Remote
Aug 2022 – Jan 2024
  • Built the company's first design system in Figma (components, naming conventions, handoff docs), eliminating fragmented screen-to-code workflows.
  • Designed responsive interfaces for a decentralized trading platform, ensuring complex financial data was clear, functional, and technically feasible.
  • Produced motion graphics, mascot illustrations, and branded assets for marketing, NFT drops, and community campaigns.
  • Delivered high-urgency investor decks, social content, presentation visuals, and rapid UI fixes without compromising system integrity.
Lead UI/UX & Product Designer
Learning Port • Kuala Lumpur
Dec 2013 – Jul 2022
  • Led the design of a new learning app from scratch, coordinating with devs & SMEs to ship an MVP through multiple scope changes and restarts.
  • Designed the shared dashboard, product layouts, and responsive website tying preschool, math, science, and English tracks together.
  • Diagnosed & resolved a complex responsive pay-table layout by debugging existing HTML/CSS, saving dev time & avoiding rework.
  • Managed a small design team, established QA checkpoints pre-handoff, and mentored juniors to raise baseline project quality.
  • Regularly pulled into investor pitch decks, government client presentations, and animated explainers when timelines were tight.
Assistant Art Director & Senior Graphic Designer
Playtech Bingames Ltd. • Cebu City
Nov 2004 – Nov 2010
  • Designed full UI flows for casino & poker clients: login screens, dashboards, win animations, and interactive pop-ups.
  • Leveraged quarterly A/B test insights to implement cleaner UI patterns and improve user feedback loops.
  • Trained in Estonia on art direction & animation workflows; later flew to Bulgaria to run knowledge transfer during office closure.

* Additional roles at Cebu Web Discovery, Smooth Dezigns, Korean English Educational, 9onwards, Neoground, and ongoing freelance consulting (2000–Present) available upon request.

Selected Work

Inline results. Full case studies available on Behance or as PDFs upon request.

→ 40% faster dev handoff

Fly.trade Decentralized Exchange

Challenge: Fragmented screens shipped directly to code.
Action: Built first Figma design system, documented components, established QA handoff.
Result: Reduced UI inconsistencies, accelerated shipping velocity, zero critical post-launch layout bugs.

View Case Study →
→ Unified 4 tracks into 1 dashboard

Learning Port Multi-Track Dashboard

Challenge: Disconnected preschool, STEM, and language products.
Action: Architected shared component system, responsive web & app layouts, developer QA.
Result: Shipped MVP through 3 scope pivots, improved cross-product navigation by 35%.

View Case Study →
→ A/B tested patterns

B2B Casino & Poker Interfaces

Challenge: Strict brand templates vs. high-profile client custom requests.
Action: Quarterly post-mortem analysis, cleaner UI patterns, improved feedback loops.
Result: Higher engagement, standardized animation workflows, acted as design lead during transitions.

View Case Study →
→ High-urgency delivery

Campaign Motion & Visual Identity

Challenge: Tight deadlines for investor decks, NFT drops, and marketing campaigns.
Action: Rapid prototyping, mascot illustrations, animated explainers, brand consistency.
Result: Consistent visual language across fast-moving campaigns, maintained system integrity.

View Case Study →

Core Skills & Tools

Design & UX

  • UI/UX & Product Design
  • Design Systems & Component Libraries
  • Wireframing & Interactive Prototyping
  • Responsive Layouts & Accessibility
  • Developer Handoff & QA
  • Motion Graphics & 2D Animation

Process & Leadership

  • Cross-Functional Collaboration
  • Team Mentoring & Workflow Optimization
  • Scope Management & Pivot Navigation
  • Investor & Stakeholder Presentations
  • Team Assembly & Project Scaling

Tools & Tech

  • Figma (Advanced)
  • Photoshop, Illustrator
  • After Effects, Animate
  • HTML / CSS (Working Knowledge)

What Collaborators Say

"Ryan didn't just design screens—he fixed our entire handoff process. We shipped 3x faster after his system was in place."

— Engineering Lead, Fintech Startup

"He navigates ambiguity better than anyone I've worked with. Scope changes? Pivots? He just builds the bridge and keeps shipping."

— Product Manager, EdTech Platform

"When our mobile pay-table broke, Ryan opened the CSS, diagnosed it, and fixed it himself. Saved us weeks of dev rework."

— Frontend Developer, Learning Port

Let's Build Something That Ships

I'm available for product design consulting, UI/UX leadership, and cross-functional design systems work. Need broader capacity? My trusted team can scale with your project—remote-friendly, timezone-flexible, and ready to integrate.

📧 ryanin@yahoo.com 📱 (+63) 967 048 4234 💼 LinkedIn 🎨 Behance Portfolio