ralph@rgunderson.com
404.518.3010
in: linkedin.com/in/rgunderson
tw: @jrgunderson
I’m passionate about creating useful interfaces that delight – and supporting the underlying teams, business, and user goals.
WHAT I DO BEST
WHAT I’M LOOKING FOR
Build and grow teams to solve interesting problems
CURRENT CHAPTER
Sr UX Design Consultant
2020 - present
PRIOR EXPERIENCES
Director of Research
2018 - 2020
PRIOR EXPERIENCES
Over 10+ year tenure:
UX / Director Design
2007 - 2018
Scan to Unlock - Partnerships with postal carriers allows for secured delivery at a lockbox for residential customers, by scanning the parcel barcode with a connected padlock.
Secured Package Delivery at Point of Acceptance
“Peace of mind for home delivery”�IoT padlock that fights porch pirates
+ Launched on Kickstarter (270% goal)
+ Presented at CES Jan 2018
+ Support for all major US postal carriers
+ Consumer & commercial options
+ Platform improvements underway
Overview
Market Conditions
Market Research - Trends in market show continued growth in packages delivered and a large spike in stolen package searches (via Google Trends data)
BoxLock Porch Access - Various secured porch delivery�boxes may be used. Variability allows for improved�security and personalization for each home.
BoxLock in Context
Lock Mechanism Breadboard - Early hardware assemblies�Allowed the team to test prototypes before final BOM
Production parts were selected.
Testing code with prototype models
BoxLock Unboxing - Each BoxLock comes with a weatherproof, smart padlock; charging cable; instructions and weather-resistant instructional hangtag.
BoxLock in Context
Access Locks from Anywhere
Unlock via App/Barcode - Users with whom you’ve shared your BoxLock access may open with a personalized barcode generated for them, via the app or message.
Package barcode access via these popular carriers
Unlock Access via Secure Barcodes
Lock Overview
Navigation pattern for lock detail allows glanceable access to:
Additional navigation allows quick access to:
Application Views
Packages List
Delivery status given for each package.�
Need to add UI to Add Package manually, sort list.
Application Views
Packages List - History
Delivery status given for each package.�
Need to add UI to Add Package manually, sort list.
Application Views
Packages Detail
Delivery transit history for each package.�
Additional states are available from various delivery carriers.
Application Views
Edit Package Detail
Update details for your package:�
Optional: Automated package tracking collection can be enabled for all package carriers.
Application Views
Adjust User Access
Add or adjust access to others with whom you’ve shared BoxLock access:
See activity history, or update access:
Application Views
Navigation Drawer
Application Views
Lock Status States - On the primary app screen lock status cards give lock status at a glance, indicating: Lock added, unlocked/locked state, wifi and battery statuses.
Product Styleguide
Product Styleguide
Complete UI Styleguide - All app elements are collected in an app styleguide for ongoing product development: Colors, type, form elements, iconography, components, content cards, etc.
Competitive and Comparative Research - Review of existing hardware solutions and processes for adjacent opportunities.
Locking Mailboxes
USPS approved drop mailboxes and locking porch boxes.
Smart Mailboxes
Sensors activate notifications when activity is detected.
Delivery Solutions
Integrations with the delivery channel allows secure access.
Competitive / Comparative Research
Competitive and Comparative Research - Review of in-category apps and unrelated categories for UI precedents and useful workflows.
Arlo
Custom geofences, times of recording, alerts, etc.
August
Smart lock & doorbell camera system Tell if door is open / closed, not just locked.
Lockitron
Clear door lock controls; Proximity lock & unlock. Wifi and Bluetooth adapter.
USPS
Check status of mail. Notifications & preview of incoming mail arriving soon.
Amazon Alexa
Seamless onboarding process for connecting to home Wi-Fi network.
UPS
Authorize your driver to leave packages at your home without signature.
Noke
Bluetooth lock with smart sensing, instantly unlocks on approach or with key fob.
MasterLock
Three modes of entry:�Proximity, via app, or via code entered on-device.
Nest
Whole home peace of mind. Smooth flow for onboarding, multiple device management.
ParcelTrack
One app to track all of your packages and shipments, across 50 delivery carriers.
Eero
Whole home wi-fi via mesh router. Seamless setup and automatic firmware updates.
Ring
Video doorbell with motion settings; multiple device support and activity log.
Competitive / Comparative Research
App supported by +$8.5M in billboard value by LAMAR Outdoor Signage
LAMAR Billboard Rollout - RoadNinja was rated as one of the top travel apps in the iTunes App Store, helped in part by supporting campaign of over 1k+ print and 85m digital signage placements.
Overview
“The ultimate road trip app”�Over 1+ million downloads
on iOS and Android
Supported by static & digital displays
+84,588,486 spots
+1,089 locations
+143 US markets
~$8.5 million value
“5 must-have apps that Apple should have made itself”
- TheNextWeb
App built natively for for iOS, Android, and responsive web
Upcoming Locations, by Exit
Settings
Exit Detail
Search
App built natively for for iOS, Android, and responsive web
GM MyLink platform - planned rollout for Chevy and Cadillac vehicles.
Coordinating controls include center console panel, on-wheel toggles, center volume wheel.
In-car dashboard screens based on HMI spec from General Motors
Settings:
Adjust preferences, including favorite locations, gas type, location categories.
App Launch
Simple animation shows product branding and license detail for packaged services.
Upcoming (var1):
See what POI locations are upcoming along the interstate.
Upcoming (var2):
Larger icons used for improved legibility on the road.
Location Detail
POI details are shown, including promotions, reviews, ratings, gas prices, and more.
Gas Preference:
Example of nested navigation menu. Allow selection of single item, cancel (or apply).
Wireframes modeled after the app spec and navigational patterns
Prototype screens - Built functional prototype to demonstrate hands-free, speaking controls to LAMAR, GM, and AT&T Drive Studio.
Visual design treatments applied to app prototype
Data Visualization Platform
Build better visual stories�with real-time data and make better informed decisions.
Observe
Abstract
Construct
Understand and interpret volumes of data in context
Craft data stories from a vast library of visualizations and flexible grids
Dynamic presentation layer that’s designed to impress
Data stories that drive decisions.
Dashboard Builder�Widget library makes it easy to make show your data in a compelling way
Component Library
Adaptive Grids and UI System
Tell the story behind your data – Expansive component library and adaptive grids enable your team to collect, understand, and present the underlying story to your team and leadership
Established a prototyping approach�for voice ui within our design lab
+ Hosted workshops for ideas & requirements
+ Established stakeholders and use-cases
+ Identified latest prototyping tools
+ Built out interface workflows
+ Tested prototypes for clarity and continuity
Voice UI concepts - Various Clients
Tools and Technologies
Investigated various technologies and approaches for�fast and flexible VUI prototype generation
Technologies are always changing - A number of these voice-specific technologies have pivoted or been co-opted into new systems.
Use Case Definition
When voice is a good choice:
Storyline Workflows
Construct narrative and UI workflows:
+ Identify use cases
+ Draft narrative flow
+ Connect
+ Consider unexpected� user responses
+ Add response blocks
+ Define endpoints
+ Coordinate data
Construct narrative workflows - Defined, built, and linked responses across the UI workflow, then tested narrative flows on-screen and with Alexa devices
USE CASE: INVENTORY MANAGEMENT
A Fortune 500 company needed to stay competitive with online giants like Amazon, and determined it must transition from solely a distributor / supplier to an integrated service provider capturing customer’s needs and identifying opportunities for growth.
Helped design and prototype a platform for personnel & asset manager for property managers.
Voice Application
USE CASE: CUSTOMER ACCOUNT ACCESS
This Fortune 500 company partnered with our team to investigate ways to improve access to statement and bill content they deliver for their customers.�
A 150 year old titan of the printed document category: With our Design team, and over the course of 6 years, we collaborated to reconsider their document delivery solutions for the digital era.
Hosted workshops with a long-time client to prototype & test voice skills for customers that receive print and digital statements.�
Example, for the bank or gas utility customer:
Voice Application
USE CASE: HANDS-FREE WAYFINDING
Over a 3 year engagement, we built, tested, and architected the ultimate road trip app, for finding points of interest at upcoming exits. This included web, iOS, Android apps – and a connected car interface built with AT&T Drive Studio in Atlanta.
Together with Lamar Outdoor Advertising,�we built a hands-free connected car interface�for wayfinding interstate exits.
Voice Application
“A smarter shopping platform”�Workbench for shopping innovation
4 product arcs:
+ Social shopping tools
+ Comparison tools
+ Shopping browser
+ Contextual messaging / rewards
~$1+ million in internal investment
Overview
Rately shopping browser
Rately shopping browser
Rately shopping browser
Rately shopping browser
Keep track of items and your favorite stores automatically
�App automatically keeps track of your shopping so that you don’t have to.��As you shop, Rately creates an up-to-date visual history of your viewed stores and products, including price, image, and descriptions, so that you can quickly go back to previous items and unique finds.
Shop faster with a browser�that’s built for shopping
Move from store to store by tapping on retailer logos – making navigation faster and easier. No typing required.
Tag items for people or projects
Organizing your shopping just got easier. Instead of having to open different tabs to create bookmarks for people, places, and projects, now you can quickly and easily tag items to make visual lists of products you like.
Get ideas and inspiration�with related items
App automatically generates recommendations for you,�based on your tagged products and shopping history. You never know what you’ll find.
Shop anonymously
For your eyes only: Your data is your data. We don’t share any information with anyone.
Only you can see your shopping.
Share on social media as you like, but some great finds need to stay a secret.
No login required.
iBeacon-enabled merchant loyalty & incentive system
WHAT IS CONTEXTUAL MARKETING?
Three Main Concepts at Work
Contextualization
Deliver a message based on the shopping context
(what, where, when, how)
Optimization
Test and learn what messages work best
Personalization
Deliver a message based on the buyer
(who, why)
Rately / Contextual Engine
Person: Behavior, profile & purchase history
Behavior, profile & purchase history
Shopping behaviors
Bring together recently viewed items across channels (digital, mobile, in-store), as well as search activity, and shopping lists
Purchases
All purchase history, including brands, locations, and product level details (price, color, size)
Segment and Individual traits
Consider any range of segment or individual information – gender, age, PRIZM, ZIP code – as a basis for messaging.
Rately / Contextual Engine
Place: Location, Local Specifics and Time
Location, local specifics and time
GPS and Geo-Fencing
Accurate within 50 feet. Create GPS-based map bounds for a location – for use with various app triggers.
Retail Inventory / Pricing
Provide location-specific products, inventory, pricing, or availability
iBeacons
via bluetooth LE – enables location-based triggers for supported apps, including notifications & product information on demand.
Daypart or Day of the Week
Timed to coordinate with mealtimes, in-store events, opening/closing times, holidays
NFC / AR / Barcode / QR
Leverage scanning tools or NFC to geo-locate precisely, contingent on available signage
Rately / Contextual Engine
Product: Targeted messages, ads & promotions
Hyper-targeted delivery
Deliver messages to one shopper or all shoppers – based on specific behaviors.
Optimize notifications over time
Develop multiple ads to attach to a specific rule to learn which execution drives results
Product / Brand messaging
Deliver notifications to advertise or promote based on specific shopper behavior
Targeted messages, ads & promotions
Rately / Contextual Engine
Extending the visual interface language at Electrolux
Appliance Interface Suite - At Electrolux, I helped design, a line of touch-sensitive appliance controls, with engineering specifications in mind.
WaveTouch activation flow for refrigerator Options
Water Pocket Controls - As part of a larger interface schema for hot food prep and refrigeration appliances, we interfaced with engineering and product teams on a new line of touch-sensitive controls.
Visual Interface - Options menu, as observed by user
Lighted Display - Options menu selected:�All control options available.
Interface layered with PCB and bezel footprint
Layered Artwork - Display control diagram, shows distance between lighted keys and indicators, bezel onsert, and key placement
Interface application for Baseline B implementation
Baseline B - Additionally, a simplified, more affordable version of the fully-lighted control panel�was built to fill industry-standard price points. Differentiated by statically lighted interface elements.
Additional Design Constraints:
Visual design treatments applied to app prototype
A suite of digital tools for improving�the educational environment – built in partnership with the world’s largest school accrediting agency
+ Survey tools & processes for stakeholders
+ Accreditation docs & evidence collection
+ Reporting of accreditation completion
Overview
Platform and Application Hierarchy
Cognia is a global network of enthusiastic educators, and accreditation agency, dedicated to helping strengthen our schools, so that every student can access all the opportunities that knowledge brings.
Accreditation�& Certification
School Assessment
Professional Learning
Improvement Services
Proven approaches to educational excellence - Together with the Cognia team, we embedded into the product suite the rigorous processes that create vibrant educational environments.
Platform and Application Hierarchy
eProve – a state-of-the-art productivity platform
for continuous improvement
diagnostics
observations
surveys
analytics
strategies
workspace
Product Suite - Design, pilot, and launch of 3 new products in the platform suite, over the course of 18 months with the newly-forged product team.
Product landing pages within the platform
Dashboard - Recent Observations shown
Main navigation - drawer open, logged user
Dashboard - user offline, some items not yet synced
Search observations - Additional options
Create new classroom observation
Observation - navigation drawer open on tablet
Observation - Add rating to observation criterion
Observation complete - review and submit
Digital catalog for architects & designers
Product Portfolio - Created a new way for customers, commercial designers, and architects to review, save and buy products.
Desktop app�For local use or use in retail showrooms.
Built to reduce overall reliance on physical sample books.
Collections�Modular carpet tile is showcased in collections, with high-quality, contextual photos.
Collections are organized based on style and context of use – for commercial, healthcare, and education.
Sample Gallery�Each pattern comes in a variety of colors.
Complete details are listed for each, along with the ability to save the collection or share a sample with your clients.
Detail Preview�High resolution detailed photos show the intricate detail of each pattern, color, and tufting.
“Digital ticketing for K-12 schools”�A complete ticketing solution for schools.�Platform connects schools, fans, and brands.
Secured $15M in funding in 2017
Background
Launched initial MVP app quickly through rapid prototypes and ready-made mobile frameworks.
After a successful consumer market test, the business model was proven – To support ongoing user growth, new feature epics were added to the roadmap, and released seasonally.
Background
Continued product development and innovation,�season-over-season:
Digital ticketing platform for schools across the US:�The complete digital & print ticketing solution for K-12
Launched as an MVP in late 2015, successfully funded in 2017:�Customer-requested features and a series of acquisitions has made GoFan a market leader in the K-12 digital ticket space.
Background
Supported platforms include mobile-web, iOS, and Android
Available now in the iTunes�& Google Play app stores
View and purchase tickets for a wide range of school events.
Be notified about upcoming games, and promotions.
Digital tickets can be redeemed:
Separate mobile scanner app + hardware solution supports ticket validation
Printed digital tickets are also supported
QR barcodes improve low-light legibility and lend extra data capacity.
Support for existing ad placements was retained in the print layout.
Reserved Seats Flow - Mobile
Select an Event
Select an event from the School page to view event details
Reserved Seats Flow - Mobile
Select Seats
From the event detail, the fan will be directed to choose their seats
Reserved Seats Flow - Mobile
Select Seats
From the event detail, the fan will be directed to choose their seats
Reserved Seats Flow - Mobile
Select a section to begin
Venue / game details shown at top of layout for context
Reserved Seats Flow - Mobile
Section seating shown
Pinch-zoom seatplan for a closer view.
Available seats shown in blue.
Reserved Seats Flow - Mobile
Section seating shown
Pinch-zoom seatplan for a closer view.
Available seats shown in blue.
Reserved Seats Flow - Mobile
Selected seat details: Tooltip
Choose seat type, and add to cart
Reserved Seats Flow - Mobile
Seat added to cart
Add additional seats, or view seats in cart
Reserved Seats Flow - Mobile
Checkout
Blocking matches the ticket selection lockup on the current event detail view
Process & Artifacts
Idea to Delivery
Stakeholder Assessment / Mapping
Example: GoFan Ticket Purchase Flow ▶
Stakeholder Mapping
List your product stakeholders�
Core, primary users
�Direct Connection
�Indirect Connection to primary users
What other businesses exist in your space?�
Competitors
Out of category UI precedents:
Comparative Research
Example: GoFan Ticket Purchase Flow ▶
Competitive / Comparative Frame
Create a hierarchy of features:�
Top level:
Secondary:
Tertiary:
Feature Mapping Larger Efforts
Card Sorting Exercises ▶
Background: Process
Wireframe Variations
Wireframing
Wireframing
Visual Variations
Markup, Iteration & Documentation
Markup, Iteration & Documentation
Visual treatments customized by school
School Customization of Visual Styles
Reserved seating workflow - Fan Interface ▶
Reserved Seating - Seat Selection
Admin 2.0 Prototype ▶
Admin 2.0 Interface
Where does the product live?
Product Inventory
Product Inventory
Product Inventory
Access to:
GoFan Website
Product Inventory
Available for:
App Store
App Stores: iTunes / Google Play ▶
Product Inventory
Sketch Art
Layered artwork for:
Product Inventory
Subversioned artwork:
Abstract
Product Inventory
Prototypes
Clickable workflows:
Product Inventory
Style Guide
Inventory of:
Product Inventory
Product Log
Inventory of:
Other interesting projects
Various contexts
EPIK2020
+ Supported event materials & messaging
+ Assisted with narrative-shaping for event
+ Collection of product content
Company-wide product launch event
First-annual launch event - 5 new product concepts
First-annual company-wide product launch event
Bringing our team together to share the product-launch mindset
Stop porch pirates and say goodbye to package theft:�App interfaces and R+D for a new type of IoT lock that works with leading US delivery providers. As seen on Shark Tank.
Connected car concept in partnership with Lamar Outdoor Advertising and AT&T Drive studio. Mobile app has over 1M downloads, supported by a $8.5m advertising campaign.
Development of a new ‘flanker-brand’ concept to allow this leading office goods brand to gain market share and test new concepts in ecommerce.
NOTABLE PROJECTS
Market research, design concepts, and proof-of-concepting for the next gen of Mailchimp features for small business:�Pop-up shops, landing pages, direct-mail postcards.
Collaborative design and development of digital platforms & tools to support infra teams across the company – including Developer CI/CD, Cloud services, APIs and Digital Commerce.
Strategic workshop with to facilitate idea generation. Includes idea compilation, synthesis, and visual diagramming presented to leadership team.
NOTABLE PROJECTS
Touch-screen controls for a range of home appliances, for refrigeration, washing, and cooking. Final products shown at major appliance retailers, like Lowes and Home Depot.
NOTABLE PROJECTS
Market landscape, product reqs & shaping, design support for various concepts within the Labs – like data visualization platforms, new tools for retail commerce, and HR systems.
Mobile app interface for a portable, secure pill delivery device to promote medication adherence: Right dose, right person, right time.
Build and grow teams that solve interesting problems�& create digital solutions that make a difference
THE MISSION
IDEAL CONTEXT
IDEAL ROLE FIT
Crafting digital solutions to make a difference
Thank You
Questions, or interesting problems?
Just reach out
ralph@rgunderson.com
404.518.3010