← Back to projects Built at Jaryah Studios

GEM Centers

A combined holiday camps page and a high school mentorship program page for a non-profit community center in Plano, Texas.

WebflowDesign SystemLanding PagesNon-profit 2026
View live site →
Role
Webflow Developer
Design
GEM Centers design system
Industry
Education / Non-profit
Pages
2
GEM Centers — project screenshot by Abdullah Shahzad

Overview

Two program pages for GEM Centers, a non-profit community center in Plano, Texas.

Pages I built

Challenge

GEM ran its camps as separate offers and wanted all four (Spring Break, Summer, STEM and Winter Break) on one page, each with its own grades, dates, times and price, without the page turning into a wall of details. The Holiday Camps design came as a Claude artifact, and both pages had to feel native to the existing GEM Centers site.

Approach

Rebuilt the Holiday Camps artifact in Webflow on GEM Centers' existing design system, with the four camps as comparable cards in one "Choose Your Break" section. For GEM Power, I laid out the page myself and refined it with the GEM team's direction on content and imagery. Worked through my Jaryah colleague who runs the GEM account, and with the GEM team directly.

Solution

Two program pages that match the existing GEM Centers site: one page that lets parents compare four camps at a glance, and a mentorship page that leads with pricing, what is included and a clear registration call to action.

Results

  • Four seasonal camps combined into one page, each with grades, dates, times and price side by side
  • Holiday Camps rebuilt from a Claude artifact on the existing GEM Centers design system
  • GEM Power page laid out by me, refined with the client on content and imagery
  • Both pages built to match the live site, not as one-off landing pages