Standards and Styles Updates


Update the Cabela's UI standards and styles for iOS and Android. Many of the standards were then translated to the Bass Pro App.

  • DELIVERABLE
  • Styles/Font Library & Final Designs
  • ROLE
  • UX
  • TOOLS & SOFTWARE
  • Sketch
  • PROBLEM
  • The inconsistent nature of hierarchy, patterns and styles across the iOS and Android app cause friction and confusion among our user base. See image directly below for example issues.
  • GOAL
  • Create a style & components library for both iOS and Android that would scale and define patterns for all parts of the app stack.
responsive image

NEW STYLES & COMPONENTS

I have worked on apps before. However, this was my first time building from the ground up. Every place I have previously worked at, the styles were already defined. That made this project particularly fun as I got to define, develop, and create a system from the ground up. This is especially true for the Android side which, at that point in time, I had very little exposure to.

Below is an image that represents a portion of the components library I created in sketch/figma.

responsive image


OLD ANDROID SCREENS

Below you will find examples of older screens that were taken just after I joined the app team. What you should notice, and what I found interesting is the fact that the android interface appears to be an iOS replicant. It had taken much of its form, but not quite all the way there. Much like a hummingbird moth trying to pass as a hummingbird.



UPDATED ANDROID SCREENS

Below you will find some of the updated user interface I did for the android team. I turly had a wonderful time diving deeper into the andriod realm and creating experiences that look and act more like an android app. It now feels like part of the family, which is a great feeling. I know our Androids devs feel the same way too.



OLD iOS SCREENS

Below you will find examples of older screens that were taken just after I joined the app team.



UPDATED iOS SCREENS

Below you will find some of the updated UI I did for the iOS team.