What is New in Branding        SharePoint 2013                Matthew Hughes                    Flucidity Ltd             ...
Who am I?• Matthew Hughes• SharePoint 2010 MCTS, MCITP, MOS• SharePoint 2007+• Branded SharePoint 2010 Beta• Former ShareP...
Session Contents• A History of SharePoint Branding• Low Effort Branding  • Site Icon  • Composed Looks• Medium Effort Bran...
What is Branding?Courtesy of the University of East Anglia                                        4
SharePoint BrandingThrough the Ages• SharePoint 2003• SharePoint 2007  • SharePoint Designer 2007  • Master Pages & CSS• S...
Low Effort Branding                      7
Site Icon            8
Composed Looks                 9
Composed Looks                 10
Composed Looks• Themes but actually useable• Includes Master Page, Colours, Fonts, Background Image,  Preview File• Compos...
Demo: Composed Looks                       12
Medium Effort Branding                         13
Design Manager• Remember themes were the focus in SharePoint 2010?  Now it’s Design Manager• SharePoint with publishing  e...
Design Manager• Snippets• Simple Interface• Create a design  using snippets  and HTML editor• Convert design  into SharePo...
Dreamweaver & SharePoint
Demo: Design Manager
Full Effort BrandingEverything Else – Traditional Branding                                         18
Resources• Whats new in SharePoint 2013 Site Development http://msdn.microsoft.com/en-us/library/jj163942(v=office.15)• Us...
Thanks for attending• Matthew Hughes• Flucidity.com• @flucidity• matt@flucidity.com• +44 7879 775 365• Follow me on Twitte...
Upcoming SlideShare
Loading in …5
×

What's New in Branding SharePoint 2013

1,944 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,944
On SlideShare
0
From Embeds
0
Number of Embeds
544
Actions
Shares
0
Downloads
41
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • SharePoint since 2007, Branded and enjoyed branding SharePoint 2010 Beta, did it all wrong and still doing it wrong up until about months ago.Former SharePoint Trainer so I should be good at this stuff, ill let you decide at the end.Independent SharePoint Consultant and Director at SP365 LTD, I run a few SharePoint and Office 365 based websites, sp365.co.uk being one of them and the business site at sp365.org, shameless plug, if you like this but don’t want to go through the hassle of learning how to do it yourself, that’s why I am here :DBrander? Well I guess but I don’t do this full time. Designer, probably not, I prefer to work with a designer that has created the mockup / comp.
  • This demo is the simple change with composed looks and then the effect it has on the filesystem.We will then demo changing the background image.
  • SharePoint since 2007, Branded and enjoyed branding SharePoint 2010 Beta, did it all wrong and still doing it wrong up until about months ago.Former SharePoint Trainer so I should be good at this stuff, ill let you decide at the end.Independent SharePoint Consultant and Director at SP365 LTD, I run a few SharePoint and Office 365 based websites, sp365.co.uk being one of them and the business site at sp365.org, shameless plug, if you like this but don’t want to go through the hassle of learning how to do it yourself, that’s why I am here :DBrander? Well I guess but I don’t do this full time. Designer, probably not, I prefer to work with a designer that has created the mockup / comp.
  • What's New in Branding SharePoint 2013

    1. 1. What is New in Branding SharePoint 2013 Matthew Hughes Flucidity Ltd 1
    2. 2. Who am I?• Matthew Hughes• SharePoint 2010 MCTS, MCITP, MOS• SharePoint 2007+• Branded SharePoint 2010 Beta• Former SharePoint Trainer• Co-founder Flucidity Ltd• Founder Office 365 UK User Group• Occasional Blogger• Brander? Designer? IT Pro?• A Office 365 & SharePoint Enthusiast?
    3. 3. Session Contents• A History of SharePoint Branding• Low Effort Branding • Site Icon • Composed Looks• Medium Effort Branding • Design Manager • Custom CSS• High Effort Branding • Master Pages / Page Layouts 3
    4. 4. What is Branding?Courtesy of the University of East Anglia 4
    5. 5. SharePoint BrandingThrough the Ages• SharePoint 2003• SharePoint 2007 • SharePoint Designer 2007 • Master Pages & CSS• SharePoint 2010 • SharePoint Designer 2010 • Master Pages & CSS • XSLT • Page Layouts 5
    6. 6. Low Effort Branding 7
    7. 7. Site Icon 8
    8. 8. Composed Looks 9
    9. 9. Composed Looks 10
    10. 10. Composed Looks• Themes but actually useable• Includes Master Page, Colours, Fonts, Background Image, Preview File• Composed Looks are NOT created with PowerPoint • Defined in XML files• Note: Create your own Preview File otherwise this will not work 11
    11. 11. Demo: Composed Looks 12
    12. 12. Medium Effort Branding 13
    13. 13. Design Manager• Remember themes were the focus in SharePoint 2010? Now it’s Design Manager• SharePoint with publishing enabled• Create designs outside of SharePoint• Use existing design software 14
    14. 14. Design Manager• Snippets• Simple Interface• Create a design using snippets and HTML editor• Convert design into SharePoint Master Page• MasterPage and HTML file joined together
    15. 15. Dreamweaver & SharePoint
    16. 16. Demo: Design Manager
    17. 17. Full Effort BrandingEverything Else – Traditional Branding 18
    18. 18. Resources• Whats new in SharePoint 2013 Site Development http://msdn.microsoft.com/en-us/library/jj163942(v=office.15)• User Agent Strings http://www.useragentstring.com/pages/useragentstring.php• Starter Master Pages http://startermasterpage.codeplex.com 19
    19. 19. Thanks for attending• Matthew Hughes• Flucidity.com• @flucidity• matt@flucidity.com• +44 7879 775 365• Follow me on Twitter @mattmoo2

    ×