John Williard

San Francisco, CA

John Williard is a Product Designer based in San Francisco. He’s led the design of consumer-facing mobile apps and their customer-facing web dashboards focused on improving environmental and well-being behavior. His work has been trusted by global brands and featured on the App Store and Google Play. With a startup background, John embraces taking on many roles. He believes that design processes can make all aspects of a company better, and that designers are stronger with an understanding and appreciation for other positions.

Experience

Product Design Manager

Autodesk | 2020-Present

  • Launched Autodesk Takeoff in 2021

Senior Product Designer

BuildingConnected & Autodesk | 2018-2020

  • BuildingConnected acquired by Autodesk in 2019

Product Designer, Head of Product

JouleBug & Shine | 2014-2018

  • Responsible for the design of the JouleBug & Shine platform, powering dozens of consumer-facing sustainability and well-being activity apps and their customer-facing admin dashboards.

  • Designed the User Experience for JouleBug & Shine apps, featured multiple times on the App Store and on Google Play, through various stages of product: from MVP, through a major redesign, to maturity.

  • Created customizable branding trusted by global brands, including IKEA, growing from a single store to worldwide usage.

  • Managed product roadmap to help cities, universities, and businesses engage their members to change their behavior and grow closer to their organizations. Worked closely with Leadership, Sales, and Development teams to strategize.

  • Created and delivered product specs, wireframes, mockups, and prototypes to development teams. Used Agile development process through regular iterative release cycles, often adapting to new circumstances on the fly.

  • Led team responsible for creation of educational and motivational content for sustainability behavior change, used by thousands of users and respected world-wide brands like IKEA and Siemens.

  • Created and maintained multiple iterations of marketing sites targeting both consumers and customers.

UX Designer

JouleBug | 2011-2014

  • Created UI mockups and production assets for the early versions of the JouleBug iOS app. Worked with founders to establish the desired aesthetic of the app.

  • Created the original branding for JouleBug, including the logo, tagline, and the design of the JouleBug mascot. Created digital and physical marketing assets for use on the web and at events.

  • Created and maintained educational content for sustainability behavior change with team of content experts, designers, developers, and copywriters.

  • Led production of live-action, aspirational explainer video that helped define the direction for the company and product.

  • Represented JouleBug at events including SXSW.

Graphic Designer

Freelance | 2009-2011

  • Developed brand identity and supporting marketing assets for JouleBug.

  • Created initial explanatory video for JouleBug.

  • Designed large scale architectural renderings for potential building expansions and investors. 

Education

Bachelor of Architecture

North Carolina State University | 2010

Bachelor of Environmental Design

North Carolina State University | 2009

Awards

  • Featured by Apple on App Store (4x)

  • Editor's Choice on Google Play

  • Cherokee-McDonough Challenge | 2012

  • Eagle Scout Award | 2003

Skills

  • Adobe CC, Adobe XD, Sketch, Origami Studio, Xcode, Android Studio, Microsoft Office

  • HTML & CSS. Familiar with Angular, Swift, PHP, C