What makes a great Intranet Homepage Design?
Find out the answer to this question in our first of many, Best Practices Webinars! This webinar is focused on Homepage Designs for your Intranet. Whether you’ve been a client of ours for a long time or you have just purchased our solutions, this webinar is geared both towards seasoned clients that are looking for a new fresh look and new clients that are designing their sites for the first time. Homepage real estate is very valuable. It’s the first page your employees, physicians and partners will see, and it serves as the main navigation and tone to the rest of your Intranet. We will share with you some key tips on the best ways to utilize this prime location.
With that said, there is a lot of information that various people and departments may want to publish on the Homepage – but how do you decide what to include?
During this webinar, you will learn:
“Curb Appeal”
Use of colors
Use if images
Mix of buttons, text, pictures, etc.
Functionality
Homepage components
Layout
Content
Navigation
Best practice ideas on making the most of your Homepage
❤️Call Girl In Chandigarh☎️9814379184☎️ Call Girl service in Chandigarh☎️ Cha...
Best Practices: Intranet Homepage Design ppt
1. Copyrights HospitalPortal.net 2016. All rights reserved.
Best Practices
Intranet Homepage Design
Presented by:
Jason Oshita; Manager of Client Affairs and Partnerships
AnneLa Francis; Director of Sales and Marketing
2. Copyrights HospitalPortal.net 2016. All rights reserved.
More resources, more robust!
How-To’s
Best Practice Videos and Blog Posts
Release Information
Self-Service Support Environment
Learn at your leisure!
3. Copyrights HospitalPortal.net 2016. All rights reserved.
Poll Question
What department are you in?
o Marketing
o IT
o HR
o Business Development
o Other
4. Copyrights HospitalPortal.net 2016. All rights reserved.
Agenda
• “Curb Appeal”
• Branding
• Colors
• Text
• Images and Graphics
• Functionality & Best Practices
• Objective
• Layout
• Navigation
• Components & Content
• General How-To
• Tips to Maintain
• Q&A
6. Copyrights HospitalPortal.net 2016. All rights reserved.
Intranet Has Dual Role
•Tool for Complimenting Workflows and Business Operations
•Reflect Hospital’s Brand
•Helps end users identify and made aware of how they fit into the
organization
•Be consistent with client facing website
•Convey similar look and feel of other corporate marketing
materials
•Communicates brand to new hires
8. Copyrights HospitalPortal.net 2016. All rights reserved.
Tips for Color Use on Your Intranet
•Background Color
• Neutral
• White or light grey
•Color Palette for main colors
• Simple
• Limit to 2-3 Colors
• Limit use of bold and “in-your-face”
colors
9. Copyrights HospitalPortal.net 2016. All rights reserved.
Tips on Font Use on Your Intranet
•Limit the number of fonts
•Avoid too many fancy/flashy fonts
•Stay consistent
•Clear
•Easy to read
•Aesthetically pleasing
11. Copyrights HospitalPortal.net 2016. All rights reserved.
•NO CLIP ART!!!
•Use quality infographics
Infographics/Icons to Signify Information
12. Copyrights HospitalPortal.net 2016. All rights reserved.
•NO CLIP ART!!!
•Use quality graphics
•Third party image sites
• Dreamstime
• iStock
• Deposit Photos
Third Party Image Sites
13. Copyrights HospitalPortal.net 2016. All rights reserved.
Branding – Graphics and Images
•NO CLIP ART!!!
•Use quality graphics
•Third party image sites
• Dreamstime
• iStock
• Deposit Photos
•Use photos of real people in your
images and graphics!
16. Copyrights HospitalPortal.net 2016. All rights reserved.
Intranet Homepage Objective
Inviting platform that employees will want
to use that provides your employees with
the tools and information they use most
often.
17. Copyrights HospitalPortal.net 2016. All rights reserved.
Navigational Layout
• C – Pattern
• Banner Menu
• Primary
• Vertical Menu
• Secondary
• Quick Links
• Secondary
• Other Pages
• Tertiary
18. Copyrights HospitalPortal.net 2016. All rights reserved.
Navigational Layout – Top
• 1st place your eyes go
• Banner Menu - Main
navigation
• Keep concise
• Limit the number of
departments on banner
• Link to a listing of
departments
• Link to Documents
• Search & Phone
Directory
19. Copyrights HospitalPortal.net 2016. All rights reserved.
Navigational Layout – Banner Menu
• Special Users
• Board Page/Portal
• Physician's Page/Portal
20. Copyrights HospitalPortal.net 2016. All rights reserved.
Navigational Layout – Left Side
• Vertical Menu
• Secondary navigational items
• Leadership Blogs
• Events Page
• Idea Bank
• Cafeteria Page
• Employee Feedback Form
• Calendar
• “Quick Links”
• Commonly used tools & pages
• Make sure they’re relevant to almost
everyone!
21. Copyrights HospitalPortal.net 2016. All rights reserved.
Navigational Layout – Bottom
• Tertiary navigation
• Can use images, graphics, pictures, etc. instead of
text
• Clickable buttons
• Adds variety and appeal
22. Copyrights HospitalPortal.net 2016. All rights reserved.
Content Layout
• K.I.S.S. – Keep It Simple Stupid
• In most cases, Less is More
• Clean and Professional
• Aesthetically pleasing
• Below the fold is okay…
• …but keep it in check!!!
• Create engaging, short content
• Punchy, quick reads
• “Read/View More” to expand
25. Copyrights HospitalPortal.net 2016. All rights reserved.
Content & Components – Image Gallery
• Display multiple images, announcements,
or other content within this one
component
• Images can be clickable to other pages
with more info. on the topic
• Two modes
• Gallery – manual click
• Slide show – automatically cycles
26. Copyrights HospitalPortal.net 2016. All rights reserved.
Content & Components – Image Gallery
Potential Uses
• Announcements
• Employee of the month
• New Employees
• Staff Birthdays for the week
• Changes within Hospital
• Story of the week or Testimonial
• Photos from hospital events
• A blurb about your longest tenured employee
• Hospital staff contests and drawings
• Launching your brand new, updated, Intranet
Homepage!
33. Copyrights HospitalPortal.net 2016. All rights reserved.
Content & Components – Events
Adding a new Event
Tip: Keep the descriptions
relatively short. If you need to
expand on this content, utilize
the Detailed Description,
Attachment, or Read More Link
option
35. Copyrights HospitalPortal.net 2016. All rights reserved.
Content & Components – Calendar
• Keep it relatively small on home page to save
space
• Hover over date to se the events for that day
• The expand icon will allow you to see it in full
page view
• Sharable!
• Uses
• Hospital Events
• Meeting Reservations
• Class schedules
• Etc.
36. Copyrights HospitalPortal.net 2016. All rights reserved.
Content & Components – Calendar
Component Setup & Settings
• Appearance
• Calendar Display size
• Show/hide Gridlines
• Display category color cue
• Format of Day Cell Display
• Etc.
• Functional
• Prompt when schedule overlaps
• How to display the various events
within the day
• Etc.
37. Copyrights HospitalPortal.net 2016. All rights reserved.
Content & Components – Calendar
Component Setup & Settings
• Event Categories
• Organize your calendar display
• Distinguish between different events or
departments
• Feed from your Events component
• Saves you time and effort
• Helps minimize mistakes
• Feed from your Class Registration
component
38. Copyrights HospitalPortal.net 2016. All rights reserved.
Content & Components –
“Extracurricular” Content
Examples
• Accuweather Widget
• Funny/educational video
• Employee Recipe Share
39. Copyrights HospitalPortal.net 2016. All rights reserved.
Tips for Monitoring – Governance
in Look and Content
•Maintain Control
•Create a process for review
• Checklist of things that should be reviewed weekly
or monthly
• Proofread
• Set expiration for old events/annoucements
• Test links, make sure there are no missing or
crossed-out [X] images
•Ask us!
40. Copyrights HospitalPortal.net 2016. All rights reserved.
Poll Question
How satisfied are you with the current layout of
your intranet homepage?
o We’re perfect!
o It’s not bad, but we’ll work on it
o PLEASE HELP!!!
41. Copyrights HospitalPortal.net 2016. All rights reserved.
Creative Design Refresh
Jason Oshita
Manager of Client Affairs and Partnerships
JKOshita@HospitalPortal.net
(847) 632-0434 x 245
42. Copyrights HospitalPortal.net 2016. All rights reserved.
Client Refresher Demo
Wednesday, March 16th @ 1:00 PM CST
Please email Jason at JKOshita@HospitalPortal.net to
register.
44. Copyrights HospitalPortal.net 2016. All rights reserved.
THANK YOU!
Academy.HospitalPortal.net
Support Line: (866) 580-7700 x2
Academy@HospitalPortal.net
Jason Oshita
Manager of Client Affairs and Partnerships
JKOshita@HospitalPortal.net
Anne La Francis
Director of Sales and Marketing
ALaFrancis@HospitalPortal.net