About Me

With more than 20 years of professional experience, I am a web developer who is very passionate about turning beautiful designs into fully functional, standards-compliant websites. I am a firm believer that ensuring accessibility is the responsibility of every developer, not only for individuals with disabilities, but across multiple browsers, devices and connection speeds. I'm a sucker for clean, efficient markup and am currently enamored with BEM and CSS preprocessors.

Expertise

  • Standards-based, front-end development utilizing:
    • (X)HTML
    • CSS
    • Sass
    • JavaScript (usually through jQuery)
    • adaptive/responsive, and/or mobile-first design
    • accessibility
    • usability
    • search engine optimization (SEO)
    • information architecture (IA)
  • Creating accessible websites following WCAG and Section 508.
  • Experienced leader with effective communication skills.

Experience

Jonathan Faustman

Assistant Director of Marketing

FHSU University Marketing

22 Oct.

  • Lead the Digital Strategy team, including hiring, supervising, and training.
  • Serve as the web and mobile subject matter expert within University Marketing and throughout the university, providing guidance and assistance for university departments and groups.
  • Develop and implement short- and long-term strategies for user experience (UX), SEO, content, and digital marketing.
  • Oversee FHSU’s web presence including UX, content, design and functionality.
  • Oversee technical implementation and development of FHSU websites.
  • Oversee the content for FHSU social media accounts to ensure brand standards are met and optimize engagement.
  • Oversee FHSU digital marketing efforts, including organic and paid marketing.
  • Collaborate with Creative Services to ensure consistency with design and branding standards.
  • Collaborate with representatives from university departments and groups to help identify and meet their goals.
Jonathan Faustman

University Web Content Manager

FHSU University Marketing

22 Jan. - 22 Oct.

  • Lead the Web Services team, including hiring, supervising, and training.
  • Oversaw FHSU’s web presence including user experience, content, design and functionality.
  • Oversaw technical implementation and development of FHSU websites.
  • Developed and implemented short- and long-term strategies for UX, SEO, and content.
  • Collaborated with Creative Services to ensure consistency with design and branding standards.
  • Collaborated with representatives from university departments and groups to help identify and meet their goals.
Jonathan Faustman

Senior Front-end Developer

K-State Office of Mediated Education

13 July - 21 Oct.

  • Created semantic markup of provided designs using HTML, Sass/CSS, and jQuery/JavaScript.
  • Designed mobile breakpoints for adaptive/responsive design.
  • Turned semantic markup into Django or static templates.
  • Created Python/Django applications to meet specified requirements.
  • Provided front-end development for other teams.
  • Designed wireframes or prototypes when needed.
  • Turned team-specific solutions into generic open source software.
  • Helped lead web team with project management, priority and goal setting.
  • Supervised and mentored web team students.
Jonathan Faustman

Web Application Developer

K-State Office of Mediated Education

10 Nov. - 13 July

  • Created semantic markup of provided designs using HTML, Sass/CSS, and jQuery/JavaScript.
  • Designed mobile breakpoints for adaptive/responsive design.
  • Turned semantic markup into Django or static templates.
  • Created Python/Django applications to meet specified requirements.
  • Provided front-end development for other teams.
  • Designed wireframes or prototypes when needed.
  • Turned team-specific solutions into generic open source software.
Jonathan Faustman

Web Team Leader

K-State Division of Continuing Education (DCE)

06 July – 10 Nov.

  • Developed and maintained DCE’s website, conference websites, and other related websites.
  • Monitored web pages to ensure web standards and accessibility compliance, and improve usability.
  • Supervised the web team and related web projects.
  • Developed web team policies and procedures.
  • Created and chaired DCE’s Web Advisory Group.
  • Implemented a global redesign of the DCE website (launched March 2007), and restructured the information architecture.
Jonathan Faustman

Student Web Team Leader

K-State Division of Continuing Education/Office of Mediated Education

03 Jan. – 06 July

  • Assisted web team leader with management of the student web team.
  • Distributed work and other projects to members of the web team.
  • Monitored for consistency in HTML standards, usability and accessibility.
  • Trained new members of the web team, and assisted with projects.
  • Created and edited web pages, websites and registration forms.
Jonathan Faustman

Student Web Developer

K-State Division of Continuing Education/Office of Mediated Education

01 Aug. - 03 Jan.

  • Created and edited web pages, websites and registration forms.
  • Worked with web team leader and other web team members to maintain consistency in HTML standards, usability and accessibility.

Education

Jonathan Faustman

Bachelor of Arts in Print Journalism and Mass Communications

The A.Q. Miller School of Journalism and Mass Communications

Kansas State University

01 Aug. - 06 May

Projects

jonfaustman.com

My personal website has been around since Jan. 2009, but often set neglected. Recently, I gave the site a design refresh, as well as updating the entire codebase.

  • Front-end development utilizing HTML and Sass/CSS.
  • Mobile first with a responsive breakpoint.
  • Custom WordPress theme including PHP development.

Django Frontend Skeleton

Django Frontend Skeleton is a basic Django template skeleton built on HTML5 Boilerplate and Twitter Bootstrap. With the convenience of an installable Django application, create custom templates built on top of one of the most well-known, widespread templates (HTML5 Boilerplate) and a robust front-end framework (Twitter Bootstrap.)

  • Open source
  • Hosted on PyPi
  • Easily include current Twitter Bootstrap and HTML5 Boilerplate static files.
  • Django template built on HTML5 Boilerplate.
  • Template tags for ease of use.
  • Changes based on environment settings for improved development and production.

2011 K-State Template for OME Applications

What started as a personal project of rewriting the new K-State template into HTML5 turned into a project used for most OME applications.

  • Written using HTML5 and efficient CSS.
  • Reduced HTTP requests with the use of image sprites.
  • Minification of static assets
  • Mobile first with adaptive breakpoints.
  • Print styles
  • Inclusion of Twitter Bootstrap and microformats.
View the documentation

2013 Innovations in Teaching & Learning Conference

Website for the 2013 Innovations in Teaching & Learning conference.

  • Front-end development utilizing HTML, Sass/CSS, jQuery/JavaScript, image sprites, microformats and Django templates.
  • Responsive breakpoints
  • Django application for adding and editing events.

2013 ITS Security Awareness Training

A slideshow-esque website for annual security training at K-State.

  • Front-end development utilizing HTML, Sass/CSS, jQuery and Django templates for 40+ pages.
  • Simple quiz at the end of the "slides".

OME Recruitment Website

A website to post, promote and easily share job openings at OME.

  • Front-end development utilizing HTML, Sass/CSS, jQuery and Django templates.
  • Mobile first with adaptive breakpoint.
  • Django application for adding and editing positions.

NBAF in Kansas

Website for the new National Bio and Agro-Defense Facility (NBAF) being built in Manhattan, Kan.

  • Front-end development utilizing HTML, Sass/CSS, jQuery and Django templates.
  • Mobile first with adaptive breakpoint.
  • Django application for adding and editing media items.
  • Django application for submitting comments.

2011 Axio Learning Conference

A scrolling website for the 2011 annual Axio Learning Conference.

  • Front-end development utilizing HTML, CSS, jQuery and Django templates.
  • Django application for adding and editing events.
  • Django application for registration.