Design System


In 2017, I began working full-time on what was up to that point a side-project. Waxvine provides a content management platform that is specifically designed to support UX and UI experts and the content they create.


The idea for creating a hosted solution for design systems was based on my work creating and managing the design standards at Expeditors. It took a dedicated team to manage the standards which applied across multiple teams. I wanted to create a solution that would reduce the cost of implementation and maintenance.


Before diving into implementation, I spent time talking with fellow designers to determine viability and document requirements. Along the way, I learned that my original concepts were too ambitious and what was really needed was a simple way to quickly document design standards that are shareable with teammates. Once I was able to partner with the right co-founder, work began on determining the technical underpinnings from data storage to the front-end solution. We built a first version that was fantastically horrible but its what led to our current, fantastically great version.

From the dashboard, users are able to track library activity, manage member access, and update library details. Without having to navigate elsewhere, a user can also create a brand new library, clone an existing one or archive those that are no longer relevant.

I designed a simple layout for quickly viewing and navigating entries while categorization helps to keep things nicely organized.

To address supporting the unique types of content often found in design libraries (color swatches, typography, tabular data) I designed specialized content types to support this kind of information.

See more at

Billing Analytics


The goal of Globys' flagship product is to allow large telecoms to better serve their business customers by enabling them to see their calling data in much greater detail. It worked but it was all very old.


The application hadn't seen any significant updates in several years. Starting in 2012, I set out to create a vision for how this product will look and behave moving forward. Not only should it meet the needs of the user, but I wanted to set a course for the product design that would be easy to maintain and evolve in the future.


Although the product owner had years of experience with the product, I wanted to start with a blank slate. The last thing I wanted was to enter the design phase with a whole bunch of assumptions. So, based on lots of analysis, conversations, and questions, I iterated through several design concepts. With input from our engineering team, we decided to use Bootstrap. I created a fresh look on top of a tried and true foundation for responsive design. Although there weren't immediate needs for a mobile solution, utilizing responsive solutions would ensure that the team could accommodate such a requirement when it came up.

I created an easy to scan table layout. The user is able to refine their view with controls above the table (e.g. account, date) while concepts like tagging allow the user to further organize their data.

My goal here was to take what was an otherwise ho-hum invoice and provide other useful information within the same view. Usage data, related reports, and download options are only a click away.

One of the main features of the application is the ability to run reports. I wanted to provide a centralized place where the user can see all their report templates and the content of each before committing to running, modifying or creating a new one.

Client Management


Managing clients properly can mean the difference between having a job or having the corner office.


Developed for banking account managers, the application’s goal is to provide insight into what is happening with their accounts.


My goal was to design a compelling product that was easy to sell and users would love. I designed it with the same visual look and feel of the Billing Application above. My goal was to provide visual consistency for branding and ease of implementation across the Globys product portfolio.

I wanted to provide dashboard modules that would clearly display the difference between expectations and reality. Filters help to cut through the noise.

I proposed that each section have its own dashboard that would give the users a quick glance at what products or customers needed some attention.

Each customer has products, their own accounts, and fee schedules (the contract with the bank). To best present the information and to accommodate the addition of more information later, I organized it all across a tab-set. A responsive table allowed for the user to scroll without scrolling other important data off the page.

Fee schedules are a big deal so I wanted to make managing them easy. Allowing the user to modify data within the table allows the user to see how the changes they make affect their revenue targets on the fly.

Account Administration


Usage activity for mobile phone users in the Middle East.


Globys often needs to create solutions for both clients and its client’s clients. In this case, I designed UIs for displaying users’ usage activity and then some UIs for our client’s support staff to help out their customers when they need a little more help.


This solution required that it be integrated into an existing web portal of which users were already familiar. Working with existing design guidelines, I produced UIs that intergrated seamlessly into their existing site.

The design integrated into the existing site.

The account mamangement interface for customer service reps.

UI Standards Library


Between 2008—2011, while at Expeditors, I spent a good chunk of time creating and maintaining a UI standards library. It looks a bit dated now, but at the time it was a critical tool in the development of Expeditors business applications.


More commonly known now as a living style guide, the library detailed the components, patterns, and standard interactions that the entire enterprise used to create effective UIs.


I worked closely with designers, business owners, developers, and business analysts to establish the true need of our users. From there I managed the process of publishing something that teams could use to answer critical questions about user interaction.

Each standard has an overview that defines its purpose.

Each standard has a technical overview that explains how to implement it.

With each solution the user has the ability to view its source code.

Reports Management

In 2011, while at Expeditors, I worked with a team that creates enterprise data reporting solutions. I designed an all new management interface and updated the work-flow for creating and editing reports.

From here a user can view all available reports, create a new report, edit, run, or delete an existing report, see a list of recently run reports, and view, add, or remove reports from their list of favorites.

Utilizing the tree component, I provide a familiar interaction for the user to get started in the create report work-flow. I provide a detailed overview of each report that informs the user of which report will be used to base their new one (a requirement for creating a new report).

Breadcrumbs—seen at the top of the UI—are the standard way our users get around our UIs.

Through user testing, I discovered that some areas of the UI were tougher for users to figure out than others. Once they did figure it out they found those areas of the UI easy to use. So, instead of redesigning the interaction, I added in-line help to assist the user in getting started. Once mastered, the user would simply ignore the help. Redesign

A redesign of was well overdue since it hadn’t been overhauled in about ten years. Working directly with our marketing department, I lead the interaction design, directing the changes that needed to be made to the site’s flow, main interactions, and page layouts. Within eight weeks the updates had been made and the new site was published.

Using the existing UI standards as a place to start, I proposed how specific interactions (both new and old) should work, how each page should be laid out, how the user navigates around, and changes to typography.

The outcome is a better, stronger website. Content that was once outdated and hidden away in dark, scary corners was now reorganized and easy to find. Updated interactions made tracking freight, signing into an account, finding offices and contacting the company much, much easier.

The home page had a major face-lift but maintained the conservative look and feel that Expeditors is known for. Marketing provided an initial design and had some specific goals in mind like displaying featured stories, and industry news. Other features such as tracking freight and signing into a user account enable the site to be more than simply a big brochure.

I thought this little navigation widget was pretty fun and usable while keeping with the overall look and feel. It's a small detail, but I think that these are the things that make all the difference in creating a compelling experience.

A concept that I had been pushing for years, the sign in and tracking panel ties in the exp.o product with the company website. While this is not a new concept to other companies, this is really the first time that Expeditors has done this so seamlessly.

I wanted to provide the user a fast and easy way to learn more about certain features on the site.

The IA was reworked and the site content was organized into menu categories that run across the top of the page.

Through small tweaks to the line-spacing, choosing the right font and font-size, and creating strong visual cues I intentionally designed the layout of the interior pages to best serve readability and navigation.

This simple solution that I designed provides a very usable menu, while also maintaining the overall look of the site.

Client Configuration Wireframes

Globys deals with very large organizations—telecoms mostly—that have large customer bases of their own. What this means is that there is a lot of up-front and ongoing configuration that needs to be done in order to best serve these customers. Not only are there tons of different things to configure, but it’s all done very “manually.” By this, I mean that they make changes directly into the database—bypassing any UI altogether. Not good.

Although I didn’t know it when I started, my first project at Globys would be to design a UI that would actually make client configuration efficient and easy. Sadly, no budget or resources were ever allocated to create this application.

The greatest challenge was to organize all the content. It was the poster-child of information architecture projects.

The ability to make modifications outside of direct database manipulation would help to reduce errors and increase productivity.

Axure Prototype (self-service iPad app)

In preparation for a client visit, I was tasked with putting together a clickable prototype. I decided to design the UI to run on an iPad. Not only did I think that this would make for a compelling presentation—showcasing the kinds of products that we were working on—but it also forced me to design within a more restrictive space than I was used to.

Using Axure, I created a touch-gesture prototype that met our presentation goals perfectly: showcasing our product concepts, our ability to create custom solutions, and our ability to think outside of the box (especially as it relates to telecom billing analysis). They loved it and even gave me some chocolates.

The prototype showcases pushing critical notifications to the user, clearly displaying several accounts in one place and the ability to pay separately or bundle payments together. The prototype also demoonstrates registering for the first time.

Branding Guidelines

Globys' billing product normally integrates into an existing customer portal. Because of this it's important that our customers know what and how they can change the look of our solution to match their own interal branding guidelines. I created the following document to provide an overview of what can be done to support this need.

View brand guide

Some examples: the style guide is not a brand book, since those requirements comes from the customer. Instead, I created a concise document that provides broad guidance and insight into the design thinking.

View brand guide

Interaction Diagram

When providing guidance, I always consider my audience and how well I’m conveying my vision. I want to spend less time creating documents and more time designing. Often, less is more.

Diagrams like this offer a quick reference for finalizing the design with business and engineering. And if you really blow it up, it becomes a cool poster!