Cebu, Philippines · UTC+8
I build responsive, SEO-ready sites from your designs, with a CMS your clients can update themselves. One studio has worked with me for 3 to 4 years, and one of my CMS templates runs 358 business pages.
“One of AJ’s biggest strengths is his ability to work quickly without sacrificing quality. He sees a problem, figures it out, and gets it done.”
- 4+years shipping Webflow & Framer
- 40+websites built and launched
- 15projects shown on this page
Selected work · 11 client and studio · 4 personal
Webflow and Framer client sites and studio templates, plus Astro + TypeScript sites I built and host myself. Hover over a project to flip through its screens.
Webflow
-
Winston Moore Design An editorial site for a luxury custom-home designer in British Columbia, built to book private consultations.
-
Arx Crates A rebrand launch for a custom wooden-crate maker with 28 years in the trade, formerly Nuline Crates.
-
Chilliwack Connect A local business directory with 358 listings in 13 categories, all driven by a single CMS template.
-
BIEN The site for a minority-owned motion design studio in Los Angeles, with 62 portfolio pages and 14 news posts from the CMS.
-
Creative Codex A searchable dictionary of 422 motion design terms for freelancers, studios and agencies, built on the Webflow CMS.
-
Golden Hour A one-page Webflow template for a photographer whose work is about light, built at KHULA Studio.
-
Leaf & Legacy A one-page Webflow template for a landscaping company on the Oregon Coast, built at KHULA Studio.
Framer
-
Allard Studio An electrolysis clinic site in Chilliwack with a CMS blog and its own typography system.
-
Carey Jones A positioning site for a consultant who builds business systems for owner-led trades and construction firms.
-
Centric Manufacturing A site for a custom steel design and fabrication shop serving dealers and contractors in Southern Alberta.
-
KW Building Design A custom-home design studio site with a portfolio, services and a guided “start a project” path.
Astro
Personal and demo builds that I built and host myself.
-
Sample Industry Sites Ten industry landing pages on one domain, each with its own brand styles, GSAP motion and SEO schema. Visit live site (opens in a new tab)
-
Cebu Marathon 2027 An event site for the AIMS-certified Cebu Marathon, with a race-day countdown, four distances and registration. Visit live site (opens in a new tab)
-
Haide & Roger Fitness A site for a gym in Talisay City, Cebu, with membership rates, class schedules, promos and a free-session sign-up. Visit live site (opens in a new tab)
-
This Portfolio This site: Astro + TypeScript, no framework runtime, with typed data-driven case studies and GSAP loaded only where it’s needed. View my GitHub (opens in a new tab)
Build anatomy · Chilliwack Connect · Webflow
- 01 Branded listing Each profile’s logo, photo and category tag come from its CMS item.
- 02 One template, 358 pages A single Webflow CMS template renders every business profile.
- 03 Contact actions The Get in Touch, Call, Email and Website buttons are mapped to CMS fields.
- 04 Location An embedded map with an “Open in Maps” link on every profile.
-
Build
Webflow and Framer for sites clients edit themselves. Astro and TypeScript when a build needs code.
- Webflow
- Framer
- Astro
- HTML/CSS
- JavaScript
- TypeScript
-
Motion
Scroll and hover animation, with a reduced-motion fallback.
- GSAP
- ScrollTrigger
-
CMS
Collections and templates clients can update without touching the layout.
- Webflow CMS
- Framer CMS
- Sanity
-
SEO & performance
Clean heading structure, structured data, alt text and fast pages.
- Technical SEO
- JSON-LD
- Accessibility
- Core Web Vitals
-
AI & automation
Claude Code with the Webflow and Framer MCPs, and n8n for workflow automation.
- Claude Code
- MCP integrations
- n8n
-
Design & tooling
Figma for handoff, GitHub for code, Cloudflare for hosting.
- Figma
- GitHub
- Cloudflare
I use it to set up pages, test layouts and automate admin. I read and test everything it produces before a client sees it.
-
From Figma to a working build
Claude Code with the Webflow and Framer MCPs sets up pages and components from the design file.
-
Automated QA
Before launch, Playwright takes screenshots and runs checks at every breakpoint, so I catch layout bugs before the client does.
-
Ops automation
n8n handles the admin around a build, like routing form leads into ClickUp and Slack and sending launch checklists.
Founders, project managers, teammates and clients.
Worked together for 3 to 4 years
“One of AJ’s biggest strengths is his ability to work quickly without sacrificing quality. He sees a problem, figures it out, and gets it done.”
Jamie WindellFounder & Creative Director, KHULA® StudioExperience
Agency, studio and in-house roles across Webflow and Framer, from Figma handoff to launch and the maintenance after.
-
Aug 2026 — Present
Framer Expert Developer
Building production Framer sites with code components and CMS-driven templates.
-
Jun 2025 — Present
Webflow & Framer Developer
Shipping client sites end to end, from Figma handoff and CMS architecture to SEO and launch QA.
-
Nov 2024 — Mar 2025
Webflow Developer & Web Designer
Designed and built B2B marketing sites in Webflow for agency clients.
-
Aug 2023 — May 2025
Webflow Developer
Built and maintained responsive Webflow sites and CMS collections.
-
Jan 2023 — Dec 2024
UI/UX Designer & Webflow Developer
Took projects from wireframes in Figma through to finished Webflow builds.
-
Education
BS Graphic and Design
How I work
- Timezone
-
Philippines · UTC+8
Full overlap with AU/NZ business hours and early-morning PH calls with the US. Happy to work async.
- Open to
-
Full-time remote · Contract · Part-time retainer
Agencies and SaaS teams hiring for Webflow or Framer.
- Tools
-
Slack · ClickUp · Loom · Figma comments
Written updates by default, with a quick call when it’s faster.
Currently open to new remote roles.
Hiring for a Webflow or Framer role? Send me the brief or the job post. I reply within one business day (PH time).
Book a call- angelicojohnny@gmail.com
- linkedin.com/in/ajr-design
- GitHub
- github.com/angelicojohn
- Resume
- Resume (PDF)
- Address
- Cebu, Philippines
Remote · UTC+8





