Dept of Energy

Girls of Energy

As a consultant on the Vexillum team, I was given nearly every design task associated with this project. We were to start with an idea and develop a full visual identity, scientist personas, curriculum and a full promotional website with an eBook to match to tie it all together.

  • Branding

The requirements for the brand on this project were interesting to say the least. Not only did the end client not know what to name it but had very little direction in how they wanted it to look. We helped them establish the name and develop a look for the logo that was simple, fun, intelligent and flexible.

  • User Experience

To give the clients an idea of how the site would be laid out, I started with wireframes that showed generally where items would be located on a page then turned them into interactive prototypes that they could navigate by clicking around to get a feel for some of the functionality. Wireframing and prototyping were an essential and vital step in the site design to help determine the scope of work remaining in the following design & development phases of the project.

  • User Interface

Moodboard

To establish a design style and direction, I spent some time researching colors, patterns and layouts in the same demographic space. Then I worked to develop a moodboard document explaining the inspiration and the direction I proposed we take for the project.

  • Responsive Design

  • Print Design

T-Mobile

T-Mobile

While consulting at the Garrigan Lyman Group in Seattle, I had the pleasure of working with their team of ultra-talented UXAs in the efforts behind restructuring both the purchase flow and customer facing backend of the T-Mobile website. As part of a large team of designers, developers, strategists & architects, we completely redesigned a massive portion of their online presence into the responsive site you see today.

We spent several weeks researching, sketching, brainstorming and testing new flows and user experiences for the site. Through a user informed approach, we ended up flipping the entire customer experience on it’s head. Taking it from a “choose your plan first” approach to a “choose your phone first” approach. Needless to say the recycle bin got quite a workout through this part of the process but in the end we were all very proud of the work we were a part of, what it took to get there and the final result you see today.

Purchase Path

My.T-Mobile.com

OnlifeHealth

OnlifeHealth

OnlifeHealth had a very outdated application. Of their parent company’s thousands of customers, the adoption rate for their service was very low and that needed to change. Their online application was powerful and robust but the experience and interface were in need of a helping hand.

I was contacted by Onlife Health to consult them as part of an effort to examine & reevaluate their online presence in it’s entirety. The initial request was to review and research their application and then make recommendations for a new user experience and interface across the board. They hadn’t updated their application’s UX or UI in quite some time and knew it needed a refresh. What began as a research and exploration project, turned into a complete overhaul resulting in a fresh, tested, clean & responsive design that both they and their users were proud of.

0
Wireframes
0
Screens
0
Cups of Coffee
  • User Experience Research & Design

Research

We spent a considerable amount of time learning about the existing patterns of the system’s users. Their most frequented pages, common questions & general usage statistics. Then, addressed the layout of the overall site based on what we knew about the demographics and audience. We discovered that many users were getting lost in certain sections, visual hierarchy was an issue and some navigation elements were hard to understand. Additionally we developed several persona styles and focused designs around those types of individuals and what their desired outcomes would be.

Wireframing

“Start from scratch, hold on to only what the data supports as valuable, re-imagine ways we can connect with our audience, re-think everything top to bottom and don’t let anything hold you back.”

Once I had a clear understanding of the capabilities and backend data and technology of the application, I focused on coming up with a page structure that adhered to the directives we established in the initial research phase while envisioning some new data visualization possibilities and placement to better convey what was most important on each page while allowing the system to gently guide the user through the various processes it contained.

  • User Interface

  • Responsive Design

  • Native Apps

AlwaysOn

Taking such a robust application and making it simple and fun to use on a small device was quite a challenge. Where we had nearly all of the functions available to users in the responsive versions of the desktop app, we wanted to make the native app experience extremely deliberate and powerful.

After re-imagining a lot of functions and structuring them inside a compact interface, we went even further and built in many unique features that were only capable with a smartphone or watch. Step tracking, heart rate monitors, distance tracking, location notifications and challenges were just a few.

Health Finder

Health finder is a simple app to help users find a health provider in their network within a given geographic radius. Once a provider is found, a user can schedule an appointment. The app will remind them of their appointments, give them directions to the location and provide simple communication methods for them to get timely feedback from their provider’s office.

Diabetes App

Designed to help diabetics keep track of their blood glucose levels, manage their sugar intake and learn about doctors & food. The app was designed to be simple and very powerful. Featuring databases of nutrition information, doctors & health providers as well and easy to use tracking tools for keeping track of intake as well as medication.

  • Icon Design

Onlife Icons

To add clarity & visual identity to all of the different products, services and sections of the Onlife application, I put together an icon library. The goal was for the icons to be simple, clean and easy to identify. We tested may versions internally as well as with with focus groups and at the time of publishing this case study, this is the most current version of the icon set.

AIFD

The American Islamic Forum for Democracy (AIFD) is the most prominent American Muslim organization directly confronting the ideologies of political Islam and openly countering the common belief that the Muslim faith is inextricably rooted to the concept of the Islamic State (Islamism).

AIFD came to me with an outdated website design completely full of content but their users were having a really hard time navigating through all the articles to find relevant stories to what they were looking for. I envisioned a change of interface for them that would focus on providing an up to date front page and easy search tools to help their users get to exactly what they were looking for.

Union Coffee Lab

Union Coffee Lab

There’s just something amazing about great cup of coffee. It’s not just the aroma or the flavor but also the experience it brings. Whether you are enjoying a cup by yourself or together with friends, it’s destined to be a great experience if the coffee is up to it’s challenge. Coffee brings people together in so many ways so when a group of friends and I decided to work together on a coffee business, the name UNION was a perfect fit.

Union Coffee Lab is an artisan coffee roastery located in a garage. It focuses on finding unique single origin beans as well as developing blends in small batches. Roasted by hand and with the utmost care and respect for the art, Union Coffee is truly a manufacturer of great experiences.

ASU Wellness

It’s always exciting to work on projects that make a difference in our society & community. ASU Wellness aims at inspiring young adults to get involved and take action in their communities. Faced with a site containing massive amounts of information and limitless options for destinations, I focused the experience of the home page to function sort of like a newspaper with various headline sections. Each section would contain different visual identifiers and examples of the type of content the user would experience after clicking through to the destination.

Hit the Dot

Hit the Dot
A simple flick the dot game

Designed to be ultra simple and easy to understand, Hit the Dot was an exercise in minimalism and simplicity. I designed this game in an effort to better understand the iOS design & development process while having a little fun at the same time. Hit the Dot is a fun, little, addictive game with lots of potential for future versions. I am looking forward to building them out in the near future.

Download Hit the Dot

The game is available right now for 99 cents in the App Store. Please download it and let me know what you think.

ChatterPlug

This was a fun one to be a part of. The client already had an interesting design theme but needed help finishing out the rest of their site design as well as working some new content. I helped them develop additional visual styles and implement them on several pages throughout their site. This project really hit on my design style at the time and it was fun to have such an accommodating client.

Ratchet & Clank

No, I didn’t make the game or even work on any part of it but I sure would love to say that I did. This is a blog post about Ratchet & Clank.

I’m a gamer. I wouldn’t call myself a hardcore gamer, but I don’t like the term “Casual Gamer” either, so I’ll just go with “gamer” as I like video games. All kinds of them. I tend to spend the majority of my playing time though on games that don’t require serious finger dexterity and stellar hand-eye coordination. Now, don’t get me wrong, I do play & appreciate your Destiny, Call of Duty, Fallout, Battlefield, Assassin’s Creed and the like but there’s a couple higher priorities in my life that don’t allow for the amount of time these games require. So, I find myself playing games that are fun, semi-challenging, don’t require thousands of hours and offer frequent save points.

Enter Ratchet & Clank by Insomniac Games

I have played nearly every version of this game and loved every single one down to the tiniest detail. The creativity, storyline, characters, graphics & gameplay are just right on point with my mojo. From the basic Combustor to the mighty Heavy Bouncer, the weapons alone are just downright fun.

Take the “Sheepinator” gadget, for example, that turns your enemies into harmless sheep that instantly start wandering around, grazing and bleating after being shot, making them an easy one hit target. I mean genius, right?

There’s not much else that winds me down from a busy day designing, thinking, fighting with user experience conundrums  and what-not than a good round of Ratchet & Clank.

“Wait, You posted this on your personal portfolio website, I don’t get your thoughts behind that.”

Well, apart from everyday experiences, people you interact with and life in general providing conscious and sub-conscious direction to a designer’s character and personal style, I appreciate this most recent rendition of R&C for many of it’s beautifully thought out design features as well. Also, this is my site, I can do what I like :).

Okay, back to design. The interfaces intrigue me in this game. There’s nothing that I would deem revolutionary really, but the one interface that stands out to me as nice is the weapon upgrade interface.

It’s very easy to understand what upgrades are available to you as well as how you can select which ones to add. By surrounding secret sections, you can unlock special features and upgrades to your items. I think it’s an interesting way to address add-ons to something in a game.

Then there’s the trespasser lock system. This system is triggered by attaching a gadget called The Trespasser to a lock and solving a little puzzle of rotating rings and lasers to unlock a door.

There are lasers and blocking sections located on each ring and the goal is to rotate each into just the right configuration to light up all the sensors.In summary

Experiences truly do direct our sense of design. In my case, the experience of playing a video game like R&C not only relaxes me but re-envigorates my brain. Heck, I even get some interface design ideas out of it too. I mention all this because I believe it is utterly important to get out and experience new things, and not just certain types of things, but lots of varieties of experiences. New experiences are the spice of life and will not only make you a better designer (or whatever it is you do) but quite possibly an all around better person. You may not be the gaming type or particularly appreciate the same things I do, but I encourage you to try something new every day. It will most definitely keep you on your toes and always provide a fresh perspective to life. It’s these little “spices of life” that in turn keep you grounded and full of energy. It doesn’t have to be epic either. Something as simple as driving a different way to work or trying a new jam on your toast, done over time can have life-long positive outcomes on you.

I read a study one time about creative people and how they seem to be “just wired” to change things up from time to time out of a sheer sub-conscious defiance against boredom. This trait, while may come natural to these so-called “creatives”, doesn’t necessarily need to exist only in them. With a little intention and small amount of effort, defiance against the doldrums can become a habit for anyone. Practicing a little each day by doing something unique will help keep your life fun & full of spice. I challenge you to try it. I think you’ll like it!

Keep things spicy, my friends.

Create Something

Create Something

I was playing in Illustrator the other day. It all started with me drawing random triangles and various shapes. The next thing I knew I had something that looked like a dog or fox so I kept playing with it to see what I could do with it.

Being a creative person isn’t just something that is magically sprinkled on a select few of us. We are all creatives but just like anything else in life, it is something that needs to be put to use and practiced so that it can develop.

I can’t even count how many times I have heard people say “I’m not creative” and if I didn’t physically roll my eyes at them right then, I was sure at least thinking about it. That statement is incorrect. It should be something more like “I choose to not be creative” because I truly believe that creativity is nothing more than a choice. You can either choose to be creative or choose to not be. Creating something is hard work and takes time but in the end it’s a healthy exercise to practice often.