IMG_1431.jpg
 

John R. Stebbins

Product Design

 

ABOUT

An innovative Product Designer with a passion for startups. I come with expertise in native mobile and web apps, B2C, B2B, and enterprise user interface and user experience design, print, html/css, responsive email and other collateral materials.

I have varied experience in just about all environments including non-profits, seed-stage startups and Fortune 100 companies.

I believe speed is a strategy and I am adept at very rapidly changing situations. Everyone has a voice in UX and I act as an expert designer and advocate for best practices while remaining flexible and highly considerate of all opinions and feedback.

I have built and managed great multidisciplinary teams and also thrived by working completely independently. My greatest asset is my adaptability and ability to start with “yes”.

UX + UI

Enterprise + Marketing User Experience + Interface Design

UX Strategy

Front-End Development

User Research

Usability and A/B Testing + Data-Driven Design

Creative Content Development

Application Creation Prototyping

Responsive Web + Email Marketing & Design

Information Architecture

Graphic Design

 

Tools

Sketch

Figma

XD

Abstract

Invision

Photoshop

Illustrator

Dreamweaver

BBEdit

Omnigraffle

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 highlights of my product design, user experience and interface design thinking.


PEBBLE QUOTING TOOL

A tool for generating and comparing custom health insurance plans for an organization shopping for benefits. The results can be customized by organization census and other criteria.

 

The tool will generate plan set options with benefit and pricing details. Employers are able to directly compare plan sets.

Detail view of a selected plan set with all employee costs displayed.

AI-based chat tool for quick access to help and/or more information when comparing plan sets.


PEBBLE EMPLOYER APP

Employers partnered with Pebble have access to an app giving insight to their organization's enrollment status on a company and employee level.

Member app dashboard

Employer-level Benefits Snapshot dashboard showing benefits enrollment overview, total costs and costs per benefit. Enrollment history, including benefits selection, is shown on a per-employee basis.

Employers are able to connect directly to Stripe for transaction processing.


PEBBLE MEMBER APP

Members who opt in to Pebble's benefits can use the iOS/Android mobile app to access their benefit documents, view and track balances, submit reimbursements, change contributions to some benefits and contact Customer Service through messaging.

Home, Accounts, Plan details and support chat.

 

Accounts view with transactions, edit contributions, view medical coverage at a glance and view, lock or report lost payment card.

View plan documents, edit personal info, contact support.


MICROSOFT

Currently, the Microsoft global sales force uses a myriad of tools, used by many roles, to build, configure and price a quote for its numerous service packages. The CPQ system handles billions of dollars in revenue globally.

My role at Microsoft was as a member of the Enterprise Services Experience team (ESXP.) I was a UX designer on a new initiative to consolidate and design a new CPQ platform.

The above screens show the package selection process where a quote is initiated. Once a service package is selected, it can be configured by adding roles, determining rates and making optional discretionary adjustments.

In the Configure Packages screens, the user can add, remove and configure roles with associated allocated hours and rates on a package level. Discretionary adjustments, that may not be a typical point of revenue can be created and configured. In addition, funding sources can be specified per package, if applicable. This UI allows the user to select each package and make adjustments on one screen.

Various screens for the new Dynamics365 Agent Management Tool (AMT), an application that will onboard and configure users for Dynamics. Here, Agents (Support Engineers) can create support cases in the air-gapped environment.


N2UITIVE CORPORATION

n2uitive is a leading enterprise-level Saas platform that enables insurance professionals to record, annotate, store, share and transcribe claims statements. With large insurance clients like Liberty Mutual and Farmer’s, n2uitive’s platform (known as n2view) enables claims adjusters and supervisors to record claims statements and store all relevant data that the organization will need to process claims.

View of adjuster and supervisor dashboard. Provides a quick visual of claim adjustment progress.

 

View of adjuster’s workflow showing initiation of claim from initial recording screen. The recording is an interview between the adjuster and another party. The recording is kept in the system and is the central artifact of a claim. The My Library screen shows a list of claims records for a particular adjuster.

 

Various pieces of data are input to build a claim. The visualization of the audio file allows an adjuster to review time-stamped comments and interview notes. Each claim record contains all pertinent information and artifacts for a particular claim. Both the adjuster and supervisor are able to explore the claim and its various artifacts.


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, it began to outgrow the existing UX. Mapping the current UX against the business requirements and growing features, I was able to envision an updated UX that successfully addressed these challenges.

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 while providing a unique user experience in a channel where UX is often ignored. 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.

 

GET IN TOUCH

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

Resume (PDF)

 

Please complete the form below