Select Page
The Gatesman Site

The Gatesman Site

The Gatesman Site

The Gatesman site undertook an overhaul in Spring of 2017. Our team had been seeing some cool trends and technologies that we were excited to use ourselves for some testing. 

    Getting Started

    I worked as the UX Lead in tandem with Kelsey Pledger, Junior UX Designer. We defined our target audience. Most people who contacted us for work were Director level and above in Marketing, Branding, PR,  or Corporate Communications. 

    We took a deep dive with the users and did a competitive analysis on industry websites to gleam some more insight on the latest trends. A few of the largest recommendations were:

    • Utilizing a new “always hamburger menu” allowed for more space and function.
    • We included the word “Menu” based on user feedback.
    • Users were overwhelmed and reducing the number of pages & case studies could help narrow focus.
    • Increase the quality of case study content to really tell the story of our work. Users wanted to know the process and that their is a real strategy behind our work.
    • Adjust language and talk like an industry leader. Example using terms like “expertise” over “capabilities”
    • Modern and Clean: Large fonts, background video, full screen scrolls
    • Consistent, focused call-to-action across the site, contact us

    Interactive Wireframes

    Since the layout of the site was drastically different from the previous layout, we decided to create interactive wireframes to communicate our ideas to the team. This included clickable links and a working navigation.

    Check out our Interactive Wireframes >

    Designs

    Working with Matt Axman, Creative Director at Gatesman, I created the interface design for a handful of pages on the site. 

    House of Tsang® Web Site

    With Gatesman+Dave I had the opportunity to help create a web site for the Hormel food brand, House of Tsang®. I was responsible for the creating user experience & visual design along-side a team of developers and other creatives.

    The responsive site had a very fast turn around and went from concept to completion in about 6 weeks.

    *A very talented concept artist, Dani Kruse, is responsible for all of the pretty illustrations that you see.

    Tsang Wireframes

    Tsang Sitemap

    Tsang Home page

    PPG.com Redesign

    PPG Industries

    In 2013 I was responsible for the both the user experience and the user interface of the new PPG.com website redesign. I did extensive planning, conducted a detailed competitive analysis, created the information architecture, wireframes, and final design.

    During the predesign phase of the PPG.com redesign conducted a content audit, took inventory of all the current pages on the site and created a sitemap for the future site. This allowed us to get the big picture of how many pages the site contained and easily reorganize the structure to better fit our users needs.

    In the past, PPG’s business units were each allowed to create their own web identities. With the new design, corporate was asking that the businesses bring their main identities back into the structure. (This excludes customer marketing sites.) One of the larger challenges was making sure the businesses needs could all be met inside this master structure, and if there were still sites that diverted with their own navigation, how could we promote the “PPG hub.”

    PPG IA

    The Voice of Color Web Site

    I worked on The Voice of Color Web Site redesign in 2011-2012 for PPG Industries. The site includes ~70 page with many dynamic features and is responsive. I drove the launch of VoiceofColor.com from concept to completion and worked with PPG marketing to fulfill their needs and requirements.

    I was responsible for project management: managing task and deadlines between team members; information architecture: current content review, new site maps, calibration with copywriter; user experience: competitive reviews, wireframes, user flow; art direction: design and strategy; and development: calibration with off-shore developers.

    VOC Site

    VOC Sitemap

    The Voice of Color App

    In 2012 I designed the Voice of Color mobile app for PPG Industries. I was responsible for the user interface design, information architecture, user experience and flow.

    The app is available on both the iPhone and android operating systems and allows the user to grab color on the go and translate it into a PPG Pittsburgh Paints color.

     

    VOC Mobile App

    VOC App