The Existing intranet (before our work on it)The existing feel of the intranet was very dated (old basic blog feel ) and text heavy with no way to feature organisation/news articles.It was decided to create a more visually engaging layout, to make the news features stand out.
Homepage of the old intranet
The New Intranet we developedWe developed the functionality to have selected news articles at the top of the page, where they could have an image to help engage users with this content and other news items underneath in a larger format so as to help with engagement also. Having the Top Links on the right in a larger more stand out format, helps users navigate to where they need quickly.Our graphic designer mocked up different designs for the new intranet (based on the public facing website's design) after we'd consulted on the UX elements, and once a design was agreed by the Royal Society, we began building a new Wordpress theme based on this design. The new theme was built on the popular bootstrap css framework, so that it would look great on a large number of devices (mobile phones, tablets, desktop computers...).
The new homepageIn brief what we did to improve the user experience:
- Designed in keeping with the public facing website
- Created a featured news section at the top ( where you see the 3 images), with ability for new items to stay in place until admin decides they aren't relevant
- Created sections to easily allow users to find what they needed (eg top links)
- Made the other news items more prominent by adding nice styling and an image to the left
- Added a news ticker feature to the top of the page, for short but important staff announcements
- Moved the login and search into the header to save space (and appear when needed see later in this doc).
This new theme was carried throughout the new intranet
new search bar in header
new login feature - to save space and appear when needed