001

Pulse Arts.

A website redesign for a youth arts-education nonprofit — turning six scattered programs and a confusing old site into one clear path to get involved.

shipped · intern · 2026

website redesign

product

framer

001

Pulse Arts.

A website redesign for a youth arts-education nonprofit — turning six scattered programs and a confusing old site into one clear path to get involved.

shipped · intern · 2026

website redesign

product

framer

PROBLEM

The old site (still live at pulseartsla.net) had no real flow. Visitors landed on a page unsure what they were looking at, the six programs were buried behind unclear navigation, and the color scheme worked against the content instead of for it.

APPROACH

Project manager on a 3-person team: I led the client relationship, delegated roles to the other two designers, and owned the full website redesign — IA, UX, UI, and the pattern system — while contributing to the rebrand alongside the team.

OUTCOME

Shipped and live, on a 2–3 month internship timeline. A fully accessible site built to WCAG standards (a compliance requirement for the nonprofit), replacing a confusing multi-page structure with one clear route to donate, partner, or get involved.

01 / CONTEXT

Pulse Arts is a California nonprofit providing arts education to underserved youth, across six programs — visual arts, performing arts, literary arts, media arts, hip-hop education, and Healing Forward.

Pulse Arts is a California nonprofit providing arts education to underserved youth, across six programs — visual arts, performing arts, literary arts, media arts, hip-hop education, and Healing Forward.

This was a 3-person team engagement. I was project manager: I delegated roles, ran client communication, and owned the entire website redesign end to end — IA, UX, UI, and the pattern system — while also contributing to the brand alongside the other two designers, who worked on branding only.

This was a 3-person team engagement. I was project manager: I delegated roles, ran client communication, and owned the entire website redesign end to end — IA, UX, UI, and the pattern system — while also contributing to the brand alongside the other two designers, who worked on branding only.

02 / PROBLEM

The old site — still live at pulseartsla.net — had no clear flow. Visitors weren't sure what they were looking at or where to go next. The six programs were hard to find, buried behind navigation with no real description of what each one offered. The color scheme fought the content instead of supporting it.

The old site — still live at pulseartsla.net — had no clear flow. Visitors weren’t sure what they were looking at or where to go next. The six programs were hard to find, buried behind navigation with no real description of what each one offered. The color scheme fought the content instead of supporting it.

How might we take six disconnected programs and a confusing structure and turn it into a site where a first-time visitor immediately understands what Pulse Arts does and what to do next?

old site - landing page

old site - landing page

new site - landing page

03 / PROCESS

Planned and wireframed in Figma, then shipped in Framer — against a 120-hour budget across the 3-month internship, well under what the build actually took. That constraint meant cutting the animation and interaction details originally planned, and prioritizing program legibility and the get-involved flow over polish.

Planned and wireframed in Figma, then shipped in Framer — against a 120-hour budget across the 3-month internship, well under what the build actually took. That constraint meant cutting the animation and interaction details originally planned, and prioritizing program legibility and the get-involved flow over polish.

Reviewed wireframes with the client in Figma at multiple checkpoints, then walked them through progress directly in Framer as the build came together.

Reviewed wireframes with the client in Figma at multiple checkpoints, then walked them through progress directly in Framer as the build came together.

Homepage
Who we are
  • About Us
    • Mission
    • DEI Statement
    • Core Values
    • Programs
    • Impact
    • Feature
    • Testimonials
  • Partnerships
  • Blog Posts
Our Programs
  • Healing Forward
  • Art Therapy
  • Gardening Therapy
  • Painting / Drawing / Sculpting?
  • Murals?
  • Digital Art?
  • Writing and Performing?
  • African Drumming
  • Hip Hop?
Impact
Section for data and analytics to increase credibility in Pulse Arts.
Get Involved
  • Donate
  • Become a Partner
  • Events
    • Artist Collective
  • Contact
  • Artists / Educators
  • Students / Internships
Become a Partner
Donate

04 / SOLUTION

The new site (pulsearts.org) resolves into one clear flow: mission and pillars up front, the six programs made legible, then a single unmistakable path to act — Donate, Become a Partner, or Get Involved, all routing to one partnership form.

The new site (pulsearts.org) resolves into one clear flow: mission and pillars up front, the six programs made legible, then a single unmistakable path to act — Donate, Become a Partner, or Get Involved, all routing to one partnership form.

05 / OUTCOME

Shipped and live within a 2–3 month internship window, rebuilt to meet WCAG accessibility standards the nonprofit is required to adhere to — a real constraint, not a nice-to-have.

Shipped and live within a 2–3 month internship window, rebuilt to meet WCAG accessibility standards the nonprofit is required to adhere to — a real constraint, not a nice-to-have.

No hard usage metrics to report; the outcome here is the ship itself, on a compressed timeline, as the sole owner of the redesign.

No hard usage metrics to report; the outcome here is the ship itself, on a compressed timeline, as the sole owner of the redesign.

© 2026 DAVID JEONG WOO KIM

01 OF 06

김정우

PULSE ARTS — 001/006

김정우

PULSE ARTS — 001/006

김정우

PULSE ARTS — 001/006

Create a free website with Framer, the website builder loved by startups, designers and agencies.