Location Philippines
Specialty UX/UI Engineer
Local Time -- : -- : -- · GMT+0

Creating expressive digital experiences with thoughtful UX and precise front-end execution.

A Philippines-based UX/UI Engineer helping founders, agencies and product teams turn complex ideas into credible, accessible digital products that are designed with care and built to last.

View selected work Start a project
Scroll · Selected work follows
Chapter 01 · Selected Work

A small body of considered work.

Selected UX/UI design, website, design system, and front-end development projects created for brands, clients, and product teams.

↳ 001 Atilla Botanicals Editorial e-commerce platform for a Filipino slow-luxury skincare house — custom Shopify theme, product storytelling, made-to-feel journal layouts. Lead Designer · Front-end2025 — Shopify, GSAP, Liquid ↳ 002 FortisHealth Patient experience platform connecting overseas Filipinos to local clinicians. Booking flow, design system, and accessible front-end built in Next.js. Product Designer · Front-end2025 — Next.js, Tailwind, Figma ↳ 003 Dickens Consulting Boutique consulting firm rebrand and WordPress build. Editorial layouts, custom Elementor blocks, and a publishing workflow the team actually enjoys. Designer · WordPress Engineer2024 — WordPress, Elementor, SCSS ↳ 004 Sergata Software Marketing site and customer dashboard for a B2B logistics platform. Design system, dark/light theming, and a component library shared across products. Design Systems · Front-end2024 — React, Storybook, Alpine

A designer who can build, a developer who can see. I bridge strategy, craft and code — so what gets shipped is what was actually designed.

I spent the early years of my career in the gap between design and engineering — translating the work, defending the details, and quietly learning to do both. Today I work end-to-end on digital products: from research and IA, through interface design and prototyping, to production-grade front-end implementation.

My approach is editorial — every screen has a hierarchy, every interaction has a reason, every component has its place in a system. I care about typography, motion, performance and accessibility in equal measure. Beautiful work that doesn't ship isn't beautiful for very long.

I work with teams that take craft seriously. Studios, founders, and product leaders who believe — like I do — that the small things compound. That a careful interaction, a considered transition, a well-named token, can change how a product feels.

Currently leading a UX/UI redesign of web and mobile platforms for an international hospitality and culinary education network.

Chapter 03 · Capabilities

What I do, specifically.

I cover the territory between strategy and ship. Everything below is something I've practiced on real, in-production work.

01 Product UI/UX Designing product experiences from structure to interface — including user flows, wireframes, page logic, and polished UI decisions. UXUIWIREFRAMESFIGMA
02 Website Design Designing modern marketing websites with strong layout, typography, visual hierarchy, and a clear direction that supports the brand. WEB DESIGNUIVISUAL SYSTEMS
03 Front-end Development Building responsive, production-ready interfaces using clean HTML, styling, JavaScript, and modern front-end frameworks. HTMLSCSSALPINEJSREACT
04 Mobile Design Creating mobile-first screens, flows, and interface patterns that feel focused, simple, and easy to use on smaller devices. MOBILE UIFLOWSPROTOTYPES
05 Landing Pages Creating focused pages for campaigns, services, products, and lead generation with clear messaging, strong sections, and conversion-ready CTAs. FUNNELSFORMSCTAS
06 CMS Builds Creating flexible, editable website experiences using platforms like WordPress, Webflow, and Framer for practical client handoff. WORDPRESSWEBFLOWFRAMER

A simple way of working.

$06 · Engagement Model
Process · 5 Acts
↳ 01 · Discover

Discover

Research, audits, stakeholder interviews, and a clear shared picture of what we're solving for.

↳ 02 · Define

Define

Information architecture, flows, scope, and the principles that will keep decisions honest later.

↳ 03 · Design

Design

Systems-first interfaces, considered prototypes, and motion that explains rather than decorates.

↳ 04 · Develop

Develop

Production-grade front-end implementation. Accessible, performant, and faithful to the design.

↳ 05 · Deliver

Deliver

QA, documentation, handoff, and an iteration plan — because launch is the start, not the end.

Chapter 06 · Recognition

In other people's words.

Jeffrey did a great job! He's done other projects for me and he always delivers as promised. I highly recommend him.
David Moore drivendigital.us
Excellent and highly skilled freelancer who is brilliant to work with. Highly recommend and have worked with him on multiple projects.
Sheree Marris shereemarris.com.au
One of the best front end coders on upwork. A reference given by a very good coder, so take my word for it.
Moshe Dubman Sergata
We hired Jeffrey to help us set an LMS and membership system for our website. He was in charge of set-up Memberpress and LearnDash for our Wordpress site, create the user login, integrate payments with PayPal and Stripe, create course pages, do some customization which these plugins do not offer. We were so satisfied with his services that we also decided to give Jeffrey the task of changing our host provider and theme for the website. Everything went smoothly and according to specifications and timings. Jeffrey has good communication skills as well, is very flexible and offers good advice as well. We highly recommend him and will hire him in the future if we need further website development.
Claudia Ritter Careerinconsulting
Working with Jeffrey, as always, was a wonderful experience. He is very responsive, his work is great quality, he goes above and beyond to ensure job success, and his pricing is very fair.
Nicole Smith officiallyyours.com.au
Jeffrey is an outstanding contractor. Was able to assist with all modifications outside of original scope and demonstrated thorough wordpress and responsive design knowledge. I will be using him again for my future wordpress projects
Polina polinet.com.au
Jeffrey is one of the best freelancers I have ever worked with. He has great communication skills, generates work that is of the highest quality and is cost effective. I highly recommend him.
Mark Hamilton Netshift