aOS 2017 Mauritius SharePoint Branding
•Download as PPTX, PDF•
0 likes•45 views
A presentation of what is SharePoint Branding, its possibilities and how to reach it.
Recommended
Recommended
More Related Content
Similar to aOS 2017 Mauritius SharePoint Branding
Similar to aOS 2017 Mauritius SharePoint Branding (20)
Recently uploaded
Recently uploaded (20)
aOS 2017 Mauritius SharePoint Branding
- 1. aOS Maurice 24 Octobre 2017 SharePoint Branding #aosMauritius
- 2. aOS Maurice & Réunion 24 et 26 Octobre 2017 Speaker presentation Kévin RIAHI • SharePoint Developer • Since 2015 Preetee BEEFEYA-HURCHAND • Associate manager & SharePoint Developer • Since 2013
- 3. aOS Maurice & Réunion 24 et 26 Octobre 2017
- 4. aOS Maurice & Réunion 24 et 26 Octobre 2017 Agenda • Part 1: SharePoint Branding • Part 2: Implementations • Conclusion: Best practice / Limitations
- 5. aOS Maurice & Réunion 24/26 Octobre 2017 SharePoint Branding #aosMauritius
- 6. aOS Maurice & Réunion 24 et 26 Octobre 2017 SharePoint Reminder • What is SharePoint for ?
- 7. aOS Maurice & Réunion 24 et 26 Octobre 2017 Why SharePoint Branding ? • Corporate identity compliance • Differentiate site (example: per department) • Create unique experience for specific requirement • Respond to a business need
- 8. aOS Maurice & Réunion 24 et 26 Octobre 2017 SharePoint Branding examples https://www.renfe-sncf.com/
- 9. aOS Maurice & Réunion 24 et 26 Octobre 2017 SharePoint Branding examples https://www.swiss.com
- 10. aOS Maurice & Réunion 24 et 26 Octobre 2017 SharePoint Branding examples http://www.iata.org/
- 11. aOS Maurice & Réunion 24 et 26 Octobre 2017 What is branding ? • Website Branding: • The colors, fonts, logos, and supporting graphics that make up the general look and feel of a corporate website. • Branding for SharePoint: • Master pages, page layouts, CSS, web parts, images, etc.
- 12. aOS Maurice & Réunion 24 et 26 Octobre 2017 What is SharePoint Branding ? • Different effort level identified: • Full Effort • Custom Master Pages, Page Layouts, Display Templates • Medium Effort • Design Manger for Publishing Sites • Custom CSS & Background Images • Low Effort • Page Editing & Composed Looks
- 13. aOS Maurice & Réunion 24/26 Octobre 2017 Implementations #aosMauritius
- 14. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding levels • Low Effort • Page editing • Composed looks • Customized palette • Medium Effort • Custom CSS • Page layouts • Full Effort • Custom Master Pages • Design manager
- 15. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding low effort • Editing page
- 16. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding low effort • Composed looks
- 17. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding low effort • Composed looks customization • Colors (palette) • Polices • Background • Master pages • Seattle Oriented intranet/team site • Oslo Oriented publishing
- 18. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding low effort Seattle
- 19. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding low effort Oslo
- 20. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding low effort • Sharepoint Color Palette 1. Create your theme 2. Generate the theme file (.spcolor) 3. Upload the file into the dedicated library 4. The new palette is available
- 21. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding low effort Components • Mostly Any ! Except the .spcolor file to upload Requirement • No technical knowledges • Sharepoint Color Palette tool For a customized palette
- 22. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding medium effort • Custom CSS
- 23. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding medium effort Components • Fonts and Layout (CSS) Requirement • Technical knowledges • Publishing site • Custom CSS
- 24. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding medium effort • Custom page layout
- 25. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding medium effort Components • A content type • Custom Page Layout (aspx) • Fonts and Layout (css) Requirement • Technicals knowledges • Custom page layout
- 26. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding full effort • Design manager • Design Manager create design packages • Includes master pages, page layouts, CSS, images, and more • Can be easily imported into another site 1. Edit HTML files (possibility to use snippets provided by Microsoft) 2. Upload/create the design 3. Export if needed
- 27. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding full effort Components • HTML design files • Every dependency needed Requirement • Technicals knowledges • Publishing site • Design manager
- 28. aOS Maurice & Réunion 24 et 26 Octobre 2017 Branding full effort • Custom master page • Higher level of customization • Can be easily customized (via SharePoint Designer for example) • Has to be in last usage ! (see next part)
- 29. aOS Maurice & Réunion 24/26 Octobre 2017 Conclusion: Best practice / Limitations #aosMauritius
- 30. aOS Maurice & Réunion 24 et 26 Octobre 2017 Conclusion: Best practice / Limitations • SharePoint Online limitations: • No update if custom master page • Limitation on scripts • 03/31/2018: All SharePoint Online Public Website will be deleted
- 31. aOS Maurice & Réunion 24 et 26 Octobre 2017 Conclusion: Best practice / Limitations • Stick to the standard ! • 4 advantages: • Cheaper • Quicker • Better maintainability • More Agile • Stay up to date • Roadmap
- 32. aOS Maurice & Réunion 24 et 26 Octobre 2017 Conclusion: Best practice / Limitations Modern sites • New default design • New ways to develop/deploy • New language: typescript
- 33. aOS Maurice & Réunion 24 et 26 Octobre 2017 Conclusion: Best practice / Limitations • Modern page
- 34. aOS Maurice & Réunion 24/26 Octobre 2017 Thanks to our sponsors! Merci à nos sponsors Platinum
Editor's Notes
- Low effort no technical knowledge & quick Medium effort technical knowledge & may be quick Full effort technical knowledge & can’t be quick
- Under the master page, but can override it
- Creates a simple sandbox solution Available in SharePoint Server for sites with Publishing activated Snippets = code for SharePoint functionality (as searchbox or webparts)
- PnP: Pattern & Practice code examples