Design Development Work

No images of today’s work since I tossed out most of it when I was finished with the design process. My tasks for the day were to create a print ad and a double-sided bookmark. For the ad, I created 11 layouts. The first two were digital versions of the sketches that were handed to me. From there, I worked out different arrangements of text, font sizes, colors, adding a border, adding images, until I came upon the final design which was accepted. As you scroll through the previous designs, you can see how I slowly tipped my chessboard towards it. Each idea sliding downwards until I arrived at the final image.

I printed out the proofs, marked my two favorite, scribbled a note of guidance, and left them on the requester’s desk. Later, when I returned to pick up the pieces, he had also chosen my favorite one. While checking and re-checking the layout back in InDesign, I got frustrated with the tools. I nabbed the metal ruler from my colleague’s desk and held it up to my iMac’s surface. Then I slowed nudged the text box into place.

For the bookmark, I had looked at the theme idea last week in some confusion. I poked around on the web and found a bunch of photos for a moodboard of sorts and uploaded it the shared drive. On Friday, my colleague wrote back that I was close, but not quite right. I took her words, spent 2 minutes googling and found a lovely stock illustration. She loved it.

Today I started the work of creating a bookmark from that image. I’ll admit, these bookmarks aren’t quite the thing of dreams. I’m a little crunched for time, so it’s more important to get them done than perfect. For this project thought, I made a dozen or so layouts with different words and color choices. Sent it over. After lunch I had my response back. I then laid out 4 or so designs for the back and sent it back. Hopefully tomorrow I’ll get the sign-off so I can mark it as done.

We’re pushing a deadline of Friday here for these ten bookmarks. I’ve gotten works-in-progress drafts for six of them now. Once staff sign off on them, I can move them to the finish pile. The goal is to have all of them back from the print shop by September 1st for National Library Card Sign Up Month.

Planning Overall Library Program Themes for the Year

One of my jobs as publicity manager is to help departments find opportunities to work together on programs and services. As such, I found out their general program themes for the year. I then grouped these together in our wiki under two organizational schemes: by department and by season.

The information is pretty general so it remains flexible. For instance: Summer Reading Kick-Off: June. It doesn’t list the program theme or the actual start date. I arranged the seasonal information by ABC order. By department, by time.

I then immediately made use of the new resource by linking to it in an email for publicity planning, “Need help thinking ahead as to what we’ll be up to in this time period? View the seasonal program guide.”

Understanding Our Patrons Presentation

For an internal presentation, I developed a slidedeck based on the months of work my colleagues and I did to better understand our patrons. I won’t share the whole slidedeck, but some images are included in this post as illustration.

The first part dealt with departments categorizing their users into groups which share similar characteristics. They answered some questions about what users want, how they connect with us, and how we could do better by them. The second part was for me to crunch some data. The third involved surveying patrons guerilla-style. I’m still working on that last part.

We have some travelers!

Image is from a fascinating site. Click the image to see what I mean.

Do you know about this Google feature?

Four Layouts of Summer Reading

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.

Courtesy of Darien Library

Landing Page
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.

Courtesy of Darien Library

Kids Page
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.

Courtesy of Darien Library

Teens
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.

Courtesy of Darien Library

Adults
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.

Marketing
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.

Children’s Library in the Forest

We’re celebrating Camp Darien this year. My colleague took this photo of the Children’s Department and it was then sent to me to clean up. After 3.5 hours of scrubbing (while on desk), I then dropped it into a forest background. The forest background took about 30 seconds. At that point, I could have gone on to try to make it merge better or found a better background. My colleagues are happy though, so I’ll let it go. :-)

Publicity Award Winners

My library had the great honor of receiving three awards for our publicity this past year: our website, poster, and thematic (three or more related pieces). I have, pictured here, the items which were done mostly in my hand. Krishna gave generous assistance in the development of the Escape the Laboratory poster.

Lonely Planet Bookmarks

Lonely Planet Sign

Lonely Planet Digital Sign

Lonely Planet Digital Sign

Lonely Planet Sign

Lonely Planet Shelfmarkers

Genealogy for Kids Program

Today my colleague Krishna and I hosted “Discover Your Family Story” program for children grades 3 to 6.

Participants will begin a family tree, learn how to conduct an oral history interview and learn about library resources that can help you discover your family story.

The materials took me four hours to put together. Do my research, design the program and the craft project (seen above), cut out 12 trunks and leaves and 200 nametags for the trees, and put together the handouts. The most interesting part were people texting their relatives to ask, “What were the names of your grandparents? I only knew them as Pop…”

Collapsible FAQ

A little piece of work which I’m fairly happy with is this collapsible FAQ for our new WiFi page. It’s just some Bootstrap.

Closed:

Open:

It took a few variations to figure out the best layout for it. Originally I had screenshots from a Mac, PC, iPhone, iPad, and Android phone. Then I downsized and dropped the iPad. It’s listed first here since it’s the most common iOS for our users.