Corporate branding on all sites and apps on Office 365. How does Office 365 being in the Cloud affects branding. Strategy to keep your branding "safe" and unbroken from continuous updates. Delve, Video, Team Sites, OneDrive, Publishing Sites, Sway, Office 365 Groups and MySite on Office 365. What it takes to apply consistent corporate branding on Office 365, and how to keep up with Office 365 updates that roll out new features and changes in design and navigation.

1. Branding Office 365

2. Sonja Madsen
SP2013.blogspot.com
@sonjamadsen
dev@sonjasapps.com
www.sonjasapps.com
SharePoint MVP
SONJASAPPS
Consulting
Speaker

3. Publishing Team Site
SwayDelve OneDrive
Video
Outlook MySite

4. Agenda

5. Everything is possible

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

7. We do brand Office

8. Everything is NOT recommended

9. Suite
Bar
Top
Bar
Navigation
Content

13. Best Practice
• No custom master page
• No custom web templates
• No custom list templates
• No features

14. Navigation
Usability: consistent design
and navigation

15. Publishing
MySite

16. Main Site Link

17. Consistent design and navigation

19. Content Form
• Logo, Title
• Colors, fonts
• Navigation
• Content
• Controls
• Web Parts
• Office 365 Theme
• SharePoint Theme
• Alternate CSS
• JavaScript
• Page Layouts
• Site Wizard
• Custom Apps

20. HoloLens
Holograms mixed with real
world

22. Suite
Bar
Top
Bar
Navigation
Content

23. Office 365 Theme
Office 365Office 365
CSS

24. Links
Headings
Buttons

26. Page Layouts

27. Suite
Bar
Top
Bar
Navigation
Content

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

29. Web part heading

31. JavaScript Injection
Office 365
JavaScript
Azure
Add-in (App)

32. JavaScript Injection
PowerPoint
JavaScript
Azure
Add-in (App)

33. Alternate JavaScript URL?
Alternate JavaScript
Injection URL

34. JavaScript in Web Parts
JavaScript

36. Site Wizard

37. Site Wizard
Office 365App
Create Site

39. We do brand SharePoint

40. 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 content to Office?
• Move functionality from pages to apps

41. Summary

42. THANK YOU