Branding Office 365

• #SPSParis C06• Sonja Madsen• 30 Mai 2015 / May 30th, 2015

Sonja Madsen

SharePoint MVPSONJASAPPSConsultingSpeaker

sp2013.blogspot.com @sonjamadsen dev@sonjasapps.com www.sonjasapps.com

Agenda

• Branding SharePoint• SharePoint, MySite, Delve, Video, Team Sites, Outlook,

Word• Themes, CSS, JavaScript, Apps• Best Practice• Branding Next

Everything is possible

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

Everything is possible

Everything is NOTrecommended

Change

Outlook Calendar People … Sonja Madsen

Suite BarTop Bar

How We Brand

Everything is NOT recommended

No custom master pageNo custom web templatesNo custom list templatesNo features

Best Practice

HoloLensHolograms mixed with real world

DEMOOut-of-box Office 365

Logo, TitleColors, fontsNavigationContentControlsWeb Parts

Content Form

Office 365 ThemeSharePoint ThemeAlternate CSSJavaScript Page layoutsSite WizardCustom apps

DEMOThemes, CSS, JavaScript

ChangeMySite, Sway

Real World Branding

What does it take to have web part headings in bold?

Also on Delve, MySite, Office Groups…

Web part heading

CSS and JavaScript Injection

Office 365

JavaScript

Azure

Alternate JavaScript URL?

Alternate JavaScript Injection URL

Also on OneDrive, MySite, Office Groups…

Usability: consistent design and navigation

LinksHeadingsButtons

Brand each page, each appdifferently

Usability: consistent design and navigation

Branding Office 365Do 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

SummaryBranding forms and practicesThere is no right answer

Merci aux sponsors!

Platinum

Gold / Or

Silver /

Argent

Organizers /

Organisateur

s

Thanks to our sponsors!

Raffl

e /

Tom

bola

Thank you !

Merci !