Front-End Web Developer

@ Emory University

May 2017 thru Present
Emory University

Job Skills

ADA Compliance Adobe Illustrator Adobe Photoshop Atomic Design Basecamp BEM Cascade CMS Coffee Snob CSS CSS3 Github Google Analytics Gulp HAML HTML HTML5 Javascript jQuery Mustache NodeJS Notepad++ Patternlab.io PayPal AATT php PUG/Jade Responsive Design Section 508 SiteImprove Analytics Twitter Bootstrap UI Underscores UX Virtual Studio Code WAMP WCAG AA 2.0 Web Documentation WordPress Zurb Inky Emails

Responsibilities

  • Build complex, robust websites that draw on numerous data sources to create an immersive and interactive experience
  • Support for blogging platforms, online video, message boards, and social media plugin integration
  • Design and create intuitive and applicable user experiences through information architecture, graphic design, and user interface development
  • Research current trends and needs, interviews key stakeholders and target audiences
  • Identify and document user and technical requirements
  • Develop production-quality mock-ups and interactive prototypes as well as production-ready graphics, interfaces, templates, and sites
  • Consult with stakeholders and users to determine cost-effective and high-quality solutions and advise on the feasibility and direction for website initiatives
  • Optimize sites for multiple viewports (responsive design), especially mobile devices
  • Analyze client requirements to develop customized solutions that optimize function of CMS Cascade and facilitate website maintenance.

Completed Projects

iChoose Kidney Risk Calculator
Upgraded the UI, UX, markup, code, and calculation coefficients in a complex Javascript/jQuery application that predicts survival or mortality for patients with kidney disease. This website is built using the new Emory Standard Template (more information under Current Projects). View iChoose Kidney Risk Calculator

Emory Brand Pattern Library
Created a pattern library for the updated Emory Brand using patternlab.io, Mustache, Gulp, json, SASS, and the Twitter Bootstrap framework. View Pattern Lab Repository

Code audit and development of Emory University Office of the President website
The Emory University Office of the President website currently has accessibility issues, uses an outdated version of Bootstrap, and is not implemented into the Cascade CMS. The biggest priority is to make the website meet WCAG AA 2.0 compliance, then to improve performance, cross-browser compatibility, and adjust content as needed. View Website

Responsive HTML email for Emory Office of the President
This email was sent during the winter holiday season in 2017 to a large audience. Zurb’s Inky Emails template system was used to optimize the development of this email to ensure responsiveness and functionality across a large variety of devices and technology. View Email

Current Projects

Developing a template for Emory Continuing Education
Like all of our new developments, this website will be fully WCAG AA 2.0 compliant and responsive on all devices. Development is done with a Gulp taskflow including SASS, Nunjucks, Autoprefixer, and many other tools to optimize workflow. View demo on Github

Creation of a standardized default template based on Emory Branding
This template is created using Bootstrap 4 as the base framework. The design is clean and easily modified for individual customers. All sites with this template are expected to be WCAG AA 2.0 compliant and fully responsive on all devices. View demo on Github

Developing a template for Emory Office of Global Strategy and Initiatives
Like all of our new developments, this website will be fully WCAG AA 2.0 compliant and responsive on all devices. Development is done with a Gulp taskflow including SASS, Nunjucks, Autoprefixer, and many other tools to optimize workflow. View demo on Github

 

Future Projects

  • Relaunch the Emory News Center
    A fully customized theme and several plugins are being developed from scratch from the Underscores WordPress starter theme
  • Rebrand and develop www.emory.edu
    A long overdue project that will bring the face of emory.edu up to speed with modern design, UI, audience-first UX, mobile-readiness, WCAG AA 2.0 accessibility, and sleek new branding

Related Media

Github contributions to Emory University
View Kayla’s Github page

 

Cascade 101: This template is used for documentation and training for Emory employees who use the Cascade CMS by Hannon Hill.

 

Emory University Pattern Library: This repository was developed to provide the Emory Web Team a reference for HTML and CSS markup when developing new Emory websites and templates.

This example of the Emory University Pattern Library shows the page template for displaying multiple people and their contact information.
Click to navigate to the live Emory University Pattern Library.

 

Emory News Center: This website is being developed in WordPress with along with a completely custom-built theme utilizing the markup and branding in the Emory Pattern Library.

The Emory News Center development website homepage
Click to navigate to the live Emory News Center Development website.

Room Search for Emory University Registrar Office