Our library uses the incredible art of Lisa Nowlain for our children’s summer reading program. It made it significantly easier to develop the web pages which support our four programs (pre-readers, kids, teens, and adults). This week I found out that even when we print out the trees at the size of children, they still look fresh.
To start my work, I sketched out a bunch of layouts for the children’s page. The head wasn’t there when I dropped by the Children’s Library, but her staff choose the design. The layout is almost identical to the Darien Olympics theme of last summer. I then selected my favorite for the landing page for all four programs. It took awhile as I had to create a large PSD file and duplicate the trees across it. The original wooden sign has tiny legs. I duplicated and extended them a little to complete my desired look. The buttons below are not what I wanted. However, the little wooden signs which fill up the brochure don’t work for the web. I have no idea why. So I used the plain ol’ generic default Bootstrap button for our website. I could have chosen another color, but the blue was the best default option.
Likewise, on the kids’ page, I cut off the legs on the sign to make it shorter. The PDFs are massive. I tried to squish them, but it became illegible. Maybe the watercolor background contributed to that? The location of the images is a little funny in order to make it usable on mobile. The tall tree and the kids collapsible below the information. Trying to get the blocks all to the same length was frustrating.
The background image for the teens page is from another artist (I’m unsure if he wants the attention). I struggled mightily with how to handle all the information on the teen page. The photos are all public domain. The struggle on this page are those movie covers. I ended up giving up on this yesterday. There are actually two more movies. The layout is a row with three columns. Each column has a row with three columns. When I blew the code out so I could look for the problem, it didn’t make sense. There should be enough room in it for up to 12 covers. But when I add in the extra ones, the images disappear and the date wraps to the second line. After 90 minutes, I finally gave up on it at the urging of my coworker. I’m displeased with that, but every tactic I tried failed. I don’t want to have rows with five or six images in it because then the covers are too dominating for the page.
I worked closely with colleague Virginia in developing the Adult Summer Reading page. She rejected my original header image and sent me three new ones to choose from. I selected the beach chairs. The challenge here was to keep her from the burden of creating a booklist for every single item on the Book Bingo Inspiration list. I managed to find some stuff on the website that would work. Then tasked her with developing 5 or 6 new ones just for this purpose. Her funniest chat was “What steampunk novel would you recommend?” for the new genre list.
The Book Readers Festival is another iteration of reusing Lisa’s artwork in new ways. I needed to make a flyer in a hurry so it could be posted around town. I opened up Canva looking for inspiration. I spotted it right away. Then I adjusted it for the design you see. It now exists as that image + flyer + poster which hangs over the front desk.
I’m copying the URL of the pages into a Google URL builder, setting up the tags, and then copying that link into Bitly. I look forward to seeing what the numbers look like at the end of August.