01Full-stack & AI Engineer

Adrian Angelo
Abelarde

Manila-based engineer crafting friendly, high-impact digital experiences. Selected work below.

02Experience

Where I've worked

Keev
Full-Stack DeveloperJul - Sep 2024
Full-Stack / UX / MotionFeb - May 2024
Full-Stack / UX / MotionSep 2023 - Jan 2024
Focus Global Inc.
Software Engineer Intern (College)May - Aug 2023
Web Developer LeadAug 2023 - Present
03Recognition

Awards

1st Place - Diliman Solutions Challenge

UP Diliman / Google DSC · 2023

1st Place - Enhack Hackathon

Enstack / Matrix Co. · 2023

1st Place - DICT Startup Challenge

DICT Region 4A · 2023

Magna Cum Laude

Pamantasan ng Lungsod ng Maynila · 2024

04Published

Research

Optimizing Faculty Workload via Distributed Genetic Algorithms

Proposed a Differential Evolution Genetic Algorithm with chaotic mapping and asynchronous communication to optimize complex scheduling problems.

View Paper
How I build

Message first.
Then pixels.
Then proof.

Most sites lose in the brief, not the build. I lock the message before a single component is drawn.

Order #001Next.js / Tailwind v4 / Sanity
  • 01

    Positioning, before pixels

    One headline direction, signed off before design

  • 02

    Content as data, not pages

    A schema your team edits without touching code

  • 03

    Tokens, CSS-first

    A themeable system, not a one-off theme

  • 04

    Components on the right boundaries

    ≤ 1 day to stand up a new page from the library

  • 05

    Motion with a decision framework

    Motion that reads expensive, not decorative

  • 06

    Performance as a number

    Green Core Web Vitals at 375 / 768 / 1280 / 1920

  • 07

    Built to rank and to be cited

    Schema validated · OG images · answer-ready copy

  • 08

    Ship, then measure

    Lane-level conversion that decides what to build next

Held to public standards

Vercel React rules · Next.js best practices · Tailwind v4 CSS-first · Emil Kowalski motion · Sanity content modeling · SEO / AEO

Definition of done · per page
  • Passes the phone test against the best work in the category
  • Responsive and clean at 375 / 768 / 1280 / 1920
  • Reduced-motion path verified; movement gone, comprehension kept
  • Core Web Vitals green; only transform and opacity animated
  • Structured data validated; metadata and OG present
  • Events firing and verified in the dashboard
Live preview21 days
Per new page≤ 1 day
Breakpoints4 clean
Core Web VitalsGreen

*** BRING THE MESSAGE ***

I'll carry it without friction.

Start a build

Targets are the standards I work to. Live figures come from your build's own analytics.

ADRIAN ABELARDE 2026