Skills

Front-End Design & Development

HTML5, CSS3, CSS Grid, CSS Preprocessors (SASS & LESS), JavaScript, jQuery, Bootstrap, Foundation, Materialize

UI/UX

Wireframe & Prototpying, Information Architecture, User Testing

Web Accessibility

WCAG 2.1 implementation, Web Accessibility Testing (Desktop/Movile)

Multimedia

Adobe CC, Audacity (Audio), DaVinci Resolve (Video)

Social Media Management

Facebook, Twitter, Instagram, YouTube, LinkedIn

Training

One-on-One or classroom led training on: HTML, CSS, WCMS (Web Content Management Systems - WordPress, SharePoint 2013, Ingeniux CMS, Mura CMS)

Podcasting

Hosting, Producing, Recording, Editing

Portfolio

Thumbnail of the NatSci Chronicles Coverart

The NatSci Chronicles

Description: A quarterly themed podcast for the MSU College of Natural Science.

Responsibilities: Creator, Host, Producer, Editor

Link: YouTube Playlist

Thumbnail of the MSU Spartan Health Screening Form

NatSci News Rewind

Description: A monthly podcast recapping news originating from faculty/departments/programs within the MSU College of Natural Science.

Responsibilities: Creator, Host, Producer, Editor

Link: YouTube Playlist

Thumbnail of the MSU Spartan Health Screening Form

Spartan Health Screening

Description: MSU IT reached out to me for help with designing their COVID-19 Health Screening form, a daily-use form by anyone coming to campus during the COVID-19 pandemic. The design uses a Bootstrap 4 foundation with customization on top.

Responsibilities: UI/UX Design and HTML/CSS Mockup Delivery

Link: https://covidresponse.msu.edu/health-screening (Live Form)

Link: https://github.com/JesseEarley/msuCovid19/tree/master/covid19HealthScreening (Code Repository)

Thumbnail of the MSU University Physician Tracing applicatin

University Physician Tracing

Description: MSU IT reached out to me for help with designing their COVID-19 University Physician Tracing application. This application is used by University Physician staff for internal COVID-19 contact tracing. It consists of a form for entering in new cases and close contacts, a search page, and a case queue to allow case managers to process cases and close contacts. The design uses a Bootstrap 4 foundation with customization on top.

Responsibilities: UI/UX Design and HTML/CSS Mockup Delivery

Link: https://github.com/JesseEarley/msuCovid19/tree/master/covid19Tracing (Code Repository)

Thumbnnail of JesseEarley.com

JesseEarley.com

Description: JesseEarley.com. the website you are visiting right now, was designed, built, and implemented by me. It uses CSS Grid for layout, along with a combination of CSS3 and custom vanilla JavaScript for animation (fade and slide effects). The concept behind this design was to deliver a straightforward and clear portfolio/resume site. The single page design delivers all of the relevant information to the user without ever having to leave the page.

Responsibilities: Design, Build and Implementation

Link: https://www.jesseearley.com

Thumbnnail of MSU NatSci homepage from 2019

MSU College of Natural Science (2019)

Description: This College of Natural Science web content management system design was rebuilt in 2019/2020 without the use of a front-end framework. Instead, CSS Grid, a native layout tool, was used. The change form Bootstrap 4 to CSS Grid allowed for the removal of any inherited accessibility issues, and a drastic reduction in overall page weight. This design is used by the college and its roughly 100 websites that are housed in the college CMS.

Responsibilities: Design, Build and Implementation

Link: https://natsci.msu.edu

Link: Original Wireframe Mockup

Thumbnnail of MSU NatSci homepage from 2017

MSU College of Natural Science (2017)

Description: This MSU College of Natural Science web content management system design used a Bootstrap 3 foundation with heavy customization on top and included 7 different layouts, each with their own unique functionality. The design was updated to Bootstrap 4 in 2018. This design was used by the college and its roughly 100 websites that are housed in the college CMS.

Responsibilities: Design, Build and Implementation

Link: https://web.archive.org/web/20171211144247/https://natsci.msu.edu/ (Internet Archive version)

Thumbnail of the NatSci Ovrride Request Application

MSU Override Requests Application

Description: The MSU College of Natural Science Override Requests Application was rewritten by college IT. I was brought in to update the UI/UX to ensure consistency with college and university brand standards, and to ensure the application was easy to use, responsive and accessible.

Responsibilities: UI/UX Design

Link: https://app.natsci.msu.edu

Thumbnnail of the accessibility toolbar

Accessibility Toolbar

Description: The Accessibility Toolbar is a small front-end tool to help make any website more accessible for users. It includes: Grayscale, Link Highlighting, Contrast Change, Increased Text Size, Increased Letter Spacing, Dyslexia Friendly Front and Increased Cursor Size options. This toolbar is implemented in all MSU College of Natural Science websites (~ 100 sites).

Responsibilities: Design, Build and Implementation

Link: https://github.com/JesseEarley/2021-Accessibility-Toolbar

Thumbnail of the Central Michigan University homepage

Central Michigan University

Description: Central Michigan University web designs use a Bootstrap 3 foundation with heavy customization on top. Each college had its own design with multiple generic CMU-themed templates that are used across departments and programs. Each design included a minimum of 3 different layouts. Designs were built for the CMU web content management system (SharePoint 2013).

Responsibilities: Build and Implementation

Link: https://www.cmich.edu/

Thumbnail of the Central Michigan University Go homepage

Central Michigan University - Go

Description: Go.cmich.edu, CMU’s marketing website, featured the first 100% width web design at Central Michigan University. The initial design concept was brainstormed by my team and I, and pitched to University Communications, with a near final design developed by one of my designers. I built and implemented the design in SharePoint 2013. It was built using a heavily modified version of Bootstrap 3.

Responsibilities: Design concept, Build and Implementation

Link: https://go.cmich.edu/

Thumbnail of the Central Michigan University online directory

Central Michigan University - Online Directory

Description: Central Michigan Universitiy's online directory uses a modified version of Bootstrap 3 for both layout and design and is fully responsive. The directory displays each person in their own card with name, phone, and email for students, and name, title, unit, office location, phone and email for faculty/staff. For available phone numbers and email addresses, both are clickable to initiate a phone call or start an email.

Responsibilities: Design, Build and Implementation

Link: https://www.cmich.edu/search/Pages/people.aspx

Thumbnail of the Central Michigan University application template

Central Michigan University - Application Template

Description: Central Michigan University has an in-house web development shop that built most tools and applications used by students on campus. With a large back-end team, it was the responsibility of my front-end team and I to develop a design and component template that could be used across applications to maintain a consistent look and feel as users navigated between them. The template uses a modified version of Bootstrap 3 for easy layout, component use, and responsiveness.

Responsibilities: Design, Build and Implementation

Link: https://www.cmich.edu/search/Pages/people.aspx

Thumbnnail of the Central Michigan University Apply application

Central Michigan University - Apply Application

Description: The Central Michigan University online apply application, used by prospective and current students, was developed before responsive design gained popularity. My team and I reworked the entire application UI to be responsive and accessible. The application uses a modified version of Bootstrap 3.

Responsibilities: Design concept, Build and Implementation

Link: https://apply.cmich.edu/

Thumbnail of the Central Michigan University College of Medicine homepage

Central Michigan University - College of Medicine

Description: The College of Medicine, the newest college at Central Michigan University, required a design to standout from the other colleges on campus. My team and I each came up with a unique design to pitch the college, with the winning design having been developed by my UI/UX designer. I built and implemented the design in SharePoint 2013.

Responsibilities: Design concept, Build and Implementation

Link: https://www.cmich.edu/colleges/med/

Thumbnail of the Lippert Components change management screen

Lippert Components - Change Notification System

Description: I performed freelance web design work and implementation for Lippert Components, the leading supplier of RV parts. This work included updating the UI for both the change management dashboard and search interface to be more user-friendly and mobile responsive. This project saw the implementation of a customized version of Bootstrap 3.

Responsibilities: Design, Build and Implementation

Link: https://www.lci1.com (Company site)

Work History

Director of Digital Media
July 2021 - Present
Lead and manage the digital media/web team within the Communications unit.
  • Lead Ideation Committee - think tank committe of creatives advising on the digital space for the college
  • Leading the college migration from current CMS to new CMS
  • Video Producer
  • Front-end Design/Development for the college
  • Podcast Host/Producer/Editor
  • Serve as the web accessibility liaison for the college, attending monthly accessibility meetings with Central IT, and reporting out web accessibility progress on a monthly/yearly basis
  • Train web content editors on college CMS, HTML, and web accessibility
  • Serve on MSU Web Governance Committee
  • Provide yearly evaluations and quarterly checkpoints to direct reports
Digital Media Manager
Nov. 2016 - June 2021
Manager of Digital Media for the College of Natural Science
  • Front-end Design/Development for the college
  • Podcast Host/Producer/Editor
  • Led college web design update project from inception to delivery (2017 & 2019)
  • Serve as the web accessibility liaison for the college, attending monthly accessibility meetings with Central IT, and reporting out web accessibility progress on a monthly/yearly basis
  • Train web content editors on college CMS, HTML, and web accessibility
  • Write, create, and coordinate content (pictures, video) for social media postings on college social media channels
  • Provide yearly evaluations and quarterly checkpoints to direct reports
Team Lead/Sr. Front-End Web Developer
April 2014 - November 2016
Led and managed Office of Information Technology front-end development staff. Consulted with campus departments and user offices. Created, built, and maintained university web designs.
  • Led project for updating university website for WCAG 2.0 compliance
  • Worked with IT purchasing to verify vendor software for accessibility
  • Led upgrade of university website to Bootstrap 3 for mobile responsiveness
  • Evaluated and recommended web designlanguages and tools
  • Conducted internal design reviews
  • Established best practices and standardsfor design specifications for both internaland external use
  • Converted PSD to working HTML and CSS templates
  • Provided yearly evaluations and quarterly checkpoints to direct reports
Web Developer/Programmer II
October 2008 - April 2014
Member of the Office of Information Technology Web Team
  • Led upgrade of university website to responsive design using Bootstrap 2
  • Managed a small design team consisting of a full-time Digital Designer and two Student Designers
  • System Admin and Trainer for end-users ofIngeniux Web CMS
Web Developer/Programmer I
October 2007 - October 2008
Member of the Office of Information Technology Web Team
  • Handled development requests involving front-end HTML and CSS changes on the public websites and applications

Education

Central Michigan University
MSA, Information Resource Management
2010 – 2012

Central Michigan University
BS, Computer Science
2003 – 2006

Baker College of Jackson
AAS, Computer Programming
2000 – 2003

Contact

Photo of Jesse Earley standing with his arms crossed

Thank you for stopping by my little corner of the web and learning a bit more about me.

I am open to new job opportunities and always willing to help people meet their web presence goals. Please don't hesitate to reach out to me if you feel I can help you in any way.

If you'd like to stay up-to-date on my happenings, you can visit my blog.

If you'd rather stay business focused, I have also written several articles that you may find of interest.