Devbridge Group presents
DEVBRIDGE.COM
Devbridge Group Design and User Experience Team
Prototyping: Approaches and Outcomes.
With IxDA Chicago - October, 2015

We design and build software for companies that
have unique challenges to solve. We do this with a
design focused, technology agnostic approach.

We partner with mid-market and fortune clients to
build sophisticated software that ships to market on time.
Clients

BUSINESS
CONSULTING
ERP &
OFF-THE-SHELF
DIGITAL
MARKETING
ADVERTISING
AND MARKETING

140+
20152008 2009 2010 2011 2012 2013 2014

What does prototyping mean to us?

Sketches and…

Wireframes

Clickable prototypes - interactive mock-ups

BEFORE WE START…

FRAUD INVESTIGATION
prototyping for
Adomas Tautkus - Design Lead

Can we build a prototype that will help
the Fraud Investigation Department to
consolidate everything into one app?
Problem

The Plan
1

Prototype completed in 8 sprints
Requirements gathering workshop
Sketch and design
Interactive mockups
Sample data integration
System integration

Teams
ClientDevbridge
SPONSOR
STRATEGY
TECHNICAL
LEAD DEVELOPER
LEAD DESIGNER
PRODUCT MANAGER
Sr. DEVELOPER
Sr. DEVELOPER
QA ANALYST
FRONT-END DEVELOPER

Team distribution
Dallas
STRATEGY
TECHNICAL
Chicago
LEAD DESIGNER
PRODUCT MANAGER
New York
SPONSOR
Vilnius
LEAD DEVELOPER
Sr. DEVELOPER
Sr. DEVELOPER
QA ANALYST
FRONT-END DEVELOPER
C L I E N T
C L I E N T
D E V B R I D G E
D E V B R I D G E

The Tools
2

White Board
Sketch
Invision
Jira
FeatureMap.co
HTML/CSS/JS
.Net

The Solution
3

Project Duration
2 ½ M O N T H S
WORKSHOP
DAYS
3
DESIGN
WEEKS
1½
DEVELOPMENT
WEEKS
6

INDUSTRIAL SUPPLIES
prototyping for
Mark Ludemann - Design Lead
Vlad Shapochnikov - Front End Developer

ASSIGNMENT
Help users find a specific product within
an extremely large e-commerce site

17,736 RESULTS

DELIVERABLES
A functioning, data driven prototype
that is tied to the product catalog

WHY A PROTOTYPE?

HOW DID WE DO IT

Focus on Information Architecture
1

Lightweight Sketching
2

Real-time Design
3

Validation
4

WATCH THEM FAIL.

RINSE & REPEAT

INVESTMENT MANAGEMENT
prototyping for
David Borra - Senior Designer

THE CLIENT

The Problem: Sorting through multiple sources of static data.
1

The Solution: Create a Client Portal
2

NOW WHAT?

Kickoff Meeting
1

UX Sketching
2

Wireframes
3

UI Design
4

Prototype
5

ONE MORE THING

THANKS

FINANCIAL DATA & VIDEO
prototyping for
Eric Strubringer - Designer

THE CLIENT

Problem: People are not finding the videos.
1

Let’s Build an App
2

“While this started out as an educational
tool, the stakeholders are so impressed
with the usability and feel, they believe it
will be used by many traders as a tool.”
–Mr. Taco Cat

Let’s iterate on it.
3

Why does db prototype?
Win buy-inResearch iterativelyGet feedbackForm an idea
Many of our clients come to us
to elicit change within the org
either through philosophy
(agile, ucd) or overcoming
internal cultural barriers.
As we develop and iterate on
an idea we can mix research
activities in based on what
we’ve learned along the way.
Giving the audience something
to react to quickly often speeds
up the process. The earlier we
can do this the better.
Whatever validation we can
gain is valuable.
Many times initial business
requirements are unclear or
lack user focus. Prototyping
allows us switch the focus
and sharpen a vague idea
1. 2. 3. 4.

What does prototyping mean for you?

jobs@devbridge.com
WE’RE HIRING