Design + Code
Interfaces designed with hierarchy and restraint, then built pixel-faithfully in clean HTML, CSS, and JavaScript.
Hi, I'm
Web Developer & Designer
I design and build clean, functional websites and digital experiences, from front-end interfaces and brand graphics to automated sales funnels and data-driven systems.
Bacolod City, Philippines
About
I'm John Angelo Vasquez, a web developer and designer based in Bacolod City, Philippines. I hold a Bachelor of Science in Information Systems and an Associate in Computer Technology, and I work across the full surface of a digital product: interface design, front-end development, automation, and data.
I help businesses and clients turn ideas into working systems: marketing-ready websites, branded graphics, automated lead funnels, and clean data workflows. My approach is simple: understand the goal, design with intent, build with precision, and measure what matters.
Interfaces designed with hierarchy and restraint, then built pixel-faithfully in clean HTML, CSS, and JavaScript.
Sales funnels, pipelines, and email workflows in GoHighLevel that turn manual follow-up into systems that run themselves.
A data analyst's discipline: structured spreadsheets, careful encoding, and reporting you can trust.
Ideas explained plainly, progress reported honestly, and collaboration without friction.
Skills
Projects
Real projects from my GitHub: systems I've designed, built, and shipped.
Web Application · Capstone
Full project-tracking platform for construction firms: project creation with auto-generated units, progress tracking across phases, materials logging, and daily reporting, with role-based access for admins and constructors.
Web Application · Internship Build
Developed during my internship at the Philippine Ports Authority, a QR-code-based attendance system that replaced manual encoding with fast, accurate digital check-ins and reporting.
Automation · Sales Funnel
End-to-end lead funnel in GoHighLevel: styled intake form, three-stage pipeline, email verification branching, a four-email booking drip with booked-checks, appointment confirmation and reminders, plus cancellation handling.
Graphic Design
Social media ad designs for Velstand Furniture: product highlights, feature callouts, and promotional layouts for their tables, chairs, and office furniture lines.
Design Work
Graphic Design
One vertical infographic designed for LET Mastery, an early access review platform for future licensed teachers, shown here in its two parts. Left: the problem and the platform, why LET review feels overwhelming and the features built to fix it. Right: how it works, who early access is for, the three steps to join, and answers to common questions. Click either side to view it full size.
Experience
Church Multimedia Team · Bacolod Grace Gospel Church of Christ
Lead designer for motion graphics and visual content. Handles livestream production for services and events, and creates designs using Canva and other creative apps.
LET Mastery · Independent Project
Designed and built a complete lead intake and booking funnel: landing-page form, three-stage pipeline, verification branching, booking drip campaigns, and appointment automation.
Velstand Furniture
Led graphics design for a furniture company: promotional creatives, product visuals, and chat support for customer inquiries.
Philippine Ports Authority
Encoded statistics information in Excel, assisted the technical team during events, and led development of a QR-code Attendance Monitoring System.
National Labor Relations Commission
Performed case-number information encoding in Excel and assisted clients during hearings.
Ownly Corporation
Managed data information for a finance company using Microsoft Excel, with a focus on accuracy and clean reporting.
GitHub
Contact
Open to web development, design, and automation work. My inbox is always open.