Ben Tipler

Senior User Experience Designer

Experience

Projects

Here are some of the projects I have worked on:

Garmin Express

Date: June 2014 - Current

My Part: UX Design & Information Architecture

Objective: Redesign Garmin's main desktop application to support all consumer electronic segments of the company.

Results: In June of 2014, @aisha_brad4d & I were brought on to Garmin's Engineering Department to redesign Garmin Express. Support calls were at a higher volume than acceptable, a new segment's devices had just been added and there was a lot of user frustration with the product.

In a very short time-frame, we redesigned the entire application which serves hundreds of different devices with dozens of different use cases. Within the first few quarters after the release of the redesign, we saw great improvements to the customer's experience.

  • Reduced support calls to 1.5% (Goal was 4%)
  • Average support call times dropped by 20%.
  • Designed a new shopping experience for Garmin’s most popular digital products & saw $7.3m in sales the first 6 months.

View the Wireframes

Before
UX Design
After
UX Design

apps.garmin.com Search

Date: June 2016

My Part: UX Design & HTML/CSS

Objective: Overhaul the search results for Garmin's smart watch app store without requiring much of a development effort.

Results: Collaborating with @aisha_brad4d, we were able to come up with a design that not only drastically improved usability and navigation, but was achievable in the short timeline provided by the development team. We did have to sacrifice some of the mobile optimization (original wireframe), but were still able to make great strides in usability. We removed the pre-filtering to put the control in the user's hands and increased the number of apps a user can see within their viewport.

Before
UX Design
After (Wireframe)
UX Design

apps.garmin.com Home Page

Design, HTML, CSS, Content Strategy, CMS

Date: March 2016

My Part: Content Strategy, UX/UI Design, HTML, CSS

Objective: Starting with the landing page, iterate on Garmin's smart watch app store without touching much HTML. The goal was to improve usability and visual design the best we could without implementing a full redesign as resources were limited.

Results: Collaborating with @aisha_brad4d, we were able to bring a fresh look to Garmin's app store home page. We helped the product owner achieve his goals of telling the story of the Connect IQ platform and improve the visual design. For a comparison, take a look at the before.

Link: apps.garmin.com

developer.garmin.com

Design, HTML, CSS, Content Strategy, CMS

Date: June 2014

My Part: Content Strategy, UX/UI Design, HTML, CSS, CMS

Objective: In anticipation of Garmin's Connect IQ development platform and app store, we were tasked with giving Garmin's developer site a complete overhaul.

Results: With IA help & copywriting from @aisha_brad4d, we were able to bring Garmin's developer community into the current decade. Besides increasing time on page and decreasing bounces the best way to compare results is to see the before.

Link: developer.garmin.com

Map Updates for Garmin

Design, HTML, CSS, Content Strategy, CMS

Date: February 2014

My Part: Mobile Optimization, UX/UI Design, HTML, CSS, CMS

Objective: Take Garmin's Map Updates page, update the design, provide some mobile optimization & deploy globally across all Garmin sites.

Results: With help from the one of the IAs on the original project (@aisha_brad4d), we were able to improve user engagement as well as inform mobile/tablet users how to move forward.

Link: garmin.com/en-US/maps/updates/

Maps for Garmin

Design, HTML, CSS, Content Strategy, CMS

Date: April 2013

My Part: Content Strategy, UX/UI Design, HTML, CSS, CMS

Objective: Garmin sells maps across many markets & dozens of countries so we wanted to update the initial experience a customer has with our maps.

Results: Born from a meeting in Paris with our European web team, I worked with a few others to concept this page & executed it with the help of @aisha_brad4d. We've seen increased user engagement & sales, as well as a decrease in bounces.

Link: garmin.com/en-US/maps

Social Media Mad Libs

Design, HTML, CSS, Content Strategy

Date: September 2013

My Part: Everything

Objective: I had an idea for a joke web app & decided to throw it together one night.

Results: You tell me

Responsive Garmin.com

Design, HTML, CSS, Content Strategy, CMS

Date: March 2013

My Part: Mobile Design, HTML, CSS, JS, CMS

Objective: Garmin's global marketing/corporate site was only friendly to desktop users so I set out to make it work on multiple devices, namely phones. I wanted to do this without touching too much, if any, html or adding/editing content.

Results: I came up with a stylesheet that overwrites our base set of css standards to allow current content to adapt to multiple devices & screen widths. I also, made our slideshows swipeable, refactored our navigation in an off canvas fashion & was able to do all this without impacting the html or introducing any new content to be managed (meaning 20+ locales got a responsive site without having to take on any additional content management & no other designer/developer had to do any work to their existing pages/components).

Also, Mobify listed it as #13 in their article "70 Stunning Responsive Sites for Your Inspiration".

Link (sample page): garmin.com/en-US/explore/intosports

Skills & Tools