Each year the Orange County Library System conducts a Summer Reading Program that includes a website where juvenile patrons can register, track their reading progress and event attendance, review books, and print vouchers for end of the program prizes. There are also event feeds and information/links managed by the organization’s Youth Services department.
Each year, my responsibilities in this project were:
- styling the Kids and Teens desktop and mobile sites to match the provided branding created by the organization’s graphic designer each year using CSS
- assisting in training of staff on managing users, sign ups, reporting within the site
- custom MailChimp email templates for Kids and Teens
- training staff on using MailChimp for weekly email newsletters during the program
In my first year working with the Summer Reading Program site, I used CSS to adjust the layout, adding more whitespace and increasing the font size for better readability. To make the site more modern, I used principles of flat design and “cards” to display modular objects like events and book reviews.
The site included redirection to a (separate) mobile site using device detection, which also included the new design and readability improvements. However, device detection does not always include every possible mobile device, so I used media queries to make the desktop site responsive. This ensured users would have a great experience on any device.
In 2014 the layout was largely the same as 2013, the colors were adjusted to fit the new year’s theme and branding.