Home

A DESIGN ENGINEER WITH A PROBLEM SOLVING MINDSET

Creativity Meets Logic

I learned design and engineering by blending curiosity with necessity. My journey started with front-end development, but I quickly realized that writing clean code wasn’t enough—I wanted to understand how people felt when using a product. That curiosity pushed me deep into UX/UI design, interaction principles, usability testing, and system thinking. Over time, I trained myself to look at products not just as a developer, but as a designer who cares about clarity, flow, and intention. Every project became an opportunity to refine my process, learn new tools, and understand how small design choices can make a big difference in how users experience technology.

I chose this path because I genuinely love solving problems that matter. Design engineering lets me blend creativity with logic—two things that motivate me every day. I enjoy turning complex challenges into simple, intuitive solutions that feel natural to users. Whether it’s refining an interface, improving an interaction, or building a scalable component system, I find purpose in creating work that’s both beautiful and functional. At the heart of it, I do this because I want to build products that help people, and learning design engineering gave me the tools to make that impact real.

WORKING TOOLS

My Design and Development Weapons

My workflow is strengthened by solid version control and automation practices. I use Git for collaborative development, and implement CI/CD pipelines to ensure smooth, consistent, and reliable deployments from development to production. I manage projects using Jira and Trello, keeping teams aligned and timelines clear. I also work with AWS for deployment, cloud services, and performance optimization. These tools allow me to operate seamlessly across design, front-end engineering, and DevOps workflows—bringing ideas to life with clarity, precision, and efficiency.

I work with a full stack of modern tools that support both design and development. On the engineering side, I build responsive, accessible interfaces using HTML, CSS, JavaScript, and React.js, and extend functionality with Node.js when needed. For design, I rely on Figma and Adobe Creative Cloud to create clean, intuitive user experiences, prototypes, and visual assets.

HTML

User Interface

CSS

User Interface

JavaScript

Interaction

React JS

Framework

Node JS

Framework

Adobe Products

Design Tool

Figma

Design Tool

GIT

Collaboration tool

JIRA

Product Management

TRELLO

Product Management

AWS

Server Management Tool

PREPUP

Featured Mobile Application | Team Collaboration

PrepUp design followed the creative process of conceptualizing and crafting the visual and interactive elements of the mobile application. It involves user experience (UX) research, wireframes, usability testing, UI moodboard, protoyping, and user interface (UI) including layout design, color schemes, typography considerations to create aesthetically pleasing and user-friendly digital interfaces that effectively convey information and engage visitors.

UX/UI Design Process

Our UX/UI design approach follows an Agile, iterative version of the Design Thinking framework. This ensures every feature is shaped by real user needs, validated through rapid testing, and continuously improved throughout development.

Design Systems

PrepUp’s design system establishes a consistent, friendly, and confidence-driven experience across all platforms. It blends modern typography, energetic colors, and simple UI patterns to help job seekers feel supported throughout their interview journey.

My Contribution

In this project, I take on a hybrid role as both Product Manager and UX/UI Designer, leading the product vision while designing the end-to-end user experience

Promotional Landing Page

By combining React’s flexibility with PrepUp’s design system, I delivered a landing page that loads quickly, adapts seamlessly across devices, and effectively communicates the product’s purpose — helping users practice smarter, build confidence, and prepare for real interviews.

PROFESSIONAL &
VOLUNTEER AFFILIATIONS

My work and volunteer experience

Through my professional and volunteer affiliations, I’ve gained meaningful experience that has shaped both my technical abilities and leadership approach. Working in professional environments strengthened my discipline in project execution, collaboration, and delivering quality work under real constraints. Meanwhile, volunteering exposed me to diverse communities and allowed me to apply my skills with purpose—whether designing digital tools, supporting cultural initiatives, or helping teams navigate technology. These experiences taught me the value of empathy, communication, and adaptability, and they reinforced the mindset that good design and engineering serve people first. Together, they shaped my growth into a more thoughtful, community-driven, and impact-focused professional.

Content & UX/UI Specialist

As a Content & UX/UI Specialist at Alliance Philippines, I supported the organization by creating clear, engaging, and culturally relevant digital content while designing intuitive user experiences for the community platforms.

Dev, Design & Digital Media Tech Specialist

As a Dev, Design & Digital Media Tech Specialist, I bridge the gap between design, technology, and storytelling to create interactive and visually compelling digital experiences.

Post-Graduate Diploma

I completed my Post-Degree Diploma in Web and Mobile Design & Development at Langara College, where I strengthened both my technical foundation and design capabilities.

Frontend Developer (Full-stack)

As a Frontend Developer at ABS-CBN Corporation, I contributed to building and maintaining high-traffic digital platforms for one of the largest media networks in the Philippines.