PayPal

project_type
Interaction, Branding
project_timeline
12 months
programs_used
Figma, Photoshop
personal_roles
Visual Design, AI Prototyping, UX Design

PayPal

project_type
Interaction, Branding
project_timeline
12 months
programs_used
Figma, Photoshop
personal_roles
Visual Design, AI Prototyping, UX Design

PayPal

project_type
Interaction, Branding
project_timeline
12 months
programs_used
Figma, Photoshop
personal_roles
Visual Design, AI Prototyping, UX Design
project_content
project_content
Designing an Interactive Browser Game
Designing an Interactive Browser Game

Lucky Puck Marketing Campaign

For the launch of Pay In 4, PayPal needed assistance with a virtual tie-in campaign in Canada at the end of 2025. My team at R/GA iterated and developed an online game that awarded participants for playing. Since the feature was launching in Canada, naturally, it made sense to tie it into the country's national sport: hockey.

Early game concepts from my workspace that helped refine the conversation and define our scope.

Pay in 4, Play in 4

After initial explorations were completed, we landed on a game of chance. Pucks would fill "the rink" on the user's screen and flipping one over had the chance of winning a prize. At this point, it took a lot of rounds of refining the UX of all the potential screens the user could see. I helped explore how the flow would adapt to the desktop sizes once our mobile flows were in place.

Mobile and desktop flow screens once the UX was solidified.

A Successful Launch

Working with the PayPal Operations Team, we were able to turn over our designs and code and integrate it with their marketing campaign operations. The site was live and functioning and we were able to watch submissions come in every day. It was exciting to work on such a fun project. You can watch a walkthrough of the experience below.

Future App Updates

There's more I can't show just quite yet…

While working as a contractor for R/GA, I had the privilege to work on the Product Design team within PayPal working on future app updates. This work isn't out in the wild as of yet. However, I can say this was a great learning opportunity and helped me grow.

Learning a Design System

Jumping into a preexisting design system had its own challenges. It took time to learn and become familiar with PayPal's components and conventions. Once I became fluent in this complex system, it was much easier to iterate new ideas that fit the overarching app design language.

Example of broad Figma explorations for PayPal that range throughout my time there.

AI Prototyping Tools

Using tools like Claude Code to move from Figma to a functional prototype were invaluable in our workflow. I worked hard to make sure our Claude prototypes were a one-to-one recreation of our visual designs on the canvas. This took some time working back and forth with the agent, but having a prototype that simulated the finished version of the experience was very useful for conversations with stakeholders and developers.

Using tools like Claude Code to move from Figma to a functional prototype were invaluable in our workflow. I worked hard to make sure our Claude prototypes were a one-to-one recreation of our visual designs on the canvas. This took some time working back and forth with the agent, but having a prototype that simulated the finished version of the experience was very useful for conversations with stakeholders and developers.

Figma Design
Figma
Design
Claude Code
Claude
Code
Next.JS Prototype
Next.JS
Prototype

Branding Explorations

The great work done by Pentagram was an excellent base for our team to use in deciding how the brand would be represented in the app itself. I had the opportunity to flex and stretch the many branded elements of PayPal including color, typography, and photography to understand how they would improve the customer's experience.

The great work done by Pentagram was an excellent base for our team to use in deciding how the brand would be represented in the app itself. I had the opportunity to flex and stretch the many branded elements of PayPal including color, typography, and photography to understand how they would improve the customer's experience.

Garrett Johns

Garrett Johns

PayPal

Hey there! I'm a brand experience designer focused on Digital Design, Branding, and where the two meet.

A fan of film [], sneakers [], video games [], and pixels.