Adrian Angelo
Abelarde
Manila-based engineer crafting friendly, high-impact digital experiences. Selected work below.
Where I've worked
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
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 PaperMessage first.
Then pixels.
Then proof.
Most sites lose in the brief, not the build. I lock the message before a single component is drawn.
- 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
Vercel React rules · Next.js best practices · Tailwind v4 CSS-first · Emil Kowalski motion · Sanity content modeling · SEO / AEO
- 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
*** BRING THE MESSAGE ***
I'll carry it without friction.
Start a buildTargets are the standards I work to. Live figures come from your build's own analytics.




