London South Bank University

Intranet design and front end development

London South Bank University wanted to redesign and redevelop their intranet to make it cleaner, less cluttered and more modern. LSBU's aim with the new intranet is to help colleagues easily find the information they need and help them carry out their work. Cameron & Wilding helped design and theme the new intranet, which now enables colleagues to collaborate with one another and external partners quicker and more easily.

Challenge

The aim was to deliver a simple, fast, social and intelligent intranet platform in cooperation with the LSBU development team to enable greater staff engagement with the organisation and optimise internal staff communication and collaboration.

LSBU wanted to give the new intranet a clean, simple, but visually appealing layout. It needed to be fully responsive and adhere to the LSBU brand guidelines.

The project budget and timelines were very tight so we had to make sure we made quick decisions and minimised unnecessary feedback loops in order to be as effective as possible. That approach kept the project on track in terms of time, scope and budget.

Solution

An initial UX workshop involved all the stakeholders, team members and decision-makers. We mapped out the project goals, business requirements and target audiences. We also developed a design matrix with the desired look and feel of the future intranet. This enabled us to create wireframes and designs with improved user experience in a time and cost efficient way.

We took a component driven approach to design and theming, following the principles of atomic design, which meant creating small, reusable components that could be built into larger structures. Once we had a design in place, we began to build a ‘living styleguide’ - an HTML and CSS prototype of the intranet.

We introduced a fully agile workflow with LSBU, which they had never implemented before. This involved getting the stakeholders committed and aligning agile methodologies with institutional decision making processes to make the project delivery smooth and predictable.

Read our technical blog post about LSBU styleguide-driven development.

Key Benefits

We have delivered a fresh and engaging design with a fully responsive theme, built with reusable components that are easy to integrate by the LSBU internal development team. The key benefits are:

  • A modern, clean design that follows LSBU guidelines and provides better user experience

  • An easy to integrate theme with reusable components

  • A rapid prototyping tool

  • Cost and time efficient project delivery following agile methodologies

  • Accessibility meets WCAG 2.0 standards

Services Provided

 
Agile Methodology & Project Delivery
 
Website Design
 
Strategy & Consultancy