Hi, I'm Peter — a designer and developer based in Los Angeles.

I build thoughtful digital experiences with a focus on clarity and craft (and a little fun).

Email: pfbarnet@gmail.com

LinkedIn: https://linkedin.com/in/peter-barnett

GitHub: https://github.com/pfbarnet

App Design & Development · Beats by Dre / Apple

WYSIWYG HTML email builder — drag-and-drop modular templates, desktop/mobile preview, production-ready output. Saves 20+ hours per campaign cycle. Runs DOOM. "Hack and slash until it is done."

Qwert

Game Design & Dev · 2023

A fast-paced multiplayer word game with a vintage typewriter aesthetic — no letter tiles, just you, your brain, and the keyboard. Designed the entire game from scratch: concept, UX/UI, brand identity, illustration direction, and all marketing materials. Collaborated with freelance Unity developers to build it.

Featured at INDIE Live Expo 2023 (Tokyo). Covered by Pocket Gamer. 120,000+ downloads.

App Store ↗   Google Play ↗

Gabagool!

UX/UI Design & Development · 2024

A free online 1v1 card-based word game where players transform words by playing number cards to add or remove letters. Designed and built end-to-end: full UX/UI, HTML/CSS/JS game logic, wrapped in Swift for App Store deployment.

Play it here ↗

Beats — Frontend Design & Dev

Beats by Dre / Apple · 2019–2025

Frontend design and development for the global Beats marketing platform — translating Beats' design-forward creative into production HTML/CSS across 27 worldwide locales.

Responsible for implementing campaign pages, product launches, and seasonal updates while maintaining visual fidelity to creative direction and cross-browser compatibility.

Beats — UX

Beats by Dre / Apple · 2019–2025

UX design and documentation for platform features and tooling — wireframes, prototypes, BRDs, and user stories for internal tools and CMS authoring workflows.

Acted as a bridge between creative, legal, and engineering — translating complex requirements into clear authoring specs that non-technical stakeholders could actually use.

Images available upon request! (and a thorough background check...)

Beats — AEM Components

Beats by Dre / Apple · 2019–2025

Designed and spec'd a modular, agnostic AEM component library that grew the platform's layout flexibility from rigid agency templates to a system that handles the full range of Beats creative.

Key components:

Column layout — unlocked multi-column layouts in the CMS for the first time.

Dynamic footnotes — auto-serializes footnotes from a config file; eliminated manual ordering errors across product pages with 20+ legal items.

Self-service CSS class system — decoupled inline styles from legacy embedded styles so authors can make visual changes without a dev ticket.

Images available upon request! (and a thorough background check...)

Beats — AEM Tools & Localization

Beats by Dre / Apple · 2019–2025

Built a suite of tools to reduce manual overhead across 27 locales:

Figma Bulk Wireframe Translator — upload a CSV of translated copy, instantly duplicate and populate an EN source wireframe across all locales.

VSCode BudouX Extension — solves CJK line-breaking in HTML email (where modern CSS word-break doesn't work) by inserting word joiners between characters. Independently conceived inversion of the BudouX approach.

Chrome AEM Bulk Opener — opens all 27 AEM editor pages in one click.

Images available upon request! (and a thorough background check...)