The Quayle
Overview
The Quayle presented the limitations of a low-budget property coupled with a building rich in history. Copy was plenty, but image and media content was sparse for this affordable housing property. All shortcomings were made up with unique features and functionality: a sidebar with pop-out help text, transitioning the logo from the body into the navigation, and creatively decorating the images themselves. A particular challenge was programmatically building a frame with torn edges around featured images. Content behind the images meant there had to be transparency at the edge of the frame, but a PNG was too large a file. The solution I found worked best used an SVG of the frame to clip each JPG, rendering the image within the edges of the frame over background graphics.
