Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@dwg
www.digitalworkplacegroup.com
1
30+ lessons from
12 leading intranet
homepages
Hosted by:
@dwg
www.digitalworkplacegroup.com
Presenter
2
Elizabeth Marsh
Director of Research
Digital Workplace Group (DWG)
• Leads ...
@dwg
www.digitalworkplacegroup.com
3
#1:
@dwg
www.digitalworkplacegroup.com
Adidas Group homepage
4
@dwg
www.digitalworkplacegroup.com
Adidas Group – what people said
5
@dwg
www.digitalworkplacegroup.com
Adidas Group – noteworthy
6
Homepage news
carousel looks modern,
but missing key
usabil...
@dwg
www.digitalworkplacegroup.com
Adidas Group – noteworthy
7
Clean, rich social feed,
although takes up a lot
of space w...
@dwg
www.digitalworkplacegroup.com
Adidas Group – noteworthy
8
Action-oriented “App”
concept very interesting;
bundles som...
@dwg
www.digitalworkplacegroup.com
Adidas Group – noteworthy
9
Quick access to
workspaces; social
not separated from
the m...
@dwg
www.digitalworkplacegroup.com
10
#2:
@dwg
www.digitalworkplacegroup.com
Adobe homepage
11
@dwg
www.digitalworkplacegroup.com
Adobe – what people said
12
@dwg
www.digitalworkplacegroup.com
Adobe – noteworthy
13
Rich, varied content
@dwg
www.digitalworkplacegroup.com
Adobe – noteworthy
14
Highly usable news
carousel: clear visual
signals and provides
us...
@dwg
www.digitalworkplacegroup.com
Adobe – noteworthy
15
Rich, task-based, personalized
links make homepage about
action-o...
@dwg
www.digitalworkplacegroup.com
Adobe – noteworthy
16
Social stream shows below
the fold; but no interaction
available ...
@dwg
www.digitalworkplacegroup.com
Adobe – noteworthy
17
Local (personalized)
events list plus global
office closures
@dwg
www.digitalworkplacegroup.com
Adobe – noteworthy
18
Social good campaign
highlighted on homepage
@dwg
www.digitalworkplacegroup.com
19
#3:
@dwg
www.digitalworkplacegroup.com
American Express homepage
20
@dwg
www.digitalworkplacegroup.com
AmEx – what people said
21
@dwg
www.digitalworkplacegroup.com
AmEx – noteworthy
22
Clean, boxy,
modern design
@dwg
www.digitalworkplacegroup.com
AmEx – noteworthy
23
Links to key user
tasks presented with
app-like iconography
@dwg
www.digitalworkplacegroup.com
AmEx – noteworthy
24
World clock
@dwg
www.digitalworkplacegroup.com
25
#4:
@dwg
www.digitalworkplacegroup.com
Arup homepage
26
@dwg
www.digitalworkplacegroup.com
Arup – what people said
27
@dwg
www.digitalworkplacegroup.com
Arup – noteworthy
28
At least 75% of Arup employees
are members of one of the 50+
Skill...
@dwg
www.digitalworkplacegroup.com
Arup – noteworthy
29
Quick access to profiles,
news, communities and key
tools like the...
@dwg
www.digitalworkplacegroup.com
30
#5:
@dwg
www.digitalworkplacegroup.com
Coca-Cola Enterprises (CCE) homepage
31
@dwg
www.digitalworkplacegroup.com
CCE – what people said
32
@dwg
www.digitalworkplacegroup.com
CCE – noteworthy
33
Interesting approach
to quick links with
section for immediate,
per...
@dwg
www.digitalworkplacegroup.com
CCE – noteworthy
34
Personalized integration
with LMS (learning
management system)
@dwg
www.digitalworkplacegroup.com
35
#6:
@dwg
www.digitalworkplacegroup.com
Electrolux homepage
36
@dwg
www.digitalworkplacegroup.com
Electrolux – what people said
37
@dwg
www.digitalworkplacegroup.com
Electrolux – noteworthy
38
Extensive banner space
could be overwhelming
@dwg
www.digitalworkplacegroup.com
Electrolux – noteworthy
39
Social stream with
status update box and
“Edit profile” link
@dwg
www.digitalworkplacegroup.com
Electrolux – noteworthy
40
Links to different
countries’ news are
easy to access
@dwg
www.digitalworkplacegroup.com
Electrolux – noteworthy
41
Top bar includes
notifications, time
zone selector and
langu...
@dwg
www.digitalworkplacegroup.com
42
#7:
@dwg
www.digitalworkplacegroup.com
EY homepage
43
@dwg
www.digitalworkplacegroup.com
EY – what people said
44
@dwg
www.digitalworkplacegroup.com
EY – noteworthy
45
Personalized list of
time-sensitive tasks
@dwg
www.digitalworkplacegroup.com
EY – noteworthy
46
Search scope selector
@dwg
www.digitalworkplacegroup.com
47
#8:
@dwg
www.digitalworkplacegroup.com
Genentech homepage
48
@dwg
www.digitalworkplacegroup.com
Genentech – what people said
49
@dwg
www.digitalworkplacegroup.com
Genentech – noteworthy
50
Not “quick links” but
“Express menus”
that open groups of
cat...
@dwg
www.digitalworkplacegroup.com
Genentech – noteworthy
51
Clean news carousel
design, but missing key
usability features
@dwg
www.digitalworkplacegroup.com
Genentech – noteworthy
52
Comments & ratings
take centre stage
@dwg
www.digitalworkplacegroup.com
53
#9:
@dwg
www.digitalworkplacegroup.com
IKEA homepage
54
@dwg
www.digitalworkplacegroup.com
IKEA – what people said
55
@dwg
www.digitalworkplacegroup.com
IKEA – noteworthy
56
Personalized links &
customizable links
@dwg
www.digitalworkplacegroup.com
IKEA – noteworthy
57
Simple design, with
clever, understated
brand tie-in
@dwg
www.digitalworkplacegroup.com
IKEA – noteworthy
58
Use of everyday
language alongside
branded tools
@dwg
www.digitalworkplacegroup.com
59
#10:
@dwg
www.digitalworkplacegroup.com
Mayo Clinic homepage
60
@dwg
www.digitalworkplacegroup.com
Mayo Clinic – what people said
61
@dwg
www.digitalworkplacegroup.com
Mayo Clinic – noteworthy
62
Simple, well-designed
news carousel
@dwg
www.digitalworkplacegroup.com
Mayo Clinic – noteworthy
63
Task-oriented menu
has no heading/label,
e.g. for “quick li...
@dwg
www.digitalworkplacegroup.com
Mayo Clinic – noteworthy
64
Status dashboard shows
critical, real-time business
intelli...
@dwg
www.digitalworkplacegroup.com
Mayo Clinic – noteworthy
65
Links to role-based
intranet sites for
various locations
@dwg
www.digitalworkplacegroup.com
Mayo Clinic – noteworthy
66
Search scoping options
based on common
categories of search...
@dwg
www.digitalworkplacegroup.com
67
#11:
@dwg
www.digitalworkplacegroup.com
Sprint homepage
68
@dwg
www.digitalworkplacegroup.com
Sprint – what people said
69
@dwg
www.digitalworkplacegroup.com
Sprint – noteworthy
70
Clean, rich design
@dwg
www.digitalworkplacegroup.com
Sprint – noteworthy
71
Well-designed news
carousel includes key
usability features
@dwg
www.digitalworkplacegroup.com
Sprint – noteworthy
72
Tabbed lists of links allow
more links in same space;
links not ...
@dwg
www.digitalworkplacegroup.com
73
#12:
@dwg
www.digitalworkplacegroup.com
Unisys homepage
74
@dwg
www.digitalworkplacegroup.com
Unisys – what people said
75
@dwg
www.digitalworkplacegroup.com
Unisys – noteworthy
76
Sparse intranet design very
different from a separate social
pla...
@dwg
www.digitalworkplacegroup.com
Unisys – noteworthy
77
Raises the question of the
importance of functionality and
organ...
@dwg
www.digitalworkplacegroup.com
Key trends among the 12 intranets
78
• Modern design: boxy, clean
• News carousels
• So...
Thank you
Upcoming SlideShare
Loading in …5
×

Lessons from Leading Intranet Homepages

5,602 views

Published on

What’s the difference between average and extraordinary intranet homepages?

Elizabeth Marsh, Research Director at Digital Workplace Group, has worked with leading brands on their intranet strategy and design. In this presentation, Elizabeth shares the key trends and best practices from leading intranet homepages.

See screenshots of intranet homepages from the following brands:
Adidas
IKEA
Sprint
Mayo Clinic
American Express

Published in: Technology

Lessons from Leading Intranet Homepages

  1. 1. @dwg www.digitalworkplacegroup.com 1 30+ lessons from 12 leading intranet homepages Hosted by:
  2. 2. @dwg www.digitalworkplacegroup.com Presenter 2 Elizabeth Marsh Director of Research Digital Workplace Group (DWG) • Leads DWG’s best practice research programme • Works closely with DWG’s Consulting business • Previously intranet manager at T-Mobile UK and at Reuters • Co-author ‘Digital Renaissance of Work – Delivering digital workplaces fit for the future’. @dwg @dnncorp
  3. 3. @dwg www.digitalworkplacegroup.com 3 #1:
  4. 4. @dwg www.digitalworkplacegroup.com Adidas Group homepage 4
  5. 5. @dwg www.digitalworkplacegroup.com Adidas Group – what people said 5
  6. 6. @dwg www.digitalworkplacegroup.com Adidas Group – noteworthy 6 Homepage news carousel looks modern, but missing key usability features
  7. 7. @dwg www.digitalworkplacegroup.com Adidas Group – noteworthy 7 Clean, rich social feed, although takes up a lot of space without showing much
  8. 8. @dwg www.digitalworkplacegroup.com Adidas Group – noteworthy 8 Action-oriented “App” concept very interesting; bundles some content in place of having a global navigation
  9. 9. @dwg www.digitalworkplacegroup.com Adidas Group – noteworthy 9 Quick access to workspaces; social not separated from the main intranet
  10. 10. @dwg www.digitalworkplacegroup.com 10 #2:
  11. 11. @dwg www.digitalworkplacegroup.com Adobe homepage 11
  12. 12. @dwg www.digitalworkplacegroup.com Adobe – what people said 12
  13. 13. @dwg www.digitalworkplacegroup.com Adobe – noteworthy 13 Rich, varied content
  14. 14. @dwg www.digitalworkplacegroup.com Adobe – noteworthy 14 Highly usable news carousel: clear visual signals and provides users with control
  15. 15. @dwg www.digitalworkplacegroup.com Adobe – noteworthy 15 Rich, task-based, personalized links make homepage about action-oriented productivity
  16. 16. @dwg www.digitalworkplacegroup.com Adobe – noteworthy 16 Social stream shows below the fold; but no interaction available and no stream scoping options
  17. 17. @dwg www.digitalworkplacegroup.com Adobe – noteworthy 17 Local (personalized) events list plus global office closures
  18. 18. @dwg www.digitalworkplacegroup.com Adobe – noteworthy 18 Social good campaign highlighted on homepage
  19. 19. @dwg www.digitalworkplacegroup.com 19 #3:
  20. 20. @dwg www.digitalworkplacegroup.com American Express homepage 20
  21. 21. @dwg www.digitalworkplacegroup.com AmEx – what people said 21
  22. 22. @dwg www.digitalworkplacegroup.com AmEx – noteworthy 22 Clean, boxy, modern design
  23. 23. @dwg www.digitalworkplacegroup.com AmEx – noteworthy 23 Links to key user tasks presented with app-like iconography
  24. 24. @dwg www.digitalworkplacegroup.com AmEx – noteworthy 24 World clock
  25. 25. @dwg www.digitalworkplacegroup.com 25 #4:
  26. 26. @dwg www.digitalworkplacegroup.com Arup homepage 26
  27. 27. @dwg www.digitalworkplacegroup.com Arup – what people said 27
  28. 28. @dwg www.digitalworkplacegroup.com Arup – noteworthy 28 At least 75% of Arup employees are members of one of the 50+ Skills Networks
  29. 29. @dwg www.digitalworkplacegroup.com Arup – noteworthy 29 Quick access to profiles, news, communities and key tools like the Bids system
  30. 30. @dwg www.digitalworkplacegroup.com 30 #5:
  31. 31. @dwg www.digitalworkplacegroup.com Coca-Cola Enterprises (CCE) homepage 31
  32. 32. @dwg www.digitalworkplacegroup.com CCE – what people said 32
  33. 33. @dwg www.digitalworkplacegroup.com CCE – noteworthy 33 Interesting approach to quick links with section for immediate, personalized tasks
  34. 34. @dwg www.digitalworkplacegroup.com CCE – noteworthy 34 Personalized integration with LMS (learning management system)
  35. 35. @dwg www.digitalworkplacegroup.com 35 #6:
  36. 36. @dwg www.digitalworkplacegroup.com Electrolux homepage 36
  37. 37. @dwg www.digitalworkplacegroup.com Electrolux – what people said 37
  38. 38. @dwg www.digitalworkplacegroup.com Electrolux – noteworthy 38 Extensive banner space could be overwhelming
  39. 39. @dwg www.digitalworkplacegroup.com Electrolux – noteworthy 39 Social stream with status update box and “Edit profile” link
  40. 40. @dwg www.digitalworkplacegroup.com Electrolux – noteworthy 40 Links to different countries’ news are easy to access
  41. 41. @dwg www.digitalworkplacegroup.com Electrolux – noteworthy 41 Top bar includes notifications, time zone selector and language selector
  42. 42. @dwg www.digitalworkplacegroup.com 42 #7:
  43. 43. @dwg www.digitalworkplacegroup.com EY homepage 43
  44. 44. @dwg www.digitalworkplacegroup.com EY – what people said 44
  45. 45. @dwg www.digitalworkplacegroup.com EY – noteworthy 45 Personalized list of time-sensitive tasks
  46. 46. @dwg www.digitalworkplacegroup.com EY – noteworthy 46 Search scope selector
  47. 47. @dwg www.digitalworkplacegroup.com 47 #8:
  48. 48. @dwg www.digitalworkplacegroup.com Genentech homepage 48
  49. 49. @dwg www.digitalworkplacegroup.com Genentech – what people said 49
  50. 50. @dwg www.digitalworkplacegroup.com Genentech – noteworthy 50 Not “quick links” but “Express menus” that open groups of categorized links
  51. 51. @dwg www.digitalworkplacegroup.com Genentech – noteworthy 51 Clean news carousel design, but missing key usability features
  52. 52. @dwg www.digitalworkplacegroup.com Genentech – noteworthy 52 Comments & ratings take centre stage
  53. 53. @dwg www.digitalworkplacegroup.com 53 #9:
  54. 54. @dwg www.digitalworkplacegroup.com IKEA homepage 54
  55. 55. @dwg www.digitalworkplacegroup.com IKEA – what people said 55
  56. 56. @dwg www.digitalworkplacegroup.com IKEA – noteworthy 56 Personalized links & customizable links
  57. 57. @dwg www.digitalworkplacegroup.com IKEA – noteworthy 57 Simple design, with clever, understated brand tie-in
  58. 58. @dwg www.digitalworkplacegroup.com IKEA – noteworthy 58 Use of everyday language alongside branded tools
  59. 59. @dwg www.digitalworkplacegroup.com 59 #10:
  60. 60. @dwg www.digitalworkplacegroup.com Mayo Clinic homepage 60
  61. 61. @dwg www.digitalworkplacegroup.com Mayo Clinic – what people said 61
  62. 62. @dwg www.digitalworkplacegroup.com Mayo Clinic – noteworthy 62 Simple, well-designed news carousel
  63. 63. @dwg www.digitalworkplacegroup.com Mayo Clinic – noteworthy 63 Task-oriented menu has no heading/label, e.g. for “quick links”
  64. 64. @dwg www.digitalworkplacegroup.com Mayo Clinic – noteworthy 64 Status dashboard shows critical, real-time business intelligence (BI)
  65. 65. @dwg www.digitalworkplacegroup.com Mayo Clinic – noteworthy 65 Links to role-based intranet sites for various locations
  66. 66. @dwg www.digitalworkplacegroup.com Mayo Clinic – noteworthy 66 Search scoping options based on common categories of search, not content repositories
  67. 67. @dwg www.digitalworkplacegroup.com 67 #11:
  68. 68. @dwg www.digitalworkplacegroup.com Sprint homepage 68
  69. 69. @dwg www.digitalworkplacegroup.com Sprint – what people said 69
  70. 70. @dwg www.digitalworkplacegroup.com Sprint – noteworthy 70 Clean, rich design
  71. 71. @dwg www.digitalworkplacegroup.com Sprint – noteworthy 71 Well-designed news carousel includes key usability features
  72. 72. @dwg www.digitalworkplacegroup.com Sprint – noteworthy 72 Tabbed lists of links allow more links in same space; links not listed alphabetically
  73. 73. @dwg www.digitalworkplacegroup.com 73 #12:
  74. 74. @dwg www.digitalworkplacegroup.com Unisys homepage 74
  75. 75. @dwg www.digitalworkplacegroup.com Unisys – what people said 75
  76. 76. @dwg www.digitalworkplacegroup.com Unisys – noteworthy 76 Sparse intranet design very different from a separate social platform with high adoption levels and mature features
  77. 77. @dwg www.digitalworkplacegroup.com Unisys – noteworthy 77 Raises the question of the importance of functionality and organizational culture versus “beauty” and aesthetics
  78. 78. @dwg www.digitalworkplacegroup.com Key trends among the 12 intranets 78 • Modern design: boxy, clean • News carousels • Social streams • Personalization (news, links, tasks) • App-like visual design for task lists • Balancing news content with productivity tools • Search scoping • User research/user personas
  79. 79. Thank you

×