PROVEN WORK
04Published Builds
Commercial websites and client-facing systems that exist beyond this portfolio.
LIVE DRAFT / Independent web studio by Jayzee
Never static. Always evolving.
Hi, I’m Jayzee Lance Artillagas — a web developer based in the Philippines with 1.5+ years of full-stack web development experience and recent professional experience as a front-end developer.
I materialize approved designs as responsive production websites using HTML, CSS, and JavaScript, including the interactions and animations that bring each interface to life.
Flat, lifeless handoffs Polished interactions and purposeful motion. Built to work clearly and feel memorable.
● Python & Django
✦ Semantic Frontend
◆ 1.5+ Years Building for the Web
📍 Manila, PH (GMT+8)
About Jayzee
Dear visitor & fellow builder,
Across 1.5+ years of building full-stack web projects, I have worked from interface behavior and responsive layouts through Python, Django, APIs, databases, and deployment. My strongest professional focus is the frontend: turning an approved visual direction into a production experience that feels intentional on every screen.
My most recent professional chapter was with Rinaldi Management, LTD., where I worked remotely as a Front-End Web Developer from January through July 2026. It was a bittersweet chapter to close, but one that strengthened how I collaborate, interpret design intent, and deliver polished client-facing work.
Live Draft is my independent web practice — part production studio, part workshop, and a public record of work that keeps getting better.
— Jayzee Lance Artillagas
Current Focus / Now
Updated Aug 2026
Currently Engineering
High-performance Django REST APIs and modular client architectures.
Currently Reading & Exploring
Database query indexing patterns, PostgreSQL query optimization, and modern CSS layout engines.
Availability
Open to front-end roles, full-stack web opportunities, and thoughtful freelance collaborations.
A portfolio with a memory.
Finished client work stays easy to verify. Experiments remain visible as evidence of curiosity. Every meaningful improvement becomes part of the record.
PLAYGROUND
03Working Drafts
Small interactive systems where motion, code, and visual ideas are tested in public.
CHANGE RECORD
26.2Release Notes
The visible history of this website as its content, performance, and interaction design mature.
- Identity + motion patchLive Draft and its efficient signature motion system.
- Proof-first workLive project imagery moved upfront.
- Quality passSelf-hosted type, accessibility, and smoother motion.
RESERVED SPACE
∞Next Draft
The next role, collaboration, or independently built product gets a permanent place in the evolving archive.
Start the next entry ↗
LIVE DRAFT PRINCIPLE / 001
Publish the proof. Preserve the process. Improve what remains.
Professional & Commercial Work
Real products and client-facing systems I helped bring into the world. See the live work upfront, then open an entry for my exact role, implementation decisions, and outcomes.
WEB DEVELOPMENT1.5+ Years · Full-Stack Foundation
RECENT EMPLOYERRinaldi Management, LTD.
RECENT ROLEFront-End Web Developer
PERIODJan. 2026 — July 2026
RÉSUMÉ / PDF Want the concise version of my experience, skills, and training?
Download Résumé ↓
[01]
GreenCab
Live
Firebase
Transportation
Read Case Study
LIVE WEBSITE / GREEN CABOpen the production site ↗
The Objective
Create a responsive transportation website where customers can understand service coverage, explore ride options, book transportation, and reach support without friction.
My Role · Frontend Developer
Materialized the supplied designs as a responsive production interface, built the requested interactions and animations, and connected the frontend experience to its Firebase-powered customer flows.
Architecture & Implementation
Built the customer-facing experience and connected Firebase-powered booking, inquiries, live chat, editable content, and operational tools for the service team.
The Outcome
Delivered an existing commercial service platform that connects customer acquisition, booking, and day-to-day transportation operations in one responsive system.
[02]
Alamo Apartments
Live
JavaScript
Firebase
Read Case Study
LIVE WEBSITE / ALAMO APARTMENTSOpen the production site ↗
The Objective
Present Alamo’s studio properties clearly and turn prospective-tenant interest into qualified leasing inquiries.
My Role · Frontend Developer
Translated the approved property designs into the live responsive website, implementing its layouts, interactive unit presentation, image experiences, transitions, and inquiry-facing interface.
Architecture & Implementation
Developed a responsive JavaScript experience for units, locations, amenities, before-and-after photography, availability, and applications, with Firebase supporting editable content and submissions.
The Outcome
Shipped a live commercial leasing site that makes the property offering easier to explore across desktop and mobile while giving the business a direct inquiry path.
[03]
CPHS
Archived
Firebase
Real Estate
Read Case Study
ARCHIVE / 03CPHSAFFORDABLE HOUSING · DEVELOPMENT · COMMUNITY
The Objective
Communicate an affordable-housing developer’s projects, progress, partnerships, and community impact in an accessible public website.
My Role · Frontend Developer
Turned the provided visual direction into responsive project, timeline, partnership, FAQ, registration, and referral interfaces, including the intended interaction and animation details.
Architecture & Implementation
Structured project timelines, development statistics, partnerships, and FAQs, then connected registration and referral interfaces through Firebase.
The Outcome
Produced a clear information and lead-generation platform for housing projects. The original deployment is now archived.
ARCHIVED PROJECT · CASE STUDY AVAILABLE
[04]
NEMT Solutions
Archived
Responsive Web
Transportation
Read Case Study
ARCHIVE / 04NEMT
SOLUTIONSTRANSPORTATION · COMPLIANCE · OPERATIONS
SOLUTIONSTRANSPORTATION · COMPLIANCE · OPERATIONS
The Objective
Build a credible marketing and inquiry experience for non-emergency medical transportation providers and their prospective partners.
My Role · Frontend Developer
Materialized the supplied marketing designs into a responsive website and implemented the requested interactions, animations, service presentation, inquiry, registration, and referral-code experiences.
Architecture & Implementation
Created responsive service pages covering fleet options, scheduling capabilities, compliance support, partnerships, inquiries, registration, and referral-code features.
The Outcome
Delivered a focused commercial website that translated a complex operational service into clear customer and partner pathways. The original deployment is now archived.
ARCHIVED PROJECT · CASE STUDY AVAILABLE
The Perspective Stage
An isometric 3D perspective landscape inspired by the world-building of Yamauchi No.10. Drag or scroll to travel along the isometric track; click any 3D monolith to launch it into the air!
● ISOMETRIC 3D PERSPECTIVE PROJECTION (30° ANGLE)
DRAG / SCROLL TO PAN CAMERA · CLICK 3D VOXELS TO LAUNCH
PLAYGROUND 02 / ANALOG INTERNET
Peel, move, make a mess.
DRAG THESE AROUND
leave your mark ↘
100%
ORGANIC CODE
ORGANIC CODE
BUILT WITH
ZERO BLOAT
ZERO BLOAT
DJANGO
POWERED
POWERED
MADE IN PH 🇵🇭
CERTIFIED
FRESH ✦
FRESH ✦
SHIP
THE THING!
THE THING!
◆
PIXEL
PERFECT?
PIXEL
PERFECT?
HUMAN
MADE ☺
MADE ☺
Tools & Engineering Discipline
No arbitrary percentages or vanity bars — just the authentic tools and technologies I use daily to architect reliable systems.
Daily Drivers
Core Stack
HTML5 & CSS3
Responsive UI & Animation
JavaScript (ES6+)
Interactive Frontend Logic
Firebase
Content, Forms & Live Data
Python
Programming & Backend Foundation
Django & DRF
Backend & REST API Development
PostgreSQL & SQLite
SQL & Database Management
Tooling & Ops
Architecture & Workflow
Git & GitHub
Version Control
RESTful Architecture
API Contracts
Linux / Bash CLI
Server Environment
Docker
Containerization
Accessibility & Frontend QASemantic, Responsive Testing
Active Growth
Explorations
React & Next.js
UI State Systems
TypeScript
Static Typing
Vue.js
Component-Based UI
Computer Engineering
Systems Foundations
NetworkingConfiguration & Fundamentals
CybersecuritySecurity Foundations
Hardware TroubleshootingDiagnostics & Maintenance
Software InstallationSystem Setup & Support
AutoCADTechnical Design Fundamentals
CERTIFICATIONS / TRAINING
Introduction to Cybersecurity
Networking Basics
Web Development Tools
UI/UX in Focus
Integrating Design & Functionality
AutoCAD · Celestial Designs
Writing & Reflections
Observations on web development, backend architectural patterns, and the discipline of clean code.
AI as a Pair Programmer: Augmenting Architecture Without Losing Fundamentals
How leveraging AI as a thought partner enhances system design, rapid test coverage, and code refactoring while preserving developer agency.
Read Note →Why Vanilla CSS Still Matters in a Framework-Heavy Landscape
In an era dominated by heavy utility wrappers, deep mastery of native CSS properties and layout engines remains the ultimate superpower.
Read Note →Designing Resilient APIs with Django REST Framework
Practical patterns for query optimization, select_related indexing, and serialization hygiene in production Django deployments.
Read Note →Let’s Discuss a Project
Whether you have an upcoming project, a role to fill, or simply want to exchange ideas, my inbox is open.
AIR MAIL
MANILA, PH
MANILA, PH
✓ Message Received
Thank you for writing. I will reply to your email within 24–48 hours.
Electronic Mail
Current Base
Manila, Philippines 🇵🇭
14°35' N, 120°58' E · UTC+08:00