JESSE EARLEY
Creative, hard-working, and team-oriented, with a specialization in front-end development and design. Accomplished in major web projects from inception through development and launch, with a proven record of getting the job done, all while striving to provide the best customer service experience possible.
Skills
Front-End Design & Development
HTML5, CSS3, CSS Grid, CSS Preprocessors (SASS & LESS), JavaScript, jQuery, Bootstrap, Foundation, Materialize
UI/UX (Desktop/Mobile)
Wireframe & Prototpying, Information Architecture, User Testing
Web Accessibility
WCAG 2.1 and WAI-ARIA implementation, Manual/Automated Web Accessibility Testing (Desktop/Mobile), with VoiceOver screen reader experience
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, Omni CMS)
Podcasting
Hosting, Producing, Recording, Editing
Portfolio
![Thumbnail of the NatSci Chronicles Coverart](images/portfolio/natsciChroniclesThumb.jpg)
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](images/portfolio/natsciNewsRewindThumb.jpg)
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](images/portfolio/spartanHealthScreeningThumb.jpg)
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](images/portfolio/uphysTracingThumb.jpg)
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](images/portfolio/jeThumb.jpg)
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
![Thumbnnail of MSU NatSci homepage from 2019](images/portfolio/natsciHomeThumb.jpg)
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
![Thumbnnail of MSU NatSci homepage from 2017](images/portfolio/natsciHome2017Thumb.jpg)
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](images/portfolio/overrideRequestsThumb.jpg)
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
![Thumbnnail of the accessibility toolbar](images/portfolio/accessibilityToolbarThumb.jpg)
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](images/portfolio/cmuHomeThumb.jpg)
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](images/portfolio/cmuGoHomeThumb.jpg)
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](images/portfolio/cmuDirectoryThumb.jpg)
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
![Thumbnail of the Central Michigan University application template](images/portfolio/cmuAppTemplateThumb.jpg)
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
![Thumbnnail of the Central Michigan University Apply application](images/portfolio/cmuApplyThumb.jpg)
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](images/portfolio/cmuCMEDHomeThumb.jpg)
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
![Thumbnail of the Lippert Components change management screen](images/portfolio/lippertThumb.jpg)
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
- Subject matter expert in defining business process and system specifications for the college's online presence, including website hosting, site design and functionality, content architecture, site migration, digital experiences, user journeys, brand standards, web analytics, and accessibility (digital and traditional).
- Collaborates closely with internal and external, technical and non-technical customers within the NatSci community to deliver services, content/data, online websites and applications, digital experiences, and training to users in support of the college's communications and advancement efforts.
- Led Ideation Committee - think tank committe of creatives advising on the digital space for the college
- Led the college CMS migration (81 sites)
- Video Producer
- Front-end Design/Development for the college
- Podcast Host/Producer/Editor
- Served 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
- Trained web content editors on college CMS, HTML, and web accessibility
- Served on MSU Web Governance Committee
- Provided yearly evaluations and quarterly checkpoints to direct reports
- Front-end Design/Development for the college
- Podcast Host/Producer/Editor
- Led college web design update project from inception to delivery (2017 & 2019)
- Served 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
- Trainrd web content editors on college CMS, HTML, and web accessibility
- Wrote, created, and coordinated content (pictures, video) for social media postings on college social media channels
- Provided yearly evaluations and quarterly checkpoints to direct reports
- 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 design languages and tools
- Conducted internal design reviews
- Established best practices and standards for design specifications for both internal and external use
- Converted PSD to working HTML and CSS templates
- Provided yearly evaluations and quarterly checkpoints to direct reports
- 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 of Ingeniux Web CMS
- 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 sitting in Toads coffee shop in Grand Ledge working remotely.](images/jesseToads.jpg)
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.
- Email: jesse.earley@gmail.com
- Twitter: @jesseearley
- LinkedIn: https://www.linkedin.com/in/jesse-l-earley/
- Github: https://github.com/JesseEarley
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.