Jonathan Van Gils

Jonathan Van Gils

Product Designer — UX/UI · Los Angeles, CA

Download PDF

Summary

Product designer blending end-to-end UX craft with hands-on front-end and AI-assisted development. Background in building and uplifting music brands and communities; now designing products that do the same — from research and prototyping through shipped, coded experiences.

Experience

Realm — Founder · Product Designer · Web Developer

Realm is a creative operating system for musicians and their teams.

  • Founding and designing the product end to end: product strategy, UX/UI, and identity.
  • Building the web experience directly in code — an interactive three.js universe (JavaScript/HTML/CSS) developed with agentic tooling (Claude Code, VS Code).

Any Given Night — Lead Product Designer (Contract)

A platform giving Los Angeles music lovers a new way to discover and engage with live music.

  • Owned the full UX process for a music-tech startup, from secondary research through wireframing, Figma prototyping, user testing, and usability testing, to engineering handoff.
  • Designed and coded an interactive three.js navigation for the landing page (JavaScript/HTML/CSS), developed in VS Code with Claude Code.
  • Built an intelligent venue-scouting bot on the Claude API that scrapes concert listings from venue sites and extracts event details from poster images, automating aggregation for the founding team.
  • Delivered developer-ready handoff and collaborated directly with engineering through implementation.

Radiant Confidence Circle — UX Designer (Contract)

A Udemy-powered coaching community on Circle.so.

  • Contracted to transform the community into a brand-identity-driven UI on Circle.so.
  • Designed the brand's landing page and end-to-end community experience.

Earlier experience

Tako Tomago — Artist · Producer · Graphic Designer

Independent wave / melodic bass music project spanning recording, performance, sound design, and visual design.

  • Generated over 3 million streams across platforms, with label releases (incl. Liquid Ritual) and top-10 Beatport chart placements.
  • Created all graphic design and visual identity for the project — release artwork, brand, and promotion.
  • Performed live in Seattle, San Francisco, and Los Angeles.
  • Designed, produced, and sold vocal sample packs and monthly sound-pack subscriptions via Bandcamp and Patreon, handling all sound design and vocal production.

Apple — Specialist, The Grove

  • Customer-facing Specialist at one of Apple's flagship Los Angeles retail locations, guiding customers to the right products and solutions.

Portfolio

  • jonathanvangilsdesign.com — full portfolio
  • Candle — self-care app case study (end-to-end: research → brand → prototype → testing)
  • Nucleus — Pomodoro-powered to-do app case study (visual identity, research, prototyping)
  • Any Given Night — anygivennight.la (live, pre-launch)

Skills

Design

Figma · Adobe Creative Suite · Framer · Design systems · Prototyping · Usability testing

Development

JavaScript / HTML / CSS · three.js · Node.js · GitHub · JUCE (audio plugin software)

AI-assisted workflows

Claude Code · GitHub Copilot · Cursor · Codex · Claude API integrations

Education & Certification

  • Designlab UX Academy — UX/UI Certification, 2022–2024 (graduated May 2024)
  • NYU Tisch School of the Arts — 2010–2012