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