10 Innovative Intranet designs in 10 minutes (10m talk) at UX Australia.
Take a tour around the globe and get a glimpse inside 10 of the best and most innovative intranet designs (including mobile) we’ve seen including some from our Annual Intranet Innovation Awards. This showcase will give you many ideas to use in your own intranet designs.
2. Step Two D S N
E IG S
design
web v intranet
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
3. less
Step Two D S N
E IG S
budget
resources
importance
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
4. more
Step Two D S N
E IG S
integration
complexity
internal politics
required
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
5. innovation
Step Two D S N
E IG S
originality + impact
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
6. Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
7. QUT
Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
8. Calgary Board of Education
Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
Personalised school
experience
What modern intranet home pages look like • May 2013
9. Calgary Board of Education
Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
Students input into their
learning
What modern intranet home pages look like • May 2013
10. Calgary Board of Education
Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
11. Step Two Designs (www.steptwo.com.au)
Barclays Bank
Step Two D S N
E IG S
What modern intranet home pages look like • May 2013
12. Step Two Designs (www.steptwo.com.au)
Barclays Bank
Step Two D S N
E IG S
What modern intranet home pages look like • May 2013
13. Coca-Cola Enterprises
Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
14. Step Two D S N
E IG S
Coca-Cola Enterprises
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
15. Step Two D S N
E IG S
Coca-Cola Enterprises
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
16. Step Two Designs (www.steptwo.com.au)
Klick Health
Step Two D S N
E IG S
What modern intranet home pages look like • May 2013
17. Step Two Designs (www.steptwo.com.au)
ARUP (UK)
Step Two D S N
E IG S
What modern intranet home pages look like • May 2013
18. Step Two Designs (www.steptwo.com.au)
ARUP (UK)
Step Two D S N
E IG S
What modern intranet home pages look like • May 2013
19. AMP
Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
20. Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
AMP
What modern intranet home pages look like • May 2013
21. Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
AMP
What modern intranet home pages look like • May 2013
22. Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
Framestore
What modern intranet home pages look like • May 2013
23. Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
Framestore
What modern intranet home pages look like • May 2013
24. Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
Framestore
What modern intranet home pages look like • May 2013
25. NSW Department of Education
from this
Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
26. NSW Department of Education
to this
Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
27. Step Two Designs (www.steptwo.com.au)
NSW Department of Education
selecting your
essentials Two
Step
DS N
E IG S
What modern intranet home pages look like • May 2013
28. Step Two D S N
E IG S
Possible
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
29. Step Two D S N
E IG S
Possible
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
30. Step Two D S N
E IG S
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
31. Step Two D S N
E IG S
rebecca@steptwo.com.au || @rebeccarodgers
Step Two Designs (www.steptwo.com.au)
What modern intranet home pages look like • May 2013
Editor's Notes
It’s time to take a quick trip around the world and see 10 innovative intranets in 10 min… so we’ll need to take the jet!
We’ve heard lots about all kinds of design today and more tomorrow but what makes an intranet different? Why aren’t they quite there in terms of design?
the intranet is still coming along behind in lots of cases. The good news is that the gap is closing
Innovation for me is a mix of originality (in the intranet world) and impact on the business and it’s usersIhavent quite got around to all 500 attendees at the conference yet, but a special shout out needs to go to those that may have worked on any of the examples today. Ian and Octavia if you are in the room, seek them out and find out more.
So jump aboard its time to take flight…
How many of you have ever spent longer than you’d like finding a carpark? University campuses are the worst!Well QUT have made it easy….linking to their parking system
How many of you would love to know what your kids are learning at school? Their strengths, areas for improvement, upcoming assessment, look back to previous years and see regular comments and input from teachers? Well Calgary board of education have done it..having everything from kindergarten to year 12Each student gets a personalised public school experience.
Here, students can write notes about their own goals, strategies, and progress – complete with the ability to add images and video. This profile is available for a student’s teacher to view as a way to keep up with each learner. Students can comment and post updates about their education, creating a timeline they can reflect on as they move through the school system.
Teachers no longer have to bring together the guiding documents, the most significant and authoritative resources are available on the resources page.
Barclays have 45K staff in the customer network. Their intranet authenticates the user through their staff number. As you can imagine security is paramount.22% uplift in employee engagementStaff can keep up to date with news and personal development when it suits themThose of you that have ever managed an authoring community – colleague generated content has increased from 0 to 124 best practice videos of bank’s key processes and are viewed on average by more than 400 users a day
Available on mobile devices – a bank employee recently did a travel insurance quote whlist on holidays skiing – it was that quick and easy.
With a large percentage of their workforce not in front of a computer CCE, mobilising news saw a 50% increase in readership
Approving and requesting leave was the next most obvious option for mobile based on staff needs
Followed closely with the payslip app.. Replacing paper and all this delivered in 9 languages
Klick Health – Digital Health Agency… The locator lets you know where employees are normally seated, if they are out you can subscribe to an alert to let you know when they are in the office – creepy!
"You've just come out of a meeting with a potential client. Based upon that face to face conversation you have a better understanding of what their particular requirements, challenges and expectations are. With those things fresh in your mind, follow up your meeting with a bespoke marketing pack (an Arup ‘calling card’, if you will) that contains examples of our project track record (images and text) tuned to illustrate that potential client’s particular requirements and our ability to deliver them."
Select the relevant case studies to include in the marketing pack and they appear in your email inbox
Special shout out to Octavia if she is in the room on this one… AMP have created a single online community. Integrating traditional ‘intranet’ with collaboration’Centered around timebased activity feed with a filter allowing you to zoom in
Visual landing pages quickly getting you to what you need
And taking mega menus to the next level inline in the page
One from the animators that created Avatar… FramStore have a fully customisable intranet, allowing you to Choose your width
Choose your configuration – what do you need to do your job
Even with the choice of what tea or coffee your team drink… White with one please….
Back to Australia now With over 140,000 staff and a sea of intranets…went from thisShout out to IAn
To this
Solving the initial complexity of what to do with a sea of intranets into a manageble state
HQ in the US with offices around the globe – design agencyAppeal to some of youAs a global organsiation, CoLab allows for sharing of ideas and was created to build a culture of bringing smart people togetherEnables their global feel, connects staff, supports learning and sharing of ideas and helps them better understand each other
Their pulse page allows them to connect and shareI particularly like the library which stocks all of their brand materials, case studies and examples available on any device to easily show clients