UX & UI

 

UX & UI Overview

Over the last 7 years I have been a part of teams that designed and developed various types of native mobile apps as well as responsive websites ranging from media storage and backup to music to geo-location services. Every experience gave me a greater understanding of mobile first best practices, design trends, and where the future is headed. Below are a handful of examples of my work.

 
leapdrive-mobile.jpg
13_BP_leap.png

Leapdrive Backup & Sharing Product Suite

I started working at DigiData in 2010, first as a Digital designer working on skinning products to match the brand guidelines of clients who were licensing our apps. Working in product branding allowed me to learn the ins and outs of the design process and come up with ways to make them more efficient, saving time and money. After a year, I was moved over to user experience department. It was there that I learned crucial skills in research, usability, and information architecture. Leapdrive was DigiData's flagship product, offering users the ability to store and backup their files, music, videos, and photos. Over the course of a few years I was part of the team that developed the roadmap for where Leapdrive would go, with the release of the Android and iOS tablet versions of the app at the end of my time with the company.


Leapdrive for Tablet

The tablet was a great opportunity to show off the capabilities of Leapdrive for storing and sharing photos and video on a large screen. Above is a UI and work flow I had the opportunity to work on while at DigiData.


Verizon Online Backup and Sharing

One of my responsibilities at DigiData was to re-brand our product suite to match a client's brand guidelines. This is an example of the look and feel used for Verizon. Other clients would sometimes have entire icon sets that needed to be swapped out to match.


Beatport Responsive Email Templates

When I started at Beatport the email design templates being used were not responsive and followed a pretty straight forward formula that primarily leaned on curated lists of albums or tracks laid out in a grid. The click through rates were low and general feedback from customers and internally at Beatport indicated that the marketing was stale and predictable.

I worked with the marketing strategists to develop user flows, sitemaps and wireframes using Balsamiq. I designed all the visual elements and final designs using Adobe Illustrator and Photoshop. I then worked with the developers to implement and QC the design and it's responsive elements.

My goal was to design responsive email templates with interchangeable sections that were compartmentalized to give thousands of options, but still allow designers to quickly compile the appropriate components to ensure pixel perfect sizing and brand continuity. We also integrated refreshed branding and the ability to use animations to give the emails new life and visual elements to catch the eye of recipients. 


Fave Local Business App

Fave is a company that leverages Google's business database to connect people with their favorite local businesses. I was part of the team hired by Fave to dream up, develop, and release an app that gives users the ability to "Fave" their favorite businesses. Businesses would receive useful information about the users who have favorited them, and were able to push deals, special sales, and other useful information to their customers. Customers could also enable a feature that allowed deals from local businesses to be pushed to them via geo-fencing capabilities in the iPhone's GPS.

I approached this project first by doing a competitive analysis of other similar products as well as deign research, questionnaires, and interviews from a wide swath of potential users. We built a feature hierarchy and eventually narrowed it down to roughly what the app ended up being. We did a lot of usability testing using clickable prototypes and then went to hi-fi mockups. The final GUI was a mix of the original branding guidelines mixed with an updated icon set that helped blend system and brand look and feel seamlessly.


Gossamer Fermentation App

Many different brewers have many ways that they document fermentation process and milestones ranging from pen and paper to dry erase boards to spreadsheets and on occasion random, a crudely designed desktop only software. It was clear with minimal research that there was not a simple intuitive tracking tool used industry wide to streamline this part of the brewing process and make data accessible to a brewing team no matter where they are.

This project allowed me to use my research skills to zero in on a common problem in the brewing industry (what to do with fermentation data). I used my research skills to create a competitive analysis, interview people from all over the brewing industry, and eventually prototype and design an app. The project is scheduled to be completed some time in March.

To the left is a sample of the work I have done so far.