Is anyone doing anything different with staff profiles?
This question came up last week and I couldn’t think of any examples off the top of my head. The formulaic approach followed by most universities is the headline name at the top, passport-style portrait floated right, address, biog (with slight variations on subheading titles) and publications list.
There’s nothing inherently wrong with consistency across the sector – the content meets the user’s expectations and is easy to pull together from an editing point of view. But it’s worth having a look around to see if anyone has tried anything different.
Here’s a few examples of innovation I found from looking through UK university websites:
A nice big image
De Montfort raise the stakes on the standard profile photo with these bold statements, up to 286px height in this example.
A really big image
Not to be outdone, here’s Royal Central School of Speech and Drama’s template, with a 640px width image:
The biggest example I could find was from London Metropolitan University (it looks smaller here than Royal Central above, but only because that image has been cropped):
They also carry this image-centric approach through to the staff listings themselves which are presented as a sliding image carousel:
Creative solutions from the art schools
Glasgow School of Art (above) push their profile picture further down the page and lead with a strong image from a related research project. Two related items linked from the right hand column are both image-led.
The Royal College of Art (below) also highlight research projects in the profile. In their case, they’ve chosen to put ‘Selected Work’ in their own sliding image gallery.
Locations on a map
Heriot-Watt University have placed a google map at the foot of the profile, with pins displaying locations related to the publications and research projects listed on the page.
Strong layout and typography
Manchester Metropolitan University’s profiles follow the general formula, but stood out from the crowd for their considered use of typography and layout.
Most of the examples on this page are innovations in design. That’s probably a result of my speed-skimming approach to this task. But I did notice the keyword tagging used by University of Stirling (below) which allowed you to easily find other profiles related to similar research.
Save this page
Finally, a small message and empty heart symbol on a Middlesex University profile invites you to ‘Save this page’, adding it to a list of pages that you’ve saved. This functionality seems to be available throughout their website.