 Hello everyone, and welcome to today's TechSoup webinar. Thanks for joining us. My name is Crystal and I'll be your host. Today's webinar is Library Websites on a Budget, Tools, Tips, and Tales. We have three guests joining us who will share their experience redesigning their library websites using free and open source software. We will be using the ReadyTalk platform for our meeting today. Please use the chat in the lower left corner to send questions and comments to the presenters. We will be tracking your questions throughout the webinar and will answer them at the designated Q&A section at the end. All of your chat comments will only come to the presenters, but if you have comments or ideas to share, we will forward them back out with the entire group. You do not need to raise your hand to ask a question. Simply type it into the chat box. Should you get disconnected during the webinar, you can reconnect using the same link in your confirmation email. You should be hearing the conference audio through your computer speakers, but if your audio connection is unclear, you can dial in using the phone number in your confirmation email. If you are having technical issues, please send us a chat message and we will try to assist you. This webinar is being recorded and will be archived on the TechSoup website. If you are called away from the webinar or if you have connection issues, you can watch a full recording of this webinar later. You will receive an archive email within 24 hours that will include a link to the recording, the PowerPoint slides, and any additional links or resources shared during the session. If you are tweeting this webinar, please use the hashtag T-S-4-L-I-B-S. We have someone from TechSoup live tweeting this event, so please join us in the conversation there. TechSoup connects nonprofits, charities, libraries, and foundations with tech products and services, as well as information so that you can make informed decisions about technology. During the past 17 years, TechSoup has distributed over 11 million technology donations to over 200,000 nonprofit organizations, libraries, and charities in over 60 countries worldwide. TechSoup offers mobile devices, refurbished computers, software, and services through their product donation program from vendors like Better World Wireless and Microsoft. For more information about TechSoup products and donations or services, please visit techsoup.org and click on Get Products and Services. TechSoup for Libraries addresses the specific technology needs of public libraries. TechSoup for Libraries gathers stories from public libraries about how they are utilizing technology and shares them via webinars, blog posts, and the TechSoup for Libraries monthly newsletter. Find these stories and sign up for our newsletter at techsoupforlibraries.org. With that, we're ready to begin today's webinar, Library Websites on a Budget, Tools, Tips, and Tales. We will hear the stories of three libraries who have undertaken website design projects with limited resources, and they've survived to tell their tales. Please welcome our three guests for today's program. Amy Marshall is the Director of the Craig Public Library, a small library on the remote Prince of Wales Island in Alaska. Amy has single-handedly redesigned her library website to be engaging and responsive to community interests. Karen Mir is the Director of the Plattsmith Public Library located south of Omaha, Nebraska. Karen manages the library website as part of the city website, which she also maintains. Carol Geiger is the Library IT Manager for the Puder River Public Library located in Fort Collins, Colorado. Carol recently led a complete redesign of the library website which involved a committee of library staff and stakeholders. My name is Crystal Schimpf, and I'll be your host for today's webinar. Assisting us with chat and Twitter, we have Jenny Meese and Ali Vizekian of the TechSoup for Libraries team. We will be on Twitter using the at techsoupforlibs handle. During this webinar, our guests will present a blend of tools, tips, and tales from their experience. Each guest has used a different free or open source platform to design their website. We will share the links to their website after the webinar is over as part of the archive. During the webinar, we invite you to focus on the content they share in their slides. While we won't be able to give you a full training on how each tool works, we do hope to show you some of the features and considerations using each tool. We hope that through their stories you learn a few new things to apply in your library. We will have time for questions after each presenter. Please send your questions using the chat as they arise and we will address as many as we are able. If you ask a question that we are not able to answer during the webinar, we will follow up later via email with a response. You can also ask questions on Twitter. All of the resources discussed today will be available in the archive of this webinar. We will also include a handout with tips and resources compiled from the content we are sharing. Now we wanted to learn just a little bit about why you are here today. So tell us, does your library's website need a makeover? Your responses are completely anonymous. Just select your response by checking the radio button and then click Submit. I will give you a few seconds to respond here. You can see that many of you are here saying that your library does need a makeover. And some of you aren't sure and I understand that may be a tricky position. You may want to investigate that idea a little bit more and this webinar may help you see that. I also know that some folks out there still in fact do need a website for their library and that you may be designing one for the first time. You may have some just informational site up or something very basic, but you are looking to develop a more full-fledged website. It looks like most people have responded who we are probably going to so we will go ahead and close the poll and see that almost 70% of you are looking to give your library's website a makeover. And more on top of that if we take into account those of you still creating a website for the first time or who maybe aren't sure. So hopefully you will all get some new tips and ideas to incorporate into your process today. Now we also wanted to find out how you feel about this topic. So tell us, how do you feel about working on your library's website? Do you think it is pretty easy or is it more of a struggle? Or is it the last thing that you would really want to work on? I know there are some of us that maybe would rather do something else. And we can see as the responses are coming in. I will give you just a second to think about that. You are also welcome to share in the chat at any point. If you have commentary to share please share it with us. And Allie will send that back out to the group if it is something that is maybe something everybody would appreciate or if you have other ideas to share. We can see that while some of you are comfortable with web design and you have an easy time with it. But really the majority are having a bit of a struggle or would rather work on another project entirely. So we will go ahead and close the poll in just a second here so we can get the final results. And we will go ahead and close it now. All right. Good. Well thanks for sharing your thoughts with us on those two topics. It helps us see why it is you've joined us today. And again hopefully you will get some tips and ideas regardless of where you are in the process. Now during this webinar you will learn about three free web design tools and they are listed on the left. But there are other free tools which are also used by many libraries. And we will share some examples of other websites in the archive so you can see what other possibilities exist. We will also share the links directly to these tools so you know where to find them. If you are relatively new to web design we may be throwing around some terms today that are new, some tech jargon. And so here are a few of the terms I just wanted to go through that might be confusing if this is a new topic for you. And I will just put them in context. We are talking about the overall topic of web design which is the creation of a website. Web hosting is the server or the location where the website content is stored and made available on the Internet. The content management system is the software that allows you to create, edit, and publish content. And if you are more advanced at web design you may also incorporate a coding language like HTML to make specific customizations within your CMS. We will include these definitions in the archive as well but hopefully that gives you some context as we go into the topic today. All right, well we have made it through our introduction and it is time for me to hand over the controls to Amy Marshall, the director of the Craig Public Library in Alaska who will tell us how she has made a big impact with their new library website using Weebly. Amy? Thanks. I am Amy Marshall. I am the director of the Craig Public Library. I have been the director since 2010. I am also now a member of the ARSL board. My background is in archives and curation so I was new to libraries. When I got this job Craig is a very remote place. We are on Prince of Wales Island so we are in Southeast Alaska, one island over from Ketchikan. We have a 1200 square foot building that serves 1200 people in Craig, Alaska. We have 3725 active patrons so we also serve the greater Prince of Wales Island and then we also have the influx of the summer visitors that come in every year. The only way in and out of Craig is by ferry or float plane. This year coming up 2015 is the 80th anniversary of our library. So that is just to kind of give you a background of where Craig is and what Craig is and how small and remote it is. We do have technological challenges here as far as broadband and things like that. Before 2012 someone had remarked about a website that had been started by a state technician and it was Clunky. Our website was part of the city website and it was maintained using Publisher. What you are seeing is my attempt because this is the old website showing how it looked on the web and then also how it looked in the matrix that you would use to update it. But that is my attempt to add graphics in 2011 because before that it had been all text. It was difficult to update. I would rather have cleaned the public toilets a thousand times over than update this website because it was Clunky. It was almost unusable. In early 2012 our police department broke away from the CraigAK.com website and went with their own server and I said, I can do that. So I ended up getting a donation and it would cover five years of domain registration, hosting, and a subscription to Weebly Pro. Now Weebly Pro is one step up from the regular free Weebly. Weebly itself will give you up to 10 pages. Weebly Pro gives you unlimited pages. It costs about $7 a month and for me it is well worth it. This is the website as it looked last week. And I say last week because it has been updated since last week. It is so easy to update that either weekly or spur of the moment updates are just absolutely a snap because of the way it is designed. And if you are a small library with only one or two people that you can dedicate to a website, I can't recommend this highly enough. I have past experience with Host Monster. I have two other websites that are hosted on Host Monster so that is why I went with them. I had experience in WordPress. WordPress is a great platform. My WordPress site was hacked. That was about a week of a nightmare because I couldn't quite figure out how to fix what had happened. The reason to go with Weebly were the design elements, the ease of updating, and there is no HTML. I did have experience in PHP which if you are going to add e-commerce to it, I will just say that you have to know HTML and go in and fix every little thing in there. That was also not really fun to update. And as I was saying, if you go with Weebly Pro, $7 a month, infinite pages, you have an ability to hide pages on your website so you can just say you can be done with an event or done with a program and you can hide it. But then it is always there. You can go back and you can access it. You can preload pages for publication. We are just starting our Hot Reads for Cold Nights. So I created a form and it was hidden on the page. And then Saturday when we started our pre-registration I just took that little eye off and it is live. So you can also do that which is really handy. The thing I absolutely love about Weebly, I am a scrapbooker. It is like scrapbooking. On the left there you will see all the design elements. You can do text. There are images, images with text, titles so you can change the font, change the sizes. It is all drag and drop. There is a tool there that you can use to make columns. So you can set up columns and have two columns of different things like that. So that really does make it easy. Social media on WordPress, you have to go find a widget or a plugin to do this for you. Here it is just the drag and drop. On the left two down here you will see something called Social Plugins. And then they appear right up here. You just add in the websites. You can add more as you would like. And they will all appear up there when you publish it. The other thing that is nice is that when you go and hit, it will save everything that you do and until you publish it, it will be there so you can go back and work on it. The other thing that this allows you to do very easily is slide shows. You can embed YouTube videos. There are plugins for things like a countdown clock. When we were celebrating the launch of Orion, they have a programmable countdown clock that you can just drag right in there. It was a whole lot of fun and when the mission got scrubbed, we just went and dragged in another one and kept it going. The forms feature is a whole lot of fun because it is just a snap. They are customizable. Under the forms option, you can choose to have them saved as a list that you can go back to the website and view as a list. Or you can name the form, designate an email address, and have any answers to that form sent to that email address. So this is what we use for Hot Reads for Cold Nights. It's how remotely we sign kids up for the summer reading program. We have a comment form. We have a suggestion form. We have another form for if you have suggestions for books or DVDs or materials that you would like, contact the librarian, ask us a reference question, anything like this. And it comes to an email that just makes it really handy and really easy. The other thing that it allows you to do is see how your website looks on a mobile device before you actually publish it and look at it on a mobile device. So this allows you to build a mobile-friendly website because many people may be looking at your website on an iPhone or an Android. So it's really nice because you can have the iPhone view before you publish it. You can look at the Android view before you publish it. So that's another thing that I really like about Weebly. Something outside of Weebly but that's really neat. I use an online photo editor called Pick Monkey which back in the day used to be Picnic until Google bought them. I'll also mention Pick Monkey is offering a 30-day free trial if you want to try their Enhanced. They're Enhanced products. It's very easy to use. You can do collages. I do my flyers using Pick Monkey. I think they're a really great thing for graphics to be able to pop on your website and then also to put up around town if you're trying to get people's attention. This is where I am right now. I'm becoming more adventurous. I discovered this group which has a whole bunch of different plugins, has a whole bunch of different widgets that I can use on Weebly. And they're just one of a whole number of offerings that they have put together. So they've been really helpful. And finally, it's nice to know you're never alone. These folks have tutorials and you can sign up with them with your email. They will send it to your inbox, little YouTube videos that will help you design, go beyond just the basic designs of Weebly, how to create sidebars, how to do different things. They were the ones who told me how to put a little map on the bottom of my website. So now I have a map so I know where people are accessing it from. So there are other things out there that can help you from the basics. If you're just one person doing a website, I'm one person doing a website. But as I've gotten more comfortable, or if you have somebody who takes an interest and wants to volunteer to take over bits and pieces of it, you can also get more fancy. Amy, thanks for sharing all this information about the way you created your website using Weebly. Sorry, I didn't mean to cut you off there, but I think you were just maybe going to say, do we have any questions and answers? And we do. We've been getting some good questions in the chat and I think we have a time for a few of them. And there's been actually a lot of interesting conversation happening about other types of free softwares or softwares that are free, but have maybe an additional cost. And we are looking for maybe a bit of clarification about Weebly being both free and having a pro version. And one person asked, do you know if you can sign up for a free account and then lead that into a paid account if you know that you like it? Like can you transition into that? Have you experienced that? Yes, because I did sign up originally for, I just got the original Weebly starter, was free with my host monster hosting. And I quickly outran the 10 pages that I knew that they were going to give me. And I thought well, I know I'm going to go beyond the 10 pages because that really is the only difference between Weebly Pro and Weebly. If you can keep it within 10 pages, it's free. But you can start out just the Weebly starter and not pay anything and then decide if you want to add more pages. Great, great. Yes, so you can start out with very little cost. And then can you also clarify that if you do pay for Weebly or whether you don't, can you clarify about the hosting? Is that something you have to pay for additionally? The hosting at Host Monster was $3.95 a month. So yes, it was separate. That's a pretty low cost. So you found a good site for hosting that has a lower cost. So great, well that clarifies some of the cost things people were having. Now we had a good question come in from Janelle wanted to know is when you created your website initially, did you start from scratch? Or were you able to transfer some of the content from the old site into the new site? I tried to take what was good about the old site as far as the way the pages were organized and bring that in because our programs had changed so much because we actually were having more programs. The original front page would look a lot different than it would now. It used to be that we had a page that was dedicated to programming and then we discovered that nobody could find that page because it was in the drop-down menu. So we grabbed all that and put it on the front page and then had links to each program as each program needed one, which is how I went over the 10 pages. But I did take what was good from the old publisher site and translate it over and then made changes as appropriate to make it a little less clunky because our original site was very clunky. Great. Well, it's nice to know you could transition a little bit from the old content into the new and that you were able to adapt and make adjustments to the way people were able to find the content, which as I know something that Karen is going to talk about. So it's a nice segue in. We've got a whole lot of other questions and so Amy, we'll forward those to you afterwards or if you feel like answering some of them in the chat, that's an option as well. So for those of you who have more questions, please continue to send them. But we're going to move on to hear our second presenter at this time. So Amy, thank you again. Thank you. All right. And now it's time to hear from Karen Mir, who is the Director of the Plattsmith Public Library in Nebraska. Karen is going to share some tips for working within a city website hierarchy and also working with the tool Joomla. Karen. Hi. Thank you. Yes, we are in a small town of 6,500 people. That's actually about one quarter of the total county population. We are located about half an hour south of Omaha. We have nine staff, but four of them are full-time, including myself. So it's a relatively small library and you might sort of discern from the picture of the library that yes, we are a Carnegie Library. So we are nearing our 100th anniversary. Now when I came to the City of Plattsmith three and a half years ago, I was also given the opportunity to help out with the web pages. And we are using with the City of Plattsmith Joomla. It is like all of these programs, open source programs. So there is no cost for the program itself. What we pay as a city, the whole city altogether pays $50 to a hosting company per month to host it. Now that company, because they also use Joomla for other sites that they manage, they are also a good reference when I have questions. So that has helped out a lot too. The staff time for editing, the police department and the recreation department make their own edits. And then I do the edits for the library and the rest of the city. And any menu changes, just because I didn't want to have to explain menus to everybody, the other part-time people that were doing it. Joomla was created in 2000. There are over 200,000 community users and contributors so they are also very helpful through the forums and the discussion groups. And I have turned to them occasionally as I learned Joomla. I also had a varied background as far as website design. The first library where I did a website was using FrontPage. We moved that for a very short period of time to the Microsoft web expression. I have also used Dreamweaver and now Joomla and used a few others as I go along. But that is sort of my background in how I have worked with the websites. Specifically for the city of Plasmith, I wanted to show you several different slides to sort of see how you can work within a larger entity, whether that be a city, a university or school, or other agency where you are a part of a larger organization and use their overall web design. So at the top you can see that there is the city of Plasmith Banner and a series of menu options at the top. This happens to be the city's home page. And so we have an event that happened last night for an open house. The side menu is specific to the generic city web pages. As you go through and see these other pages you will notice that for instance the library's web page has the same top banner and top menu. But then we have added our own banner to represent the library and that banner is on all library pages. So yes we still identify with the city of Plasmith, but we do make ourselves unique so that when somebody is on a library page they know they are on the library's web pages. Similar to Amy we had a web page, the home page is our event page. So the first thing you want people to generally talk about and to know what's going on is your events. So that's why we have our event page at the top. I'll go a little bit into our menus in a short bit. The recreation department, I will show you one other department, they have recently recreated their logo. And I'm very glad that they did because their previous logo was actually a collage of pictures and it took up a lot of space at the top of the page. That made it almost imperative that in order to see any content you had to scroll down to see the information they wanted to provide. So I'm glad that they did. It's still a fairly high banner but it's better than it used to be. So that is an improvement on their web pages also. Our site menu has the typical things that you might see on a library's web page searching the catalog, the About Us or Contact Us. We have various links. Some of the links are in text as you can see on the top. Some are images. So the download button, for people who know they just want to go to Overdrive, that link is right on our home page and they can click on the image if they want to just make a quick link there. We have several of our links that take us to another web page. Some of the links, like the library newsletter, actually takes us to the document for the newsletter. It's not on a separate page. It's just a link to the document. Or links to the outside resources such as the Overdrive link or the Facebook link. So it's a variety of purposes depending on what your needs are. One thing that I showed that was on the web pages that you saw earlier is the library location and hours. One thing when the recreation department had a new director, he looked at the web pages and said, I really like the way the library shows their location and hours. Can you do that for the community center? And I said, sure. So I made another little, in June, it's called the little module. And I just said, here's what I want. I want the community center hours. So that was an instance where they said they found something on one web page. You can find something on other library web pages, other agency web pages. If you find something you like, go ahead and use it, adapt it for your own pages. And it's just another way, most of us are actually sort of proud if you sort of steal something that you find that you like on our pages. For Joomla, it does give us a number of options. In creating web pages, you can make a long page. That means that your patrons have to scroll down to find the information sometimes. You can do shorter pages which have the content mostly on the page. You don't have very much scrolling, but then you're clicking more to actually get to the additional pages. An additional thing that Joomla provides is a way for us to create short articles. This happens to be a screenshot of the home page for the city. You'll notice that there are tiny little white arrows, so to speak. And these denote the separate little articles. So on these articles, it's actually a way for me to create a small article and maybe reuse it. Anything that's put into Joomla, if you can unpublish it at any time, you can also time it to be unpublished at a specific time. So for instance, I have, most cities have a cleanup day. So we have one in the spring, one in the fall. I keep that cleanup day information in there, and I just unpublish it when the event is done. In the spring, I've created it. In the fall, I need to change it. So I just change spring to fall, change the dates, change the link to the new flyer, because the basic information is there. We're doing a spring cleanup or a fall cleanup. Here's where you can call. Here's where you drop it off. And so Joomla allows us to say, put this up, publish it starting right away, stop publishing it the next day after the event. And then you don't have to come back and remember to take anything off when you want to go back and reuse it for the next season. It's already there. You just make some minor changes and republish it. So those are very helpful. One thing that we are obviously doing is using an institutional, a city website, but we are branding it. Each department brands it so that it looks like their own. And then within Joomla, you just tell it where you want those banners to show up. So we identify that the library banners show up on the library web pages. The police banners show up on the police pages, etc. If you don't have other options like the submenus, the side menus identify something that's specific to your department, or if it's just simple changing the colors. So you can look a little bit different than your larger institution. The other thing that Joomla does is it creates a very long web address as you can see. What we've done is created shortcuts. So we have PlasmithLibrary.org. That's all we have to put on our promotional material. And when you type that in, it automatically goes to the Joomla longer version of the web address. We've done a similar procedure with the variety of departments. So the long second one that you see there actually represents that the long web address for the recreation department actually can be put on their promotional material as Plasmith.org. We also have Plasmith.org. Fire, EMS, etc. Anything to make it easier for your marketing materials. The other thing that I would recommend is always try to make it simple for your people to find the information. As you can see, we're on the police department webpage. On the right, they actually have a link to animal control. Their actual department name I think is Humane Department. But it is a part of the police department. However, we decided we are not going to strictly go with what the city identifies as a department. So the department includes things that we would normally think of as a department, but it also includes animal shelter. Here we call it animal shelter because we thought, what do people call this? They don't have to know that in order to find something about the Humane Department or animal shelter or animal control, that they have to go to the police department. We want them to be able to find it so it's straight under animal shelter. Similar thing with the recreation department and the senior center. Senior center is part of the recreation department. Nobody is going to look in the recreation department. So it's best to call it what the people are looking for and to make it as easy as possible to find it. The actual back end of Joomla, once you log in, there is a control panel that lets you go in and add articles, manage the articles that are already in there. There is a section where you can actually identify which articles are on the front page and dealing with the media and the other things that are going on behind the scenes. One page here shows what the library's web pages, this is our main home page. So you can see that it looks very similar to a word processor. We happen to work with tables so you will actually see something that looks like a table. And it's an easy way to add tables by using a dropdown, just say how many columns and rows you want. Delete a table, add rows before or after and delete them or same with columns. The images are easy to just find a one little click icon and go in there and edit the image. You can actually look at the source code if you want to. The links, everything is made pretty easy to find what you are looking for and the common, change your font sizes, things like that. So it's fairly easy to manage. You can easily say publish it or don't, put it on the front page or don't and then there are categories for how we want to categorize the information that's on there. But it's a fairly easy program to use and works easily for us. And like I said, when I have questions I ask either the company that hosts our web pages and the other advantage is we did talk briefly about hacking. Yes, the city's web pages had gotten hacked once by someone in the Middle East. I did trace it back there so that hosting agency earned their money when they were trying to get that back for us. So that's a little bit about Juma and what it looks like to do the editing. Great Karen, thanks for sharing that with us and definitely a contrast to the single website that Amy created in a very different tool. And we only have time for about one question although we have a few others so I'll let you respond to them later. But the one question I'd like to know now is does Juma have upgrades and is it difficult to install those upgrades so that as new security patches or things come out. How easy is it to deal with that with Juma? Juma has been upgraded a couple of times since I've been here. The hosting company does that for us and the couple of times that it was done I did not have any problems. There were improvements on how to do some things, nothing that really took us out of service for any length of time. Great, great. Well it sounds like it's a tool that's relatively easy to use and has quite a bit of functionality. So if you have more questions about Juma or about Karen's website go ahead and put them in the chat and we'll follow up with you later on. But now we have our third presenter and it's time to move on. So thank you again Karen. And now it's time to hear from our last presenter Carol Geiger who is going to talk to us about the process of redesigning a website within a larger library district. The Pudda River Public Library is located in Fort Collins, Colorado and had a team of staff work on redesigning the website using the Zerb Foundation framework. Carol, tell us all about it. Hi, this is Carol Geiger. I'm the library IT manager at the Pudda River Public Library District in sunny Fort Collins, Colorado, sunny and cold. What I'm going to talk about is a little different than the previous one, so less technical, more about process. We are a larger library so we call ourselves medium sized. I think that's what we're usually referred to as. But we're very busy. We have patrons with high expectations both for in-house and online resources. We have a large number of online users. The thing they like to do the most of course is place holds. They use our databases. They download e-content. We have approximately 80 FTE, so we are larger of the three that are presenting today. What did our website look like before? Well, here is a screenshot of what our website used to look like. We had used it for about six years. It was designed by a third party marketing firm and we had to fit everything within this design. A couple of the problems that we had with this design was one, the font always seemed too small and we had a lot of complaints about that. And it's not a responsive design so we actually had a separate mobile site. But with our new website, we have them both in one site. And I'll show you more about that in a moment. So why else would we redesign our site besides just the font size and the responsive design? Well, we wanted a modern look and feel, modern functionality, and the modern expectation is that no training is needed, that it is intuitive to use. And that's what we wanted to bring to the new website. We created a team, a core team of six people. In a bigger library like ours, we had a need for a defined process. Planning was important. None of us on the team had done this big of a project before with the web. We hadn't built something from the ground up before so it was kind of scary going into it. And at times we were confident and at times we were just scared. But in most days I just put on a good face and led the team through. We picked a good team of skilled, motivated staff. We also had more help since we actually have about 160 people on staff, many are part-timers. And they were involved in various stages of the project either helping with layout or content, testing. We have a couple of cool teams at our library, one is the Tech Heads. And our collection advisory team were very helpful on especially the sub-pages. Public desk staff and circulation managers and of course everyone else. We started with a good objective statement. It helped us to refocus whenever we got off track. So our statement was create a patron-centered responsive web design that is engaging, easy to use and accessible to our customers and their devices. And whenever we were veering away from that, we would just go back to the statement. I had it posted in my office. I brought it to every meeting. It was in all of our notes, all of our agendas. We had this at the top to remind us of what we were doing and why we were doing it. The first thing we did after we got our objective statement was put together an alpha mock-up in what kind of above the fold you might say. I know this isn't that easy to read, but we had to decide really what was going to be the major layout. We were going to have a header here that was going to be consistent on as many pages as possible throughout our site. We wanted to decide what was going to remain the same and what was going to change. The header remains the same all the time except for the hours which are dynamic. And then we wanted some places where we could change it up. The engagement box here has some scrolling items and that's changed sometimes weekly, sometimes daily. It depends. We have two highlight sections where we can highlight some or reading program or particular programs or whatever. The teen and kids links, those remain the same all the time. So this is like above the fold. Below the fold, we wanted to have a footer that has pretty much our everything. So people can find there if it isn't above the fold in that kind of 95% of what people usually do. It's probably down here in the bottom. Like if you are a member of a book club and you want to go to the book club's page, you'll probably find that link and learn where it is and use it often. We also have this featured jackets area that is used on many of our web pages besides just the home page where different staff members are responsible for loading up those jackets through a web app that we have for our content providers. So this is what it looks like today. This is the final product. A couple of things I wanted to point out was we wanted it to be patron-centered. We wanted the top activities that people do are right up here at the top. It's above the fold. We wanted it to be engaging so we have good use of color. We have a graphic designer on staff. We wanted it to be easy to use so we wanted to do things like, well, most people expect a search box to be in the upper right or upper left or someplace. We chose the upper right and have a multi-function search box up here. The logo is on the left. That's a common spot for a logo. One of the things is that people don't get trained on how to use your website so you want it to be as intuitive as possible. We used color also in plain language. For example, on our old site, research was eResources which was a term that was useful some time ago, but research has become the more commonly used term and it's plainer language. It's also a green button. All of these buttons are different colors so when we're talking to customers we can say either on the phone or even in person, we can say we'll click on the green button. That's easier than saying click on the button that says research on it. One of our branches is on a community college campus and these colored tabs were actually an idea from our community college librarian and it was great. Our first iteration I think we just had different shades of brown and it was really helpful to have a different color of tabs. Another thing we did was by using the Zerb Foundation framework we were able to have a responsive web design. This is what a desktop version would look like. Then when you make it smaller, it's the mobile version. Yes, you can have many different versions in between but we decided to concentrate on just sort of what I would call large and small. This being what shows on a mobile version. Timeline, well this was pretty aggressive timeline for a library of our size where you have to really incorporate a long history plus many staff members and patron needs, staff needs. You have one website that is for all, both staff and public needs. We were charged with getting this done in a timely fashion. So we had our first meetings in January. By April we had our Alpha mock-ups done, many meetings in between there. Then through May, June and July our web designer did a lot of development and we did a lot of creating of the sub pages, content. The test site went up in August and we actually launched our new site at the end of September. So we are very happy. We are also happy that we have what is a fairly nimble website that we can change and adapt as time goes on. In the supplemental materials that I think Crystal either sent out or will be sending out has a small schematic of our website and that may help you also to see what the different products were that we used and on what different servers. I think that's about it. Yeah Carol, thank you for sharing so much information about the process and making decisions about content and what to include on different parts of the page and what your priorities were. And I can tell that you really put a lot of thought into that part of the process, really determining and having an intention around it and just kind of referencing back to the fact that you had those objectives that you came up with at the beginning. And yes, we do have a handout which includes quite a bit of information about your redesign project. So Carol has shared a handout with us which you will get in your archive materials that just talks about her library's process. Now Carol, I know you didn't want to talk too much about the technology and we certainly don't want to get into the nitty-gritty technical questions, but can you just tell everybody again what the software was that you used and a little bit about how it's maybe more involved than the Weebly or the Jumla that we've seen so far just to give people a sense of what it was like? Sure. I'm not the web developer. I manage the web developer, but I'm not the web developer. But what she used was the ZURB Foundation Framework which is really a bunch of customized JavaScripts and CSS that you put on a server. And then you use PHP and HTML pages. The framework is a grid system that can be used to help you with responsive design. Beyond that, it is our design. So we didn't have a content management system that we used. The pages that are static or done or the static portions of the pages are done by our web developer. But then she also developed some web apps which are kind of like little mini CMS. They are used for other non-technical people to add content to like the kids page and the teens page and the sliders. We have a little slider app so the marketing person can put in whatever pictures she wants in the slider app. And the book jackets, there's a little app for that. So all the content providers like the business library and the children's library and the marketing person, they all use those different apps to push content into the site. Other than that, we didn't use a single product. And our main site is hosted by the city of Fort Collins. We're in their network, their computer network. Great. Well that gives us some idea of what that technology was like. We're also getting people asking how is that spelled? And I'll tell you right now, it's Z-U-R-B. And we have included a link to that in the archive materials which you'll get within about a day along with the recording of the webinar. So keep an eye out for that in your archive. And Carol, thank you very much. We do have to wrap up at this point, but I just want to say thank you for sharing all of this information. Thank you. And for those of you, we just have a few announcements which I think you'll be pretty interested in before we wrap up. And I'll ask you to stay on the line. We'll have a brief survey at the end but just a couple of quick announcements before we go. Now the first one being that immediately following this webinar and for the next two hours, TechSoup is hosting a soup chat, live Q&A with Yen Tolodano who is kind of a web guru. And you can send him any questions and he will field them. He'll be talking about nonprofit web design. So I know you may have some more general questions than what we addressed today or even more specific questions. Send them your way. And Allie just put a link to that in the chat. And then if you did have questions that we weren't able to get to, directed to our presenters, we'll be following up with you via email with those responses in the next couple of days. A few other upcoming events that you might be interested in. Tomorrow there will be another web chat, this one on the Future of Mobile with Better World Wireless. On Thursday, January 8, you can learn about the TechSoup donation program for donations specific to libraries. And then on Wednesday, January 21, it will be our next TechSoup for Libraries webinar talking about library volunteers assisting with public technology training or public technology assistance. So that will be a good one. Stay tuned for more details about that through the TechSoup for Libraries newsletter and other avenues. Well with that I think we are ready to wrap up. We want to say thank you to ReadyTalk for being our webinar sponsor today. ReadyTalk is a tool that can help you collaborate and share information. Do you host webinars and online meetings at your library? Get more information about this product donation program at TechSoup.org. Like I said, please stay on the line and take a brief survey about today's webinar. Thank you to our guest speakers for sharing their experience. And thank you all for joining us. Have a great day.