# Eckersley O'Callaghan Intranet
URL: https://www.associativetrails.com/work/eckersleyocallaghanintranet/
Client: Eckersley O'Callaghan
Type: Intranet
Summary: Invaluable technical information — A self-populating technical library that grew into a comprehensive company-wide information portal for one of the UK's most accomplished engineering specialists.

This fully-featured intranet helps with a broad range of important responsibilities - from technical knowledge capture and dissemination to alerting staff to freshly-cut birthday cake.

The fully responsive interface can be used on screens of all sizes - from phones to the biggest desktop monitor.

## The challenge

Eckersley O'Callaghan initially approached us to build a searchable library of their technical documentation. The brief quickly expanded to encompass a comprehensive intranet for all their staff.

We started by building an automatic process that spiders through network drives, searching for technical documents. These documents are thumbnailed and analysed for popular keywords before being added to the library. Potential duplicate documents are flagged for review and users can add their own metadata to improve discoverability.

With the library being tested and populated, we then turned our attention to helping Eckersley O'Callaghan improve staff communication and knowledge sharing.

## The solution

Using the technical library as a foundation, we then developed a fully-featured intranet for comprehensive knowledge sharing within the practice. Features such as rich text editing, granular administration privileges, controlled items with read receipts, staff skills assessment and office skills rosters were all featured in the new system.

We used the Bootstrap framework and a modular front-end coding approach to build a rich interface that is responsive across all screen sizes. Having the solid foundation of a formal framework helped us achieve some complicated user interactions for cropping images, embedding dynamic item lists in body text, sorting and reordering lists of linked items, etc.

The new system includes a number of features to help staff in their day-to-day professional lives:

- Sophisticated content discovery with a skimming interface for search results allowing users to review the content of search matches without leaving the result page
- Network drives containing technical documents are spidered and imported to the library after being thumbnailed and analysed for keyword frequency and potential duplicates
- Comprehensive staff skills profiles, including software skills, languages, education history and professional experience
- An application-wide user subscription model allowing users to quickly see updates to content that interests them
- Controlled items can request users acknowledge they have read them, with targeting for all staff or individuals
- Image cropping within easy-to-use web forms
- Support for multiple offices, with graphical presentation of office skills profiles
- Event attendance management
- Project records - with links to staff profiles, technical documents, tags, etc.
- A noticeboard to allow staff to post messages about personal events, stuff for sale, flats for rent, etc.
- A Stack Overflow-style question and answer interface to encourage staff to share knowledge with each other

> “Matt has been able to deliver an easy to use, customised product... Communicative, concise and creative. It been great to collaborate with him and I'll continue to do so.” — Graham Coult, Technical Director at Eckersley O'Callaghan

## The outcome

The new intranet is available to all client employees using their web browsers. They are automatically recognised from their windows domain login. The new system has gone down well with staff, and we look forward to future development.

Technologies used

Adobe Coldfusion, Python, Microsoft SQL Server, HTML, CSS, Bootstrap, Javascript. Integration with Microsoft Active Directory. Hubspot API, YouTube API, Vimeo API, Egnyte API, Slack API.

## Screens
- Technical library - browsable, filterable and searchable: The library shows documents as thumbnails, with filters for type, source, status, tags, linked people and linked projects.
- Embedded document view with metadata, linked staff and projects: Each document record links to related staff and projects and lets users add their own metadata to improve discoverability.
- Flagging of potential duplicate documents: Two possible duplicates are shown side by side, and a person decides whether they are different or which copy to delete.
- Content skimming: Search results can be skimmed in place — review a match without leaving the results page.
- Events calendar: Staff can see upcoming events across the month, colour-coded by category such as finance, office or social.
- Personal user favourites: Users can save news articles, technical documents, notices and projects to a personal favourites list, filterable by item type.
- News feed: Staff can browse company news and filter articles by news feed, office or tag.
- Image cropping: A photograph can be zoomed and cropped over the page-editing form, then added to a gallery or inserted into the body text.
- Home page: The home page brings together news, events, the noticeboard and library documents in one dashboard for staff.
- Office skills roster: An office's skills roster opens each skill, here thermal analysis, to show who has it and their star rating.
- Projects map: Projects can be browsed geographically, with a world map plotting the location of each one.