Engaging Your Users -‐ Portals -‐ Email -‐ Mobile
www.finalsite.com
Portals
www.finalsite.com
Portals 101
• Gateways for consKtuents of a site. • Portal pages are equipped with elements such as calendars, videos or social media links.
• Portals can deliver content specific to roles, groups or individuals.
• Typically used to securely restrict content to only authenKcated users, but can also be used to deliver content to the public.
www.finalsite.com
CreaKng a Portal Page
www.finalsite.com
CreaKng a Portal Page
www.finalsite.com
Portal Page elements
www.finalsite.com
Who are portals for?
www.finalsite.com
Parent Portal
www.finalsite.com
Parent
www.finalsite.com
Admissions
www.finalsite.com
Admissions
www.finalsite.com
Public Programs
www.finalsite.com
Landing Page
www.finalsite.com
Mash Up
www.finalsite.com
Mash Up
www.finalsite.com
Mash Up
www.finalsite.com
Mash Up
www.finalsite.com
FA Sandbox
www.finalsite.com
Email
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
www.finalsite.com
• Keep it Simple
Design Basics
www.finalsite.com
• Using Colors and Images
Design Basics
www.finalsite.com
• Using Colors and Images
Design Basics
www.finalsite.com
• Using Colors and Images
Design Basics
www.finalsite.com
• Call to AcKon
Design Basics
www.finalsite.com
www.finalsite.com
• Get ‘em Back to Your Site
Design Basics
www.finalsite.com
• Subject Line + From Address
Avoiding the SPAM Filter
www.finalsite.com
Avoiding the SPAM Filter
• People are bothered more by junk email than junk snail mail • Never send any solicitaKons to an email address that didn’t provide you
with their email address • Keep your lists clean • Only target people with relevant emails • Only a few SPAM complaints can cause sender reputaKon issues • Consider the Content • Avoid “SPAM” Language • Keep Images Minimal
www.finalsite.com
• Make it Mobile Friendly – Example of Faux responsive
Looking Forward
www.finalsite.com
Make it Mobile Friendly
Modifying our normal emails so that: • They are legible on mobile devices • They look good on mobile devices • The user can sKll interact with the email • Make it Short and Sweet • Make your header graphics no wider than 320px • Stack graphics horizontally so that they reflow • Use 100% width on tables • Make your font-‐size 13px or larger • Single column layouts are mobile-‐friendly!
www.finalsite.com
Mobile
www.finalsite.com
Mobile
www.finalsite.com
• A look at mobile usage • Same or different content argument • Mobile design • Case studies
Mobile
www.finalsite.com
33% of Americans would rather give up their TV than their smartphone 26% would rather give up their computer 65% want mobile sites to be as easy to use as computer sites.
source: Google’s Our Mobile Planet
www.finalsite.com
source: Google’s Our Mobile Planet
62% of Americans are on their smartphones everyday… 80% of smartphone owners don’t leave the house without their device 76% watch videos on their devices.