Jonathan Scott Lutz

Cloud and Mobile User Interface and Experience Designer and Developer

Main Photo BackgroundMain Photo
Down Arrow Icon

Highly organized, hardworking and driven individual looking for full-time UI/UX design opportunities. Desire to join a company or organization where creativity, passion and knowledge can be an asset. Ability to work individually and in a team environment to help an organization advance and reach its long term goals. Professional goal of designing digital products that gain consumer attention and draw awareness to brands, products and services.

Skills & Expertise

Over 8 years of experience designing, developing and project managing web and mobile applications. High degree of proficiency and experience using inbound marketing applications, email marketing, search engine optimization techniques and web analytics. Utilize user data through applications such as Heap Analytics, MixPanel and A/B testing to gain a better understanding of user experience in order to make design modifications that lead to customer conversions.

Web Design Icon


  • Web
  • Mobile
  • UI/UX
  • Graphic
  • Logo & Identity
  • Instructional
  • Photoshop & Illustrator

Web Development Icon


  • HTML & CSS
  • HAML & Jade
  • LESS, SASS, & Stylus
  • Javascript (jQuery)
  • ExpressionEngine
  • WordPress
  • Intermediate PHP

Online Marketing Icon


  • Search Engine Optimization
  • Web Analytics
  • Marketing Automation
  • Email Marketing
  • Pay-Per-Click Marketing
  • Affiliate Marketing

Recent Work

Radio Island Project Graphic

Radio Island Fishing Charters (personal project)

Website Design - Homepage Layout

Golfable Project Graphic (personal project)

Identity Design, Flowchart and Mobile App Design Layout

Ossembly Project Graphic

Ossembly (personal project)

Identity Design and Dashboard UI/UX Layout

ICPM Project Graphic

Institute of Certified Professional Managers (

Website Design & Development, Ecommerce Development and Identity Design

Truik Communities Project Graphic

Truik Communities (personal project)

Website Design - Homepage Layout

Trailio Tours Project Graphic

Trailio Tours (personal project)

Website Design - Homepage Layout

Community Bank Project Graphic

Community Bank (personal project)

Website Design - Homepage Layout

Hair Salon Project Graphic

Hair Salon Concept (personal project)

Website Design - Homepage Layout

Town of Broadway Project Graphic

Town of Broadway (

Website Design & Development and Identity Design

Down Arrow Icon


Instructional Designer

January 2012 - Present

Institute of Certified Professional Managers

Presently employed as an Instructional Designer with the Institute of Certified Professional Managers, a business center of the College of Business at James Madison University in Harrisonburg, VA. Day to day tasks involve utilizing a variety of skills including web design, web development, project management, search engine optimization, website marketing and website analytics.

  • Designed and developed organization's current website using Base responsive framework, HAML, LESS and Javascript.
  • Integrated website into content management system ExpressionEngine.
  • Designed organization's store page by integrating the ecommerce platform plugin CartThrob for ExpressionEngine.
  • Developed flowcharts and outlines to help construct a new customer onboarding process and managed a complete member management system migration which included over 3,000 users.
  • Designed and developed several complex forms to gather user data and assist with customer onboarding; form layout and function have resulted in an increase of over 133% in customer conversions.
  • Hired and project managed several freelancers to assist with the development of custom ExpressionEngine plugins and integrations.
  • Implemented Heap Analytics into the website in order to develop sales funnels and identify key areas of the site where customer bounces were occuring.
  • Helped implement and customize inbound marketing applications like Hubspot, Mautic and Wishpond.
  • Designed current Learning Management System (LMS); developed specs, flowchart and bid proposal for LMS development. Project managed Learning Management System development with a $100k budget.
  • Installed and maintain two WordPress installations.

Vice President

November 2009 - January 2012

Vision Studios Design

Worked as lead designer and developer for all projects in addition to duties as VP of a web development firm in Harrisonburg, VA. Assumed the role of project manager for several projects including an in-house texting and driving mobile application.

  • Designed and developed a wide variety of websites for several clients using HTML, CSS and Javascript; designed logos and graphic design pieces including brochures, business cards, flyers and letterheads.
  • Integrated websites using a number of content management systems including WordPress, ExpressionEngine, Joomla and CushyCMS.
  • Met with customers and potential clients to review project specs, determine requirements, identify project timelines and develop project budgets.
  • Implemented Google Analytics as well as Search Engine Optimization practices into client websites.
  • Developed flowcharts, outlines, project specs and database schema in addition to identifying and hiring outsourced developers to develop a texting and driving mobile application.

Freelance Designer/Developer

June 2008 - Present

JSL Interactive Design

Established my own web design/development firm, JSL Interactive Design. Firm grew into freelance web design and development for a number of companies in Harrisonburg, Charlottesville and Martinsburg, VA. Developed a solid networking relationship where I continue to undertake freelance work that includes web design/development, identity design, graphic design and consulting.

  • Design and develop a wide variety of websites for clients using HTML, CSS and Javascript; integrate a number of websites into content management systems including WordPress, ExpressionEngine, LightCMS and Squarespace.
  • Designed a simple response framework, Bookcase, consisting of LESS, SASS and Stylus -
  • Design logos, brochures, business cards, flyers and letterheads; assist in developing brand identities.
  • Utilize best practices for Search Engine Optimization.
  • Consult on issues regarding web design, web development, ecommerce development, website hosting and content management systems.
  • Meet with clients to review project requirements, develop project timelines and identify project budgets.


Bachelors Degree

Earned in 2008

Multimedia and Web Design
Art Institute of Pittsburgh

Masters Degree

Earned in 2011

Educational Technology
Boise State University

Graduate Certificate

Earned in 2011

Online Teaching
Boise State University

Contact Information

Contact Photo BackgroundContact Photo


(540) 560-3212



Bookcase Framework

In order to become more familiar with CSS preprocessors and responsive design I developed my own responsive framework. After researching several other responsive frameworks I ultimately developed Bookcase. While not entirely different than most responsive frameworks, Bookcase is unique in the sense that it comes with variants for LESS, SASS, and Stylus. It also includes a HAML and Jade starter template, as well as a Gulp and Grunt file for running tasks. To learn more about Bookcase click the logo below.

Bookcase Logo