Jordan H Johnson

Client: Verizon

Project: Security Dashboard

My Role: UI Design Lead

Verizon had a robust mobile app offering with many options for changing account settings and paying your bill, but nothing for the individual security of the user. This was a big push for Verizon to make sure they were seen as a leader in digital security.

I was part of a team that designed a dashboard to highlight security notifications, give full access to security features, and provide customization for the user.

We worked extremely close with Verizon and their security team to make sure this dashboard would look and feel like the rest of the Verizon app, while also offering something unique. I was able to define the visual language of the dashboard, which included everything from color and spacing, to transitions and animation.

Client: Popeyes

My Role: UI Designer

Popeyes was in the process of converting all of their drive-thru menus to digital, and I was a part of a small team that worked with them on designing the experience.

The team consisted of an Art Director, a QSR expert, a UI designer and a UX designer. We worked together to form a strategy and a basic framework, then worked with the Popeyes team to specific design decision and implementation.

My main objectives were consistency with the Popeyes brand, best in class visuals, as this was a very well known business, and design modularity/customization options.

I worked through basic layouts, color options, visual research, mockups (low and high fidelity), and prototypes.

These are some of the Business Development projects I was able to work on for Publicis Sapient.

Tricon Home Rentals

Tricon wanted a better overall experience for their customers renting homes from them. I worked directly with the VP of Customer Experience Innovation to come up with, and deliver, a digital solution.

This was a very quick turnaround (2 days) and really tested me as a designer to think outside the box and utilize tools I was less familiar with (Premiere Pro, Google Text-to-Speech AI).

Oral-B Signature Experiences

This project allowed for a bit more time and thought, as the client really wanted us to experience the product and app before diving in. Doing this led us to come up with several “signature experiences” that I was able to put together in a video prototype.

Client: SteelSeries

My Role: UX/UI Designer

I worked with SteelSeries to identify UX pain points for their Engine software. What you see here is the wireframes and mockups for the biggest issue I could find, which was a lack of overall navigation and understanding of where to start.

I added a home screen to consolidate elements from each of the tabs so the user could get quick access to those tools that are most important, while also giving them a place to start.

Client: TD Ameritrade

My Role: UX/UI Designer

*Recently featured in a national TV ad (see video below)

TD Ameritrade made education a priority and as such wanted an updated education experience that was clean, user friendly and would encourage repeat visits.

As the lone visual designer I was tasked with designing this new experience from concept to completion. This included research and discovery, competitive audits, wireframes, varying levels of mockups, prototypes and final deliverables.

This was all done under a tight deadline and with limited resources. I needed to be resourceful in how I used my time and who I worked with to make sure I got the right answers and kept the project moving.

With the launch of a new kitchen wares product line, one of the main ways we wanted to engage with the customer was through recipes.

I was tasked with researching, wire framing, prototyping, user testing and designing all aspects of the app.

The main goal for the app was to make it simple, fun, easy to use and easy to follow, for any level of user, both technically and when it came to preparing food. 

The redesign of the BlenderBottle.com website was an extremely large undertaking, especially considering we had no in-house web developers and only two designers working on it. I happened to be one of those designers. 

One of the main reasons for the redesign was to make the site more accessible to our ever growing audience. This meant the first priority was to make the site fully responsive and do so in a way that would be clean and easy to use while maintaining the overall look and feel of the brand.

This project was a ton of fun to work on (most of the time) and I'm grateful for the knowledge and experience I gained through the process. 

BlenderBottle.com

Relaunch of the BlenderBottle® Collegiate Collection. Some new schools added, updated colors, and updated photography.

I helped establish the overall look and feel of the imagery and how it would be implemented on our website and social media.

I had a lot of fun making the banners for the individual schools. I wanted something more impactful, exciting, engageing and fun.

Packaging solution for a new BlenderBottle® product, a bottle brush.

We wanted to keep things as simple as possible, as it's a very simple product. The focus was on pointing out the straw brush hidden inside the handle, as well as making sure it appealed to our international audience.

Including four languages (just English and French on the front) on the packaging was quite a challenge and took a few different iterations to get right.

Worked with product development as well as product marketers on color, features, sizing, and pretty much anything else involved in the production of the product as well as the packaging.

Various illustrations that I would do for fun, for relaxation or for trying to expand my skills. 

P.S. I've got a thing for sneakers.

Various digital marketing designs created for social media, email blasts, facebook ads, Google adwords and more.

Worked with product marketers, social media and digital marketing teams and photographers on photoshoots, image selection, custom typography, image manipulation, and color selection.