New homepage and design: reflecting on the work so far

Having launched the new homepage and design for core pages of the website a few weeks ago, we held a team retrospective to reflect on the process and outcomes of the work so far. This helps us build on the things that went well and refine our process for the future. Below are the four categories of our retrospective and selected highlights from our thinking.

High points

1. It actually happened!
   It's been a long time coming, so we're really happy to finally launch something new.
2. Having a comprehensive preview available on a test server
   From early on in the process we were publishing the work-in-progress homepage and new design for core page on a test server. This made it so much easier to discuss the changes with the wide range of stakeholders who were involved.
3. Trying some new tools
   We used Usabilla and CrazyEgg in anger for the first time with this project. Both proved really useful, the former for gathering up useful feedback before launch and the latter for visualising usage of the new homepage in a really compelling way.

Things that went well

1. CMS implementation
   Despite its faults, and we know that lately a lot of you have been feeling the pain of slow previews and unreliable publishes (previews should be better now; publishes should get better later this week), the way we'd implemented the original design in Site Manager made it relatively easy to switch to a new look.
2. Developing a process to manage the homepage
   In conjunction with redesigning the homepage, we've redesigned the process by which features and promotions are added to that page. York staff can find information about how we manage promotions on the homepage on the wiki.

Room for improvement

1. Too many things, too little time
   The biggest challenge, by far, was finding time to do the work. We're a very small team of just four people: one manager, one full-time on training and support, two of us trying to do project work but constantly pulled in different directions (eg. CMS preview and publish issues, unplanned project requests). We reckon we get to spend, at best, the equivalent of 1 FTE on planned project work. Given that the recent redesign is just one of several projects ongoing, it's easy to see why we struggle to make quick progress.
2. Finishing what we start
   We sometimes found that we'd start some aspect of the work with gusto, but then other things would come up (see point above) and we might not quite finish what we'd started.

New ideas

1. Reporting on where our time goes
   There are no easy fixes to the problem of just having way too many things to do, but we think a good start might be to reflect on exactly where time is being spent. We track a lot of our time already (using the excellent Tick time tracker) and we track our support calls too, so we have data. We're going to trial having monthly reviews of exactly what we spent time on and hopefully identifying actions we can take to make more time for the most important projects.

We think it's time for a bit of a makeover...

As of next week visitors to our website will get to see our new homepage and revised design for the main site. This is part of a major redevelopment project which will ultimately lead to the site being responsive.

The old homepage

The new homepage - to be launched w/c 11 November 2013

These changes are just the first phase of the project so visitors won't notice anything too radical initially. We haven't changed the content, other than on the homepage, we are really just laying the foundations for future phases.

Why are we changing? 

In 2011 a report was commissioned from Precedent Communications to look at the effectiveness of our communications across the board and to identify areas for improvement. The website was highlighted as the area most in need of investment as the perception of external stakeholders (such as prospective students, employers and investors) was that the university looked tired and that the user experience was poor. 

Alongside this we've seen a huge increase in visitors from mobile devices so we want to make sure we offer them the best possible experience.

Since the 2011 report the team have been working with Precedent to develop a new design and in the last few months we have done a lot of work to;

• Develop a project plan so that we can launch the changes iteratively (University of York staff can view our ten phased project plan) 
• Tweak the designs to better suit our needs 
• Develop a protocol for managing the homepage (again staff can find out how we manage the homepage content) 
• Apply the design to our Content Management System (CMS) 

What's next? 

Once we have launched Phase 1 we'll set to work on Phase 2 which will start to address some issues around usability on the key landing pages. We'll also be paying close attention to the feedback we get on the new homepage as we have lots more in store for this so please do tell us what you think.

It’s all about Digital!

As it’s three months since I started in my role as Head of Digital Marketing and Communications I thought a contribution to the team blog was long overdue. So, a very belated… hello!

The introduction of my role, at the University of York, signals a change of direction for the former Web Office, who are being re-named Digital Marketing and Communications (or the Digital Team if you prefer). In a nutshell the focus is shifting from supporting departments to deliver digital communications to leading on the strategies to deliver them.

So what’s been happening in the last few months?

A significant part of our time has been spent preparing for a redesign of the York website. This is something that has been in the pipeline for some time but we have developed a plan to roll-out the new look and feel in a ten-phased project which starts this October. We didn’t want to wait to get everything ‘done’ before we started implementing changes so we’re taking an iterative approach; you’ll see the first changes next month after which we’ll blog about it here to explain what we have changed and why.

University of York staff can also follow the progress of the project on our wiki and find out what’s coming up next.

Speaking of the wiki we have spent some time developing a space to support Digital Marketing and Communications across campus. Within it staff can find information on Social Media, the Visual Identity inc. tone of voice, guides and resources to develop effective content, forms to request our support and details of the projects we’re working on.

Alongside the above we’ve also;

• Developed and launched the Welcome pages for new Undergraduates, in collaboration with our colleagues in the Marketing and Communications office.
• Developed a new process for managing the stories on our homepage (in preparation for the new one!)
• Held some really engaging workshops with Content Strategist, Relly Annett-Baker, and as a result started work to define our tone of voice and developed guidance (available from the wiki) to develop and manage our content.
• Revised the way we run projects (not substantially as Dan and Paul had some excellent processes in place) but we’ve recently gone back to Sprints and started to rotate support so that Amanda has more opportunities to get more involved in project-work.
• Started the re-brand of our Social Media accounts to create a uniformed look and feel (see UniofYork and UoYStudy) and developed guidance around ‘official’ and ‘unofficial’ accounts.

All of the above has been happening alongside providing support to colleagues across campus, training staff to use the Web CMS and being involved in the many strategic discussions about the future of digital at York. So, all in all, it’s been a very busy summer!

What we’ve been up to, Spring 2013

Oftentimes it’s hard to know what other teams are working on and easy to miss interesting developments that get released without a big launch. With that in mind, we thought an occasional series of updates about things we’ve been working on might be of interest.

Festival of Ideas

One of the biggest things we worked on throughout May was the 2013 Festival of Ideas website, including listings and ticket bookings (via EventBrite) for over 150 events.

 

History of the University - a timeline

Built as part of our 50th Anniversary site, our interactive timeline of the University’s history features well over 100 entries, with videos and imagery to help tell the story.

Food and drink on the web

We’ve started a project working with Commercial Services to move catering and bars information into the Web CMS. There’s not much to see just yet, but work is underway to create a dedicated section of the website for catering and drinking outlets on campus, which should be coming soon.

Updating the campus map

The campus map page now has more location pins available, including a dedicated section for venues being used for Festival of Ideas events, in order to help those who may not be familiar with the University to find their way around.

Also pretty cool, but not one we can take the credit for (that belongs with IT Services and Estates), is internal mapping of campus buildings starting to roll out on Google Maps. If you zoom in close, internal mapping information for most buildings on campus is starting to appear. It’s early days, for both us and Google (they’re using us as a pilot for universities in the UK), so we’re not shouting about it yet but this should be really handy once everything’s in place.

York Research Database and the University search engine

We launched the York Research Database back in February, but it took us another couple of months to test and integrate results into our main University search engine, but they’re there now. The big challenge was not indexing too many pages - the research database contains such a vast amount of data that indexing all of it would have overwhelmed the search engine.

Foursquare

We’ve done a small piece of work to establish ourselves on Foursquare. After taking ownership of all our locations a few months ago, we’ve been updating them with accurate information, up to date imagery and links to additional resources.

Updated Twitter widgets

Twitter are in the process of retiring their v1 API, which meant that that our custom Twitter widget available in the Web CMS was about to stop working. We've updated the template to now use the updated standard Twitter widget and it’s working well.

Improving our YouTube channel and notes on video

If you’ve been following our YouTube channel you may have noticed that some of our videos now have a unified thumbnail scheme. This helps in maintaining a brand identity across the institution - we’ve used departmental colours on the bands across the thumbnails in order to better fit them in. We’ve also been doing something of a spring clean on the channel, deleting some old playlists and updating others.

The featured playlist is now a focus on our History Project, including a new series of oral history videos. If you’re interested in a more multimedia-based history of the University there’s some really interesting content here.

We also added some new tips on producing video for the web which are well worth a read if you’re considering adding video content to your site.

Welcome pages

The undergraduate welcome pages will be seeing a big overhaul for the 2013 intake of students. As well as cutting down on the number of pages, we’ve redesigned them to mesh more closely with the welcome booklet sent out to all new students. The pages will be going live in July, in time to help a whole new generation of students settle in at York.

Website redesign

In more behind-the-scenes news, we’ve been doing a lot of work on preparing for a big website redesign. If you’ve had a look at our 50th site you’ll have already seen an idea of what it’s going to look like, but there’s still a lot more to come!

History of the University - an interactive timeline

Recently we published an interactive timeline on which you can explore the key milestones, facts and figures of the University's 50 year history. There are over 150 entries, including historical images, newspaper clippings and videos of the University's past, all in an easy to use and attractive interactive format.

Building the timeline

The timeline was built using Tiki-Toki, an cloud-based timeline product. We tested quite a lot of alternatives and nothing really compared; it's a great product.

Users can pan, zoom, enlarge and browse stories quickly and easily, including on tablets and smartphones. The timeline can be filtered to just show a particular category of story or searched for keywords. We've been really pleased with the response so far - everyone who has seen it seems to like it.

The Tiki-Toki authoring interface

From the creator's end, too, it is incredibly easy to use, requiring only a date and some text in order to place a story on the timeline. The software automatically places an entry in the relevant spot and manages the spacing of multiple stories. The ability to embed images, audio and video is also helpful, and has allowed us to develop a rich gallery alongside the textual information presented.

The Social Web Team

You can now hear the latest tales from the basement of Heslington Hall on our official Twitter account.

We’ll use it to keep our followers updated about new and current projects we’re working on, the latest news and information from the team, and our thoughts on web issues and developments.

Support queries and requests for work are tough to answer in 140 characters, so please send those to web-office@york.ac.uk as normal.

You can follow us at @UoYwebteam

You can also see the latest University news on the University's official twitter, @UniofYork, and Facebook page http://www.facebook.com/universityofyork.