Brent Otterlei Designs

PayClip

Role: Director of Design

Background

I was brought on board to lead the design effort for PayClip. A payment start-up focusing on bringing credit card acceptance to the masses in Mexico and the rest of LatAm.

The opportunity in LatAm is massive. Only a very small percentage of merchants in LatAm accept credit cards because of how hard and expensive it is to set up. PayClip aimed to solve this problem by offering inepensive hardware for credit card processing and a super easy onboarding process.

The problem we were trying to solve however, was not just how do we make credit card acceptance easy for merchants but we also had to solve for the consumer who historically is not comfortable using credit cards at smaller retailers becuase of the fear of fraud.

By the time I left PayClip we raised almost $18 million USD in funding, shown exponential growth month over month and processed over $1 Billion MXN in transactions through the apps I designed.

One of the videos that we produced for VC pitches, trade shows, etc.

Process

Inspiration

I traveled to Mexico and met with many merchants to talk about their struggles with payments and I also just roamed around Mexico City and observed how people transacted. I brought back some great insights that helped us build out our solution. I also documented a lot of the merchants that were using our solution to get inspiration on the design direction for the brand.

Clip inspiration
Clip inspiration
Clip inspiration
Clip inspiration
Clip inspiration
Clip inspiration

Small merchants using our Clip prototype at a high end market in Mexico City.

Ideation

Being able to research and observe how merchants and people interacted while transacting in a number of different settings gave us envaluable information to take back and start the ideation process. Armed with this knowledge we began ideating and iterating on what our mobile terminal app and supporting merchant onboarding and management site should be.

Early storyboard

Storyboard from an early click though prototype illustrating the hardware interaction with chip and swipe cards and the app interaction.

Android installments

This is a high resolution flow explaining how installments works.

Brand book

When we worked on our brand book/style guide we put it up on the walls for everyone to see and provide feedback.

Mock of blister pack

This is the final mock up of the blister packs we had manufactured for our clip reader to be sold at big box stores like Sam's Club and Costco.

Implementation

All of this work manifested in the creation of a Windows, iOS and Android teminal application. We also created a website for easy onboarding and tracking of transactions.

Clip apps

This is the amount entry screen on the 3 platforms we designed the clip app for.

Clip Website

This is a screenshot of the hero image and messaging on clip.mx

Screens

Windows Phone Screens

Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows
Windows

iOS Screens

iOS
ios
ios
ios
ios
ios
ios
ios
Windows
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios
ios

Android Phone Screens

android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
android
Logout