SharePoint Branding - Kevin Riahi & Preetee HURCHAND-BEEFEYA
•
2 likes•228 views
Tout ce qu'il faut savoir sur le Branding SharePoint
Recommended
Recommended
More Related Content
Similar to SharePoint Branding - Kevin Riahi & Preetee HURCHAND-BEEFEYA
Similar to SharePoint Branding - Kevin Riahi & Preetee HURCHAND-BEEFEYA (20)
More from aOS Community
More from aOS Community (20)
Recently uploaded
Recently uploaded (20)
SharePoint Branding - Kevin Riahi & Preetee HURCHAND-BEEFEYA
- 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