This slideshow presents 31 examples of intranet homepage design concepts, with example screenshots.
We've pulled the screenshots from the entries in the My Beautiful Intranet 2014 competition.
6. Twitter: @DWG
www.digitalworkplacegroup.com
ACCA –
Dynamic and static links
• Right-hand side of the page
• Two different sections
• “Popular pages” auto-generated
based on intranet page views
• “Key links” and “Admin links”
maintained by Intranet Manager
17. Twitter: @DWG
www.digitalworkplacegroup.com
Vinarco –
Simple icons
• Top right of page
• Consistent, minimalist design
• Simple design lets icon text stand out
• Tab name contributes context to tasks
• Section title positions user as actor
• Multiple tabs allow for shorter lists,
greater use of available space
21. Twitter: @DWG
www.digitalworkplacegroup.com
Wheatley Group –
Big simple buttons in brand colors
• Top right of page
• Large, simple, easy-to-read “buttons”
• Short list makes selection easy
• Different colors support memorability
• Text stronger visually than icons
• Large size & placement suggest high
priority or very common tasks
28. Twitter: @DWG
www.digitalworkplacegroup.com
Dorel Juvenile –
Persistent right-hand social column
• Action-oriented right-hand column
• Persistent throughout intranet
• Lets users keep up with conversations
without returning to a dashboard page
over and over
32. Twitter: @DWG
www.digitalworkplacegroup.com
Mediterranean Shipping Company –
Sorts news by most commented and liked
• Sorts by most popular news/discussions
• Sorts by comments or “Likes”
• Surfaces what people are interested in
• Invites participation
• A good compliment to chronological and
more official news
34. Twitter: @DWG
www.digitalworkplacegroup.com
ACCA –
Shows popular pages
• Simple way to surface popular news
• Includes news from all locations
• Popularity based on “Likes” and age of pages
• “Social” because generated by user behavior
36. Twitter: @DWG
www.digitalworkplacegroup.com
Roland Berger –
List and link to “My communities”
• Drop-down list to select a community
• Offers alternate route to site navigation
• Personalized list makes homepage relevant
• Recommendations invite further involvement
38. Twitter: @DWG
www.digitalworkplacegroup.com
Roland Berger –
Well formatted social feed
• Simple, well spaced format
• Easy to scan and read
• Actions and actors stand out
• “Follow up” filter elevates utility of
social to be an active task list
44. Twitter: @DWG
www.digitalworkplacegroup.com
Children’s Trust –
Lists blogs with authors’ images
• Highlights user-generated posts
• Richer content than just discussions
• Author images bring the posts to life
• Clean and simple design
• Links to author profile pages enable
connections with thought leaders
51. Twitter: @DWG
www.digitalworkplacegroup.com
ARI –
Company’s charity events
• “Local events” feels relevant and
relatable for users
• Highlighting charity sponsorships
shows company values
• Homepage focus on charitable
activities highlights their importance
• Community involvement increases
sense of purpose for employees
55. Twitter: @DWG
www.digitalworkplacegroup.com
UNUM –
Corporate social responsibility (CSR) info
• Daily reminder of company’s values
• Homepage spotlight shows importance
of CSR to the company
• Helps employees hold company and
executives accountable
61. Twitter: @DWG
www.digitalworkplacegroup.com
World Travel Holdings –
“Who’s being recognized” news
• Non-monetary employee recognition
• Communicates company good
practices
• Lets employees’ actions do the talking
• Gives every employee a chance at the
spotlight
63. Twitter: @DWG
www.digitalworkplacegroup.com
Children’s Trust –
“Picture of the week” & event pictures
• Friendly, welcoming faces on the
intranet
• Puts people at the forefront
• Helps people recognize colleagues
• Demonstrates company values
67. Twitter: @DWG
www.digitalworkplacegroup.com
Suncor –
Company’s external social media activity
• Keeps employees informed
• Shows how company engages with public
• Says that proper social media use is good
• Lets people connect with company
through personal networks
72. Twitter: @DWG
www.digitalworkplacegroup.com
So… do you like intranets? Are you working
on improving your own digital workplace?
Visit the Digital Workplace Group website
for more resources and information:
My Beautiful Intranet 2014
Screenshots, live tours & more
Downloadable reports
http://www.digitalworkplacegroup.com