Location Philippines
Filed Under 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 / 04 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 / 04 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 / 04 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 / 04 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
Chapter 02 · Practice

A studio of one,
by intention.

I'm Jeffrey — a UX/UI Engineer who believes the best interfaces are the ones you stop noticing. For nearly a decade I've worked with founders, product teams and agencies to translate ambiguous problems into clear, usable, beautifully built digital products.

My practice sits between two disciplines that are too often kept apart. I think like a designer — about hierarchy, rhythm, intent, edge cases. I build like an engineer — semantic markup, scalable SCSS architectures, accessible components, and a respect for the medium.

The handoff doesn't exist when one person owns both ends. That's the whole proposition.

Currently working with clients across the United States, European Union, Australia and Southeast Asia. Open to selected long-form engagements from Q3 onward.

— Jeffrey Philippines
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 UX Strategy Discovery, user flows, wireframing, information architecture and the careful art of saying no to features that don't earn their place. FIGMA · MIRO · WHIMSICAL
02 UI & Visual Design Editorial, considered interface design with a typographic backbone. Marketing sites, web apps, product surfaces. FIGMA · ADOBE CC
03 Design Systems Token architectures, component libraries, contribution models, and design–engineering parity that survives team growth. FIGMA TOKENS · STORYBOOK
04 Front-end Engineering Semantic, performant, accessible front-end. Modern stacks, but also the rare ability to make legacy stacks behave themselves. HTML · SCSS · JS · GSAP
05 Responsive Implementation Fluid type, container queries, considered breakpoints, and interfaces that earn the same trust on a 360px screen as a 24″ display. CSS GRID · FLEX · CONTAINER Q
06 User Flows From onboarding to checkout to dashboards — mapping the path a user actually takes, not the one we wish they would. FIGJAM · LUCIDCHART
07 WordPress & Elementor Custom themes, block development and editorial workflows that make non-technical teams genuinely productive. WP · ACF · ELEMENTOR · PHP
08 Motion & Interaction Restrained, intentional motion. Scroll choreography, page transitions, and micro-interactions that earn their CPU. GSAP · ALPINE · LENIS

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 05 · Featured Case

FortisHealth — a quieter way to see a doctor.

Client
FortisHealth Inc.
Role
Lead Designer · Front-end
Year
2025
Stack
Next.js · Tailwind · Figma

The Problem

Filipino families abroad were forced to coordinate medical care for their parents back home through a tangle of Facebook Messenger threads, phone calls, and second-hand promises. The existing telemedicine apps were built for clinicians, not for the adult child trying to book a consultation from Dubai at 2am.

The Approach

We rebuilt the platform around a single user: the worried adult child. One question at a time. Specialty, language, location, time. Calm typography, generous spacing, no marketing-speak — the design was the assurance. I led discovery, designed the system in Figma, then implemented the entire customer-facing front-end in Next.js with a token-driven Tailwind setup.

The Result

Booking time fell from a 14-minute average to under 90 seconds. The product cleared a 96% Lighthouse accessibility score on every shipped page. More importantly, the team now has a design system they can extend without asking permission — which is what design systems are actually for.

12×
Faster booking flow vs legacy product
96/100
Lighthouse accessibility, every page
42k
Consultations booked in first quarter
1.
Design system, shipped & documented
Chapter 06 · Recognition

In other people's words.

Jeffrey delivers as promised, every time. He thinks at the level of a senior product designer and ships at the level of a senior engineer — that combination is genuinely rare.
Polina M. · Founder, agency partner — AU
Excellent, quick, and detail-driven. Even after delivery he stayed engaged through small revisions without us asking. We've put him on every WordPress build since.
Richard M. · Studio Director — UK
The kind of contractor who pushes back when he should and agrees when he should. Our design system tripled in coverage the quarter Jeffrey joined.
David M. · Head of Product — US
Selected partners
LeadsHook
Kiosk
WORK[etc]
Polinet
Internet Genius
Sergata
DuboseWeb
AOG Design
+ 24 more