Branding Office 365September 2015

SharePoint MVPSONJASAPPSConsultingSpeaker @sonjamadsen sp2013.blogspot.com

dev@sonjasapps.com www.sonjasapps.com

Sonja Madsen

SwayDelve OneDrive

Outlook MySite

Publishing Team Site Video

AgendaBranding SharePointSharePoint, MySite, Delve, Video, Team Sites, Outlook, WordThemes, CSS, JavaScript, AppsBest PracticeBranding Next

Everything is possible

“You don’t brand Office. Why do you want to brand SharePoint.”

Everything is possible

Everything is NOTrecommended

Office 365 from 2013 - Today

Navigation

PublishingMySite

Main Site Link

• No custom master page• No custom web templates• No custom list templates• No features

Best Practice

How We Brand

Outlook Calendar People … Sonja Madsen

Suite BarTop Bar

Navigation

Content

• Logo, Title• Colors, fonts• Navigation• Content• Controls• Web Parts

Content FormOffice 365 ThemeSharePoint ThemeAlternate CSSJavaScript Page layoutsSite WizardCustom apps

DEMO

Themes, CSS, JavaScript

Mission Impossible

MySite, OneDrive, Sway, Word, Excel

Also on OneDrive, Team Sites, Office Groups…

Real World Branding

What does it take to have web part headings in bold?Also on Delve, MySite, Team Sites, Office Groups…

Web part heading

JavaScript Injection

Office 365

JavaScript

Azure

Add-in (App)

HoloLensHolograms mixed with real world

Page Layouts

Suite BarTop Bar

Navigation

Content

Solution

Brand each page, each add-indifferentlyUsability: consistent design and navigation

Tools• Office 365 Theme• SharePoint Theme• Alternate CSS• JavaScript • Page layouts• Site Wizard• Custom apps

Site Wizard

Add-in (App)

Branding Office 365

Do not brand the top, the ribbonFocus on contentFocus on business valueDo not use features Use styles (theme and CSS)Move content to Office?Move functionality from pages to apps