Branding SharePoint SharePoint, MySite, Delve, Video, Team Sites, Outlook, Word Themes, CSS, JavaScript, Apps Best Practice Branding Next

1. Branding Office 365
September 2015

3. SharePoint MVP
SONJASAPPS
Consulting
Speaker @sonjamadsen sp2013.blogspot.com
dev@sonjasapps.com www.sonjasapps.com
Sonja Madsen

4. SwayDelve OneDrive
Outlook MySite
Publishing Team Site Video

5. Agenda
Branding SharePoint
SharePoint, MySite, Delve, Video, Team Sites, Outlook,
Word
Themes, CSS, JavaScript, Apps
Best Practice
Branding Next

6. Everything is possible

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

8. Everything is possible
Everything is NOT
recommended

9. Office 365 from 2013 - Today

11. Navigation

12. Publishing
MySite

13. Main Site Link

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

15. How We Brand

16. Outlook Calendar People … Sonja Madsen
Suite
Bar
Top
Bar
Navigation
Content

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

20. DEMO
Themes, CSS, JavaScript

21. Mission Impossible
MySite, OneDrive, Sway, Word, Excel

22. Also on OneDrive, Team Sites,
Office Groups…

23. Real World Branding

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

25. Web part heading

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

28. HoloLens
Holograms mixed with real world

30. Page Layouts

31. Suite
Bar
Top
Bar
Navigation
Content

32. Solution

33. Brand each page, each add-in
differently
Usability: consistent design and navigation

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

35. Site Wizard
Add-in (App)

37. 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