Web Components

While migrating roughly 200 properties away from a legacy CMS at Ohio University, I was instrumental in creating a new foundation on Drupal 8, developing new and WCAG accessible components.

Roles & Responsibilities

Web Developer: I developed most of the components used in the CMS today following brand guidelines and web standards.

Project Details

Using HTML, CSS, JS, PHP, Twig, and the Drupal CMS, I developed over 20 branded, accessible, and versatile components for the Ohio University element library. During this work, I made elements dynamic enough to be reused throughout the site in order to maximize resource efficiency, align brand consistency, and meet client requirements on an enterprise level. In addition to developing these components, I also implemented them into dozens of websites that I transitioned into the new CMS. I accomplished this while working through other tasks such as bug fixes or website builds by communicating and collaborating with clients, designers, and other stakeholders.

topic preview component

Topic Previews: I developed topic previews to be versatile components allowing users to optionally showcase an image, heading, descriptive text, and provide a link to another page.

image tile components

Image Tiles: I created the image tile component to offer a reusable and repeatable way for contributors to highlight photographs which represent content on their site.

Image Tiles (with description): The Heritage College of Osteopathic Medicine required additional changes to the image tiles component, allowing them to optionally add descriptive text.

icon tile components

Icon Tiles: I coded icon tiles to provide visual interest to a group of links with the use of Font Awesome icons.

Explore Tabs: I developed the explore more tabs element, initially specificially for the College of Fine Arts, to offer a visually interesting way to strategically direct attention.