Jack of all trades, a master of some
jedi / 10+ years
expert / 10+ years
expert / 7 years
seasoned / 2 years
seasoned / 3 years
expert / 8 years
jedi / 10+ years
expert / 10+ years
expert / 10+ years
seasoned / 8 years
decent handle / 4 years
finalcutproadecenthandle3years motiondippedmytoes3years aftereffectsadecenthandle8years premiereadecenthandle8years compressionadecenthandle4years filming&lightingdippedmytoes3years adobemediaencoderseasoned6years
dreamweaverexpert10+years framerdecenthandle2years fireworkscanmanage7years omnigraffledecenthandle8years visiodecenthandle5years ftpjedi10+years filemakerproexpert10+years googleanalyticsseasoned10+years optimizelyseasoned4years jiraseasoned4years trellodecenthandle2years pptseasoned10+years
This is what I do well
Even though I've taken on my share of UI/UX work, I love adding the final polish to my work. It's also what comes most naturally for me.
I've designed and redesign a wide range of sites through the years. Multi-lingual, wordpress, blogs, marketing sites, landing pages, you name it, I've done it.
Through the years, I’ve worked with and mentored over 25 designers. Knowing how to communicate with fellow designers while keeping them excited and engaged takes polish. Reconginzing when something is working well design-wise, even if it's not specificly the way you imagined it – is an art form in itself.
If you need to make a good idea great, or great idea better, I'm here to help. Sometimes you just need the finishing touch to pull it together. I've always tried to keep keep the ball rolling.
Clients / Partners / Employers
How are we going list hundred of metrics for users to choose from?Read the Case Study
The site's been piecemealed together. Lets unify the look and reorganize it from scratch.Read the Case Study
Building out common social tool functionalityRead the Case Study
At Marin Software, our Search Engine Marketing tool helped advertisers manage their search spend across publishers, accounts, and clients. Unfortunately, our biggest competitor was FREE. Publishers offered tools for no cost helping you to spend more on their platform. Our product helped advertisers run their ads on Google, Bing, and Yahoo by speeding up and making campaign management more efficient. We also offered reporting and optimization tools. With all of these tools, there's value add for our customers in that it allowed them to scale their campaign spend from 5 to 10 million a month up to 80 to 90 million. One of the features that helped them out with reporting was our column/metric chooser. The early versions of our column chooser had a list of columns/metrics on a modal screen where you'd check the ones you'd like list on our primary grid style reporting page. When we kicked off the project, Google Adwords didn’t even have a column chooser/picker. However, we knew that our current model wouldn’t scale to accommodate more than 10 metrics without running into usability issues. Plus we knew Google would eventually throw a ton of resources at it.
While we were working on this project, I was doing a lot exploration work on evolving the look/UI of product as a whole. I wanted to update it immediately, but we knew we need to get this upgrade on the feature out as soon as possible to stay competitive with the publisher tools.
Our primary audience was search advertising power users. They are very familiar with Google’s publisher tools, familiar with web-based advertising tools, and used Excel on a daily basis. These are individual contributors who are using our product a number of times throughout the day to take care of campaign management and reporting. Most them were using the product 3-5 hours a day. Other users included our internal customer service team, our prodcut team. Most of the individuals using this feature would use it on a frequent basis to adust the reporting screen to their needs (finding outliers, ie top performers, revenue generators, etc.)
I worked with our head of product management, and a front-end developer to pull together this feature. I designed the layout, designed the UI elements, and gave direction on the user experience. I designed the UI/UX of the entire product and the column chooser was one of the more popular features.
We did a bit of research by using and playing around with the publisher ad management tools. I was also very familiar with display advertising tools DoubleClick and SDC (I've used them to run ads on the marketing side of things). At the time, we found that most of them didn’t give you an option to choose columns. Other tools that we came across that had column choosers/pickers, they were using a similar model to ours.
So, we sketched out some ideas and categorized the columns. We found that there was probably 3 or 4 ways to categorize the columns, and cases were made to move metrics from one category to category. So we decided to come up with a couple of paths for the user. One where you could browse and click through the categories, and one where you’d search to find the results. We also decided to run the categorization ideas by our power users to get their feedback. Of course, it was all over the place.
Through the process, I tried a couple of different layouts. It was apparent early on that it was going to be a pain to choose your columns, and then adjust the order after you saved your selection. Going back and forth to the reporting grid was slowing down the workflow dramatically. Especially before we had the feature where you could drag the columns.
I worked with our front end developer to get the look and interactivity right including ways to change the column order, how to display the found results, and how to show/hide the columns.
The upgraded feature was a huge success. At the time, our users weren’t able to hide/remove columns directly from the grid, so this feature helped them immensely. One of our goals was to spell out the performance beyond the click (which is pretty much what the publisher only wanted to show). When we designed the new look for the app, the column chooser looks even better. Google is still using the model they “borrowed” from us in Adwords Editor.
Through the process I learned, that for competitive reasons, it may be wiser to take a more iterative approach to release the feature. This was at the time where this was becoming more of a norm. What I also learned is that there were some features I wished were released earlier, but we had limited resources, and it was going to be tough to stay ahead of Google.
While working at Marin Software, we acquired a display ad retargeting company named Perfect Audience. At the time, 4 years ago, their management team, and even the individual contributors, were very hesitant to update the content on their site, nor update it’s look. The SEO worked really well on it, and their business was running well. Our management team, and the new Perfect Audience general manager finally felt that we might be missing out on some opportunities and the business might do even better with an up to date site.
After looking through the site, we noticed that the content structure was all over the place, the layouts and look of the pages weren't consistent. They were also using icons that were designed in 8-10 different styles. It looked like 10 different designers worked on it (after the acquisition, I helped them out with a page – trying to show them that we could pull together something really nice for them. However, everyone was just taking care immediate need of the time (a product page), and the bigger picture wasn’t addressed.
4 years ago, after running into a number of roadblocks, our team decided to focus our efforts elsewhere, and let the site run its course. We had limited resources, and there were a number of areas that were more pressing for our help. We weren’t looking to completely blow up the site, just touch it up, and get it more in line with what we were pulling together on our other web sites – marinsoftware.com, insights.marinsoftware.com, support.marinsoftware.com.
Flash forward 4 years, I returned to Marin Software to take care of a number of special projects that needed my help. After finishing those up, the Perfect Audience project landed on my plate again. Unfortunately for Marin and Perfect Audience, Marin Software was struggling and most of the key stakeholders for the Perfect Audience site had moved on. However, the need for an update was even more glaring. Design for the web had evolved exponentially since the site was originally designed. Their current managing director/general manager and his team reached out me to give them a hand. Fortunately, their business unit was doing really well, and some easy fixes could help them do even better.
The audience for the site is primarily performance marketers. Mostly from small and medium businesses who are comparing low cost online advertising products and channels. They want to be able to digest the information from the site quickly, and then decide to invest their time to get their feet wet testing out the product.
Another user of the product is Marin Software’s client services group, where they run ads for some of our larger clients. We used to offer an enterprise offering, but it currently it was an in-house service/agency model. They basically needed content to walk big customers through our offerings – retargeting advertising in a number of channels. These clients tend to be marketing managers who oversee budgets vs the users mentioned above who take care of the day-to-day campaign management.
I took care of the research, mockups, architecture, design and coding of the site. I’m also edited some of their content to fit it into the new content structure. I’m ran my work by my Creative Director, the Managing Director of the business unit, an engineer who works on their product, and the product manager of their product. The product manager and our editor will wrote and edited 3 new product/feature pages for the site.
I was forward a list of competitors and found some inspiration sites of my own. One of them had an interesting isometric approach with an interesting parallax effect that worked well due to it subtlety, check out Recurly here. From there, I pitched to the team some adjustments we could make to their current architecture, and recommended getting the content structure to be more consistent.
After looking through their content as well as looking at sites that were structured well, we realized we were only going to need 4-5 layouts for the site. I wireframed those out, and got the team to buy into both the architecture, and layouts with minimal changes from my first take.
From there I explored 3 approaches where I mocked up the home page, a product page, and a form page.
Using some of the elements I noted perviously from the Recurly site. We also wanted to use line-based icons to complement the text. The product is nice looking, but most of the screens looked the same. Plus, we were going to use a image gallery for screen shots.
I tried out a broader range of color, and used some halftone patterns to give it some more interest. In this version, I designed the icons with a more flat style. The thin/thick line stuff could easily be be played out and outdated by the time I finish the site.
I also wanted to show them a more conservative approach, which relied on photography compared to using illustrations and screen shots in the heroes. With a very limited budget, we were going to have to use stock photography.
I ran the work by our Creative Director for feedback and we were making incremental changes to the 3 approaches before pitching it to the Perfect Audience team. During the presentation with the team, we were leaning towards going with version 1 until I pitched them that I could try merging a number of the elements together – the angled boxes, the halftone patterns, flat icons, and broad color palette. However, I thought it might be too much, but it was worth a shot. The challenge would be fun.
Before I even got into the research side of the project, I discussed with our CD and the perfect audience engineering team what was working for the site, and what wasn’t work. Why the site wasn’t getting updated, and why there was a lack of consistency with the product pages.
After some back and forth, we decided to keep it simple with the site, make it bootstrap-based, responsive, and build it out in wordpress for some of the handy shortcode, menu, and SEO features. No one was really going to go in and update the content much, like a blog, but the implmentation of those features made it worth it. Just set up the site so that a production coder to go in, and just update the content every once in a while. Or have it set up for a designer like myself, who knows how to code, to go in add new pages as they were needed.
After running into a few headaches on the back-end operational side, we have the site up and running and I’m currently coding out the pages for the site. Check out the work in progress here. It’s expected to launch this week. Hopefully, it will “run its course” over the next few years and help the team improve their business.
As a result of this experience, I learned that sometimes, it can get a little tricky implementing a challenging design on the coding side. But if you keep working at it, you’ll come up with a solution. It’s very rewarding where you have to come up with the solution on your own vs borrowing it from another site. I also learned, that even though you might design a mockup for a responsive app or site, there’s so many breakpoints where you need to come up with the general direction and work with the developer (I was working with myself ;) to nail down the odd edge cases.Check it out live!
95% there, launching any day now
When I joined Knowledge Architecture, they had a great foundation for a Slack-like app that was deeply integrated with industry exclusive architectural software (DAM, CAD, Project Management, Budget tools). This intergration made it stick, and it was also used create a social environment where industry knowledge could easily be produced, retained, and shared.
At the time, creating posts were somewhat of a tedious process, and really only supported a single path to adding elements such as video, images, blueprints, project plans, and a number of other elements. Typically through a hybrid finder/browser tool.
For the creation of posts, the majority of users were power editors who tended to be more engaged with the app. By making it easier for them to create posts, they would more likely advocate for the adoption of our product and it’s features throughout their organizations.
The audiences for this feature, and for using our posts functionality were senior and junior-level architects, the aforementioned power editors, and internal implementors of our products, primarily system administrators based out of their IT departments. Ideally, we’d like to get everyone to use the posts feature, and our goal with the project, was to make it easier for them to use.
Knowledge Architecture was a small company, made up of only 10 employees. So everyone was wearing multiple hats. For this project, we had a product manager who was also the CEO, a researcher who was a client services rep, a front-end engineer, and myself taking care of the design work.
The look and design patterns for the app was pretty baked-in, so I was mostly designed to current patterns that were already established. However, some of the design had flaws and limitations, so it was a challenge to advance the design without blowing it up.
Our client services/product person was reaching out to implementors and power editors to help with the priority and needs of our user base. The CEO/founder of the company looked over this information and prioritize this feature based on looking over the research.
My role was to work with the product manager on this project to research similar tools, and draw out the better ideas. These included Slack, Medium, Twitter, and Facebook. Ideally, we’d try to use the best elements of these tools into our new feature without burning through our very limited engineering resources.
I then sketched out the userflows and iterated based on their feedback. For the most part, we wanted to get it set up so that users could choose from multiple file types (only making visible the ones that could be added), and add these files into the post through a finder, or via drag and drop. The finder function was halfway there, but for the purpose of this case study, I'll discuss the drag and drop.
I then designed pixel perfect mockups as to how the post editor would look (including touching up the icons to make them pixel perfect). How the objects would look as they are dragged in, and whether the objects change colors, have loading bars, would there be something to design where they would be placed, and what would happen if you selected multiple items.
Along the way, we were meeting with our front end engineer and one of our back end engineers to ensure that we weren’t painting them in a corner, and if were setting them up to spend too much time on the projects.
The objective of the drag-n-drop feature was to make it as easy as possible for users to add items to their post. We wanted to advance the design a bit without completely moving away from our current direction.
We decided on a final approach where we were adding in a bit more color than elsewhere in the product. I informed the team of the precedence and they were fine with the new direction.
To get a better feel as to how items adjust the current text in the post, I animated how the interaction would look and the team was excited with this approach.
The feature looked great and worked well. The process of adding items became less tedious and was no longer tied into a single path. The feature was well-received by our power users with some of them mentioning that they wished we came up with it earlier.
As a result of this experience, I learned that animating the interactive parts of a feature can often help you move the project along. Even though there’s a ton of common interaction patterns out there, a number of folks have to see it with their own eyes, including myself.
‘Chad is a brilliant designer with unequaled work ethic, business knowledge and people skills. I would recommend Chad to anyone and everyone.’
‘Chad is an outstanding manager to work for and possesses strong business knowledge, along with having excellent skills as a graphic designer who can turn around projects at a high level and speedy pace.’
‘Chad is a brilliant Art Director. He has not only great design/creativity skills, but also is a fantastic manager.’
‘The Home Depot guys came in and reiterated how they love the UI of the Marin App. It’s so easy to use. They even mentioned that everything you guys created gets copied by everyone else.’
‘Chad was an excellent member of our team. He provided solid, yet creative direction on all the web projects we worked on. He was a mentor to all on the team. Always a pleasure to work with.’
Working Smart –
Streamlining the Design Process
Every designer has their own preference with software, hardware, and workflows. Get them what they want. By setting up designers with the proper software and hardware, you immediately eliminate the “excuses”. By having the right equipment, the designer will have confidence in their setup, and more efficiently produce higher quality work. One wouldn't want to use Quark Xpress to design a web banner using archaic, 10-year-old G5s. The hardware/software pays for itself in improved productivity.
Storage and scalability is a huge first step, especially when you are dealing with video or massive Photoshop files. However, version control is one of the biggest headaches most design groups struggle with. You can easily write over old work, or accidentally pick up older, out-of-date versions. By organizing your work by jobs/projects, uniformly structuring your work, picking up and repurposing old assets, you can improve productivity individually or as a group by 70%.
So how do you pull this off? Always use a centrally located file repository, you can access files from anywhere in the office or remotely. This allows designers to store projects, share assets, and have a single north point – they will be confident they are picking up the latest version of a job. In this workflow, a designer will download a job, work on it for a while, and then write over the job on the file server (or in the could) write over the previous version when they are finished for the day.
My latest preference is to use a Drop Box workflow where everyone on the design team has an external hard drive that’s sync’d with our files located in the cloud. In our case, this allows us to easily access 600GB of files (220,000 files covering ten years of work). These files are easily searchable and accessed from anyone’s machine, anywhere in the world (in Marin Software’s case – SF, Austin, Paris, London). Anyone on the team typically can find a file within a few minutes. The files are backed up automatically, and Dropbox can revert to previous versions if the need arises.
Take proofing seriously. A methodical approach can improve productivity by 300%, yes 300%. I’ve come across too many situations where jobs get in an endless loop of a never-ending review process. If you are using terms like “final final”, there might be issues with the workflow :)
First step. Focus on exploration and give a breadth of quality choices for the team/client to review.
Second step. After working with a client to decide on a direction, the work in this stage is to get the work to get pretty close to the final goal.
Third step. By the third round, you really should only be focusing on adding polish and correcting typos.
Using my system, designers typically produce over a hundred projects a year including projects that take weeks to produce (product tours, videos, product features, web sites, etc.)
I hope everyone isn’t in it just for the for the money. There's a reason why designers often value wearing jeans and a t-shirt versus a suit and tie. We’re drawn to a different path. I’ve always advised folks, and practice it myself – find a gig where you are learning, where you enjoy your work, and success will follow.
It’s wise to keep track of what you are working on. A project management system will allow you to categorize jobs, track deadlines, and prioritize work. I’ve used a ton of tools over the years (and even built some out from scratch) – everything from engineering-focused web apps (Bugzilla, Jira, Mantis), databases (Filemaker pro), CRM/customer service systems (Zendesk, Salesforce) to a web-based excel sheet on roids (Smartsheet), and they all have their strengths and weakness. With design work, I’ve found that you need to come up with a system that balances granularity and the big picture, without being tedious. Use the system that works best with your workflow.
If you track projects, you’ll find that you are doing similar projects all the time. I categorize my work, and have given each project type a weight. With this “weight”, I can look at historicals to determine production times, set deadlines, and evaluate the prolificness of my design teams. It’s much easier to manage expectations by clients when everyone understands the deadlines, the priorities, and everyone has visibility into the progress of the projects in the department.
To close, all projects should be lined up into a queue, assigned a lead designer, a priority, as well as a deadline. When a designer finishes a round on a project and sends off a proof – they can quickly go into the next project where everything is lined up and ready to go.