IMG_1431.jpg
 

John R. Stebbins

UX + UI design

The art + science of usability

 

SKILLS

I am an innovative designer with record of success in user experience (UX) and user interface (UI) design and implementation with a focus on delivering solutions to clients while integrating UX across teams and stakeholders.

A creative leader and “working manager” with passion for building teams, meeting with clients, and evangelizing products that align with creative values and vision.

UX

Enterprise + Marketing User Experience and + Interface Design

Front-End Development

User Research

Usability and A/B Testing

Creative Content Development

Application Creation Prototyping

Responsive Web + Email Design

Information Architecture

Graphic Design

 

Tools

Sketch

Photoshop

Omnigraffle

Invision

Illustrator

Paper + Pencil

work

I've been fortunate to work on a variety of projects, in a variety of capacities, throughout my career. Below are some examples of more recent user experience and interface design thinking.

 

SKODA AUTOMOTIVE

Overview

Skoda Automotive came to Hacker Agency in Munich to help with their loyalty program as well as to consult about re-envisioning their online purchasing process. I was onboarded quickly and had to scramble to become familiar with Skoda, understand the social listening, audit the current purchasing process and develop personas for my recommendation.

User flow and personas

After researching the landscape of Skoda’s customer experiences, through social listening, monitoring Skoda owner's forums and more, I was able to formulate personas that reflect typical prospects.

I also began an audit of the current purchase process. 

design realization

Using the information collected, I began wire framing a more streamlined purchase flow that enabled the user to easily progress through the process. I was primarily focused on eliminating stumbling blocks as well as providing a prominent view into their selected vehicle configuration (not easily available on the current process). Our research also revealed that users needed a clear, easy way to connect with a representative through different channels at different stages of the process. The end result was a reimagined UX and purchase flow that successfully simplified the process of online purchase.


CRICKET WIRELESS

overview

The Cricket Wireless rewards app is an award winning loyalty app where users can earn and redeem points based on different criteria. The current app is successful but as its features grew, Hacker Agency identified the need to reimagine its UI/UX.

Wireframes

My primary goal was to consolidate the overly complex navigation structure, make the user’s status and point totals more prevalent and to put the various paths to earn points at the forefront. Another goal was to encourage the customer to use or donate earned points and develop and maintain loyalty.

design realization

Working closely with the designer, the wireframes guided a realized experience and interface that presented a more understandable, task-oriented interface while maintaining Cricket's unique branding.

Final design by Dwayne Mansfield.


AT&T

Overview

Arriving at Hacker Agency in 2010 the agency was developing standard, non-responsive and text only emails using best practices that were quickly becoming outdated. Using my significant html email design and development experience and I saw an opportunity to make immediate impact. I began working to develop rapid functional prototypes that I could use to evangelize responsive email, not only within the agency but also to our largest telecommunications client. I also introduced interactivity and beautiful animations using the power of CSS 3, while demonstrating a default state for email clients that do not support CSS 3.

e-news

The team also managed the design, development, list maintenance and deployment of AT&T's monthly newsletter email. It is a complex, dynamic email sent to 10 million subscribers monthly. The team was able to convert a standard, non-responsive template to a dynamically populated, responsive email.

Design realization

Since 2010, all emails at the agency are now responsive. For AT&T, there was a 300% increase in click-through-rates, largely due to a significantly better user experience for mobile users. The agency and my team remain a high volume provider and email innovation leader for AT&T.


CARNIVAL CRUISE LINES

overview

Carnival Cruise Lines began a referral program where travelers could refer friends and receive benefits. They needed an online tool that was easy to use and understand, that enabled current travelers to quickly give referrals or redeem previous referrals. Carnival also needed to record all entries and send confirmation to the traveler.

This was a very quick turn deadline with minimal requirements documentation. Initial steps were to assemble a team of account reps, UX, a project manager, developer and designer and de-brief on the client ask and assess tasks and timelines. This project duration was approximately 3 weeks from kick-off to launch. Because of this quick-turn deadline, the entire process was highly collaborative with daily communication on progress and tasks.

Wireframes

With no site architecture in place, I was able to process the task of the user and begin wireframing the architecture and UI. To best provide an architectural framework to our development and database teams, I sketched a rough user-flow that enabled those teams to start setting up the framework for the backend. 

Once a basic flow was established, I began wireframing the UI and experience to enable the design team to take it and immediately implement into a final design.

Design realization

Wireframes were handed off to design and development and final creative was developed reflecting the rich Carnival brand. The team also designed all follow-up emails and the database team created systems to collect and send the client user input data. Design and development collaborated in an iterative fashion to ensure the deadline would be hit.

Final design by Patrick Halferty.

Development by Brian Perry and Rick Cook.

Brand Experience

brands.png
 

THE Team

 
john.jpg

JOHN STEBBINS
UX + UI design

Resume
LinkedIn

porter.jpg

PORTER
muse

Provides daily inspiration and temptation.

stout.jpg

STOUT
muse

R.I.P.
But still with me.

 

GET IN TOUCH

For inquiries, please feel free to contact me using the form below. I look forward to hearing from you.

 

Please complete the form below

Name *
Name