Post on 16-Apr-2017
Branding Office 365Sonja Madsen
Keynote Modernized Team SitesOneDriveExtensibility
SwayDelve OneDrive
Outlook MySite
Publishing Team Site Video
Office 365 Updates every 90 daysKeep up with updates
SharePoint MVPSONJASAPPS ConsultingSpeaker
@sonjamadsen sp2013.blogspot.com dev@sonjasapps.com www.sonjasapps.com
Sonja Madsen#WPC15 Best International Developer
Branding Office 365• Branding SharePoint• Evolution of Office 365 from SharePoint 2013 - Today• How We Brand• Themes, CSS, JavaScript, Add-ins (Apps)• Best Practice• Mission Impossible, Branding MySite, Delve, Sway• End of Branding Office 365, SharePoint 2013 to Zero?
Everything is possible
Anything is possible
But not everything isrecommended
“You don't brand Outlook or Word.
Whydo you need to do branding on collaboration sites?”
PowerPoint
“You don't brand Outlook or Word.
Whydo you need to do branding on collaboration sites?”
How We Brand
Outlook Calendar People … Sonja Madsen
Suite BarTop Bar
Navigation
Content
Logo
Logo
Logo
Main Site Link
Office 365 from SharePoint 2013 - Today
Responsive Office 365
Navigation
PublishingMySite
Chrome browser
Edge
DEMOInstagram add-in
Best Practice
• No custom master page• No custom web templates• No custom list templates• No features
Content Form• Logo, Title• Colors, fonts• Navigation• Content• Controls• Web Parts
• Office 365 Theme• SharePoint Theme• Alternate CSS• JavaScript • Page layouts• Custom add-ins (apps)
Outlook Calendar People … Sonja Madsen
Suite BarTop Bar
Navigation
Content
DEMOThemes, CSS, JavaScript
Keynote Modernized Team SitesOneDrive
DEMOMySite, Delve, Video, and Sway
Mission ImpossibleMySite, Delve, OneDrive, Sway, Word, Excel
End of Branding Office 365?SharePoint 2013 to Zero
Branding Office 365• Do not brand the top, the ribbon• Focus on content• Focus on business value• Do not use features • Use styles (theme and CSS)• Move functionality from pages to add-ins
HoloLensHolograms mixed with real world
Real World Branding
What does it take to have web part
headings in bold?
Web part heading
JavaScript Injection
Office 365
JavaScript
Azure
Add-in (App)
SharePoint MVPSONJASAPPS ConsultingSpeaker
@sonjamadsen sp2013.blogspot.com dev@sonjasapps.com www.sonjasapps.com
Sonja Madsen#WPC15 Best International Developer
Page Layouts
Suite BarTop Bar
Navigation
Content
UniqueConsistent PresenceLoyaltyImageDesignUsabilityFunctionality
Branding
Tools• Office 365 Theme• SharePoint Theme• Alternate CSS• JavaScript • Page layouts• Site Wizard• Custom apps
UniqueConsistent PresenceLoyaltyImageDesignUsabilityFunctionality
Branding