Portfolio design direction: precise, colorful, evidence-led, and human.Skip to content

FromEsports Designer,To Full‑Stack Developer

I build useful systems at the intersection of software, data, design and AI.

Esports

For 5 years I designed for esports: tournament graphics, team and caster branding, and broadcast assets for Tencent Games, ONIC, TNC and the MPL, seen by audiences in the hundreds of thousands.

See the design side on Behance
In front of the MPL Philippines stage backdrop, holding a staff badge
Playoffs social graphic open in Photoshop on a laptop
MPL Philippines team on stage with the trophy before the playoffs
MPL Philippines Season 15 badge held up in the arena
PKL media badge held in front of the match stage

Curious

Somewhere between deadlines I got curious about how the things I was designing for actually worked. So I started building them.

Desk with After Effects open on a GBuddy animation and the design on a second monitor
Laptop open on a Discord bot during a crowded hackathon
Presenting a Discord bot build on stage, with the pipeline on the screen behind

Now

Today I’m a software engineer intern at ED3N, building agentic workflows, and shipping SAM and ReadiLY with the same eye I used on broadcast.

The work changed.The standard didn’t.

Awards & Recognitions

Caryl and a teammate on stage holding the StartupQC bronze awardee check for fifteen thousand pesos

2026

Bronze Award for ReadiLY at StartupQC.

Projects

  1. SAM landing page hero: Your Google Meet class, accounted for, with a Meet preview and live sidebar

    Landing

    FEATURED / 01

    SAM

    Student Activity Monitor. Teachers get a live roster and an after-class report for Google Meet in Chrome. Students join through a consent-first extension that records tab focus and site domains only — no page text, and no grading.

    I built it, and I still run it.

    • Chrome extension
    • React
    • Express
    • Socket.io
  2. DiaBeatThis logo: two hands around a droplet, with the wordmark Manage Diabetes with Dia Beat This

    Logo

    FEATURED / 02

    DiaBeatThis

    UI and UX for a GenAI companion that ties a smartwatch, glucometer, calendar, and meal log together. Built for the GenAI Philippines Agentic AI Hackathon.

    First runner-up.

    • UI/UX
    • GenAI
  3. GDG PUP Nexus landing page hero: Bridging the gap between theory and practice

    Landing

    FEATURED / 03

    GDG PUP Nexus

    UI and UX for the campus Google Developer Groups site. I designed the Member Showcase and a set of reusable Figma components.

    Feb 2026 – May 2026.

    • Figma
    • UI/UX

Stack

Languages
  • JavaScript
  • TypeScript
  • PHP
  • Python
  • Java
  • C
Frontend
  • HTML
  • CSS
  • Tailwind CSS
  • React
  • Next.js
Backend & data
  • Laravel
  • MySQL
  • PostgreSQL
  • Neon
Developer tools
  • Git
  • GitHub
  • VS Code
Design
  • Figma
  • Wireframing
  • Prototyping
AI coding tools
  • Cursor
  • Claude Code
  • Codex

Experience

Work

  1. ED3N Ventures

    Software Engineer InternJul 2026 – Sept 2026

    Voluntary. Building and deploying agentic AI workflows with Claude for internal engineering operations.

  2. FlyRank AI

    Backend AI Engineer InternJun 2026 – Sept 2026

    Helping brands grow organically across traditional search and emerging AI search engines.

Community & leadership

  1. Seekers Guild

    Volunteers LeadPresent

    Student-led community connecting curious students, especially from the provinces, to opportunities. Charter opens 2026; preparing to host Founders Live Manila.

  2. Arduino Day Philippines

    Creatives Head2025

    The country's yearly celebration of open-source hardware, makers, and tinkerers.

  3. IBITS - Institute of Bachelors in Information Technology Studies

    Linkages & Internal Affairs HeadPresent

    Institute of Bachelors in Information Technology Studies, the BSIT student organization at PUP.

Let's build something.

Open to a role, or a project with a real brief.