As MyQ expands it’s partnerships in the smart home space, there arises a need to better display those partners in the mobile app. This proposed design showcases MYQ’s partnerships with leading IoT companies in the industry, including Google, Nest, IFTTT, and others.

Chamberlain is the leading manufacturer of garage door openers, but staying that way means staying ahead of technology. Their newest line of GDOs is wi-fi enabled, which is great, but also comes with a learning curve. They asked me to design a new section of their website to compensate for that learning curve. Using the brand guidelines, which I audited myself, users can now be walked through the installation process online (mobile, web, or tablet).

Controlling a garage door opener with your mobile device means more than just opening and closing, it requires setting up alerts, adjusting settings, adding/deleting devices, linking partners, and so much more. Bringing developers, stakeholders, and UX together means putting everyone on the same page, quite literally. This superflow I put together does just that on one giant poster.

Allstate installed kiosks in places with lots of foot traffic, like malls and movie theaters so they could extend their reach to new customers. QR codes became pretty popular and the tech world, along with numerous clients started employing them in their interfaces, packaging, and point of purchase.

Allowing a user to have a device act on its own at a specific time on a specific day is a scheduling feature that was recently added to the MyQ app. Thinking through the easiest way to walk the user through the setup process while maintaining security and sending out the proper notifications, was accomplished by converting the setup into a sentence with variables. This allowed us to craft an easy to understand method for what is normally a complex set of rule settings.

One thing to note about designs we designed specifically on mobile is that we always provided Android flows as well. Getting to work with both iOS and Android developers was a great experience and allowed me to learn the nuances of both.

The American Nuclear Society held a conference to clarify public nuclear radiation. This application walked users through what kinds of things that would expose them to radiation and the output was a number that stated: "how radiated you are". Designing specifically for the tablet was an interesting experience.

Having a component library built out, allows UI/UX designers to easily grab individual components, and different states of them, when proposing page designs. This example is just one of many in the component library we built for BigTime designs.

DeVry University and Keller Graduate School of Management needed an extranet designed so they could sell school merchandise to its students and their families. During this project, I designed the look & feel, based on their brand guidelines. This allowed me to dive into the shopping cart experience that allowed users to make multiple decisions, such as, color, size, and quantity.

Working for the Chicago Tribune (Tribune DIgital), I had the opportunity to work on the ForSaleByOwner.com website refresh. The responsive website allowed users to sell their homes without having to pay for a real estate agent. Walking the user through this process can be intense so it was important to chunk the process into easy-to-follow steps.

Notifi is a home camera system that allows users to "answer" the door from anywhere. The system comes with a camera, doorbell, and light that allow a homeowner to see who is at the door and communicate with them on a 2-way microphone. This mobile app allows the user to set the system up, adjust settings, and invite other users to view their camera. A full set of wireframes were hashed out along with the look & feel.

This particular app design helped me learn the value of research and how it affects your design thinking. After working with engineers, I was able to set this system up myself and go through the entire process from start to finish before mapping out the mobile application. Knowing what worked, where the pain points were, and which portions of the setup required more attention was key to getting the system and the user interface up and running.

Note: Top image shows the previous layout and the following 3 images show the UI improvements.

PepsiCo Recycling put together a rag-tag, but robust user interface that allowed them to start a successful recycling program at K-12 schools across the country. The site was well funded and the programs took off in popularity. However, the site was not dynamic at all with the way it was constructed and it needed some UX attention.

After hooking up some tools, like SmartLook, we were able to figure out where and on what parts of specific pages that users were not completing tasks. Watching video sessions of users clicking around the site allowed us to find the areas that would help us upgrade the Advancement Plan page - the way recyclers knew they were on task and how to move forward. Video evidence showed that users were not taking the time to scroll through the tutorials and therefore, not moving through to the next stages of recycling.

With this information on hand, we set out to make the page easier to consume and comprehend, by adding in functionality that helped the user expand/collapse sections of information and easily see where they were in the process and how to move forward.

Making it clear where they were was one of the biggest wins, followed by what they needed to do next and what those instructions were to move on to the next level.

Further testing showed that the changes we made translated to users scrolling more and completing more tasks.

BigTime Software, like any growing business, has laid out its roadmap focusing on three areas; new business, retention, and upsell. And, as a part of the new business, it included a feature that allows its customers to invoice/expense in multiple currencies. Some customers were not signing up for BigTime before this feature was added to the functionalities list.

I started by laying out a few use cases; a company that sends American employees out to Europe, visiting a customer in France who bills a Canadian client. With scenarios like this, I was able to plot out currency transactions that tested the user interface and its capabilities to handle multiple invoices/expenses across multiple currencies.

And since many credit card companies automatically print out receipts overseas with the conversion rate already included, users just wanted to ensure they were getting the correct reimbursement. Putting all these pieces together allowed me to ensure that the UI/UX met the needs of the typical business.