Project Description



Beacon is an adaptive, visual framework designed to overlay the old page and template delivery system of SORCE’s Enterprise Intranet Client.

Beacon was designed around the observations and expectations of surveyed users and developers.

The Expectation list included:

  1. An adaptive design framework
  2. Grid based
  3. Better links
  4. White space control
  5. New Div controls
  6. Web fonts support


Beacon was designed to address these changes as much as possible, while still maintaining and working with the existing software.

We presented a small slide show to the development teams to explain the direction we were looking to take and to get buy in. The presentation would cover certain expectations and be the foundation of the development roadmap.

Early stage development

We started off planning on paper for quick agreement and then moved directly into a proof of concept.

The proof of concept was a test to see whether we could meet the expectations of project. The boundaries of the existing product meant that we needed to understand the depth at which we would need to rewrite the product.

Web fonts

Web fonts were included for a number reason, the aesthetics were certainly one but also because web fonts means we can include our own scalable, style-able iconography. We chose web fonts over SVG as we wanted our developers to have easy access to new iconography, which could all be controlled via  central update, all the would have to do, is extend or append the font list.

Web fonts

Black bar


The black control bar is used to control certain aspects of the the intranet and user configuration that site out side of the Intranet itself.

Something that would constantly be in place for the user to access and which could double a menu device when the design went responsive.

The idea behind the black bar is that the user would have been exposed to a similar concept through one of the major social media platforms.

The user has control over their details, access to the notifications drawer, the ability to search and a settings/admin cog.

For sites that preferred not to keep a home in the main menu, it could be turned on in the black bar and host a breadcrumb if needed.

Menu bar

The menu bar was designed to be slick, simple and style-able, and while the first phase does not natively(currently) support a mega menu structure. There is a plan in place to change that. The menu is responsive and changes based on layout. You can also add in page menu’s with the same functionality, the different menus can all be styled separately.

Scrolling Announcements

The news flash ticker is designed from the ground up, which should accommodate most ticking scenarios. It can be hidden away when not in use but it also needed to be visible to suit it’s purpose. Hence the priority in the Reading F hierarchy.

Rebuilding the News format

The “other” super app of Intranets is the news application. News and the way it’s delivered has changed quite a bit over the last 10 years, not massively but subtly. UX has been responsible for much of the change, pushing journalists to a wiser web format.

Our Article publisher would support:

  • Better reading formats
  • Inline media
  • Intelligent character counting
  • Context handeling
  • Control of the white space
  • Ratings
  • Comments
  • Paginated content
  • Page tagging

Contact Finder

Is the super power of Intranets and very much where companies can get the best initial return on investment. The right contact finder can truly save big organisations lots of money.

The Contact Finder only needed some subtle reworking as it’s already an Application that can be totally customised.

We needed to:

  • Make it faster
  • Make it responsive
  • Create the ability to grow spaces
  • Add progressive page linking
  • Add dynamic style changes

The objective was to keep the Contacts finder as clear and simple as possible.

Contact list - preselected

 Contacts Biography Page

Other Applications that were part of the Beacon project were: