Education · Information design · Web development

Complex information, made useful.

I design and build responsive websites, learning platforms, and structured resources for schools and teams—combining content thinking with hands-on implementation.

View selected work Start a conversation

School websitesLearning platformsDigital documentation

Based in the Philippines · Available for selected remote and project-based work

PhilippinesDesign · Build · Support

Selected work

Built around real needs.

Two live systems that bring public information, learning workflows, and day-to-day tools into clearer digital spaces.

01 · Public school platform

Live

Tabunoc National High School Website

A mobile-friendly public home for school services, resources, updates, and safety information.

The need

Give families, learners, and staff one clear place for public information that works well on any screen.

My contribution

Information architecture, interface design, full-stack development, content integration, and ongoing support.

Delivered

Enrollment and public-service information
Personnel, memos, calendar, and FAQs
Interactive evacuation guidance
Admin-managed content and installable PWA

Next.js · TypeScript · Supabase · Vercel

Visit live site

02 · Role-based learning platform

Live · Active development

EIM NC II Learning Hub

A structured learning and assessment environment for Electrical Installation and Maintenance NC II.

The need

Bring lessons, assessments, submissions, feedback, and progress tracking into one organized workflow.

My contribution

Product design, learning-system architecture, full-stack development, testing, deployment, and iteration.

Current capabilities

Learner and teacher portals
Lessons, exams, and question bank
Submissions, grades, and progress views
Gradebook and reporting workflows

Next.js · TypeScript · Supabase · Playwright

Visit live platform

Services

From scattered ideas to working outputs.

Web platforms

Responsive websites and portals with clear navigation, structured content, and maintainable workflows.

Learning systems

Lesson interfaces, assessments, learner workflows, gradebooks, and supporting learning resources.

Content & documentation

Presentations, modules, process guides, and information that is organized for real use.

AI-assisted workflows

Human-reviewed research, content, and knowledge workflows with quality checks built in.

About

Where education, information, and technology meet.

I am most useful when a project has a lot of content, multiple audiences, or a process that needs to become easier to understand and use.

I can move from organizing requirements to shaping the interface, building the system, and documenting how it works. Modern tools and AI support the process; final decisions and quality stay human-reviewed.

Understand

Clarify the audience, the real task, and the constraints.

Structure

Turn scattered information into a useful content and workflow map.

Build

Create the interface, system, or resource with practical tools.

Refine

Test, review, document, and improve what matters in real use.

Capabilities & tools

Web & systems

Next.js · React · TypeScript · Tailwind CSS · Supabase

Deploy & test

GitHub · Cloudflare · Vercel · Testing and QA workflows

Design & publishing

Adobe Photoshop · Illustrator · InDesign · Acrobat DC · Canva

Content & workflow

PowerPoint · Microsoft 365 · Google Workspace · Obsidian · Human-reviewed AI tools

Get in touch

Have something that needs to become clearer, more useful, or easier to manage?

Send a short note about the audience, the problem, and what you want to make. I will reply with the most practical next step.

Send an email LinkedIn GitHub