SlideShare a Scribd company logo
Microsoft SharePoint Branding & Customization ~   Colombo .NET User Group (CDNUG) Chandana N. Athauda, [email_address]   http://www.yeschandana.com
~ Agenda  ~ List of upcoming Sessions What is SharePoint Branding? Why Brand? Real world examples Architecture of SharePoint Branding Tools for Branding SharePoint Branding Options OOB Customization Developer Focused Customization Resources / Links
~ Upcoming Sessions ~ SharePoint Concepts: Web Content Management  Before You Start - Requirements Gathering Getting to Know SharePoint Designer SharePoint – Master Pages SharePoint – CSS SharePoint – Page Layouts SharePoint – Role-based site Templates SharePoint – Site Definitions Applying What You Have Learned There will be  5  Sessions with following topics.
~ What is SharePoint Branding? ~ Branding is how you apply an Organization's identity to an existing software application through customization of a (SharePoint) portal site.
Logos Fonts Color Schemes Graphical Treatment Traits or Characteristics SharePoint provides a  Web 2.0, multi- dimensional, dynamic  brand experience
~ Why Brand? ~ To establish corporate identity and ownership. To reinforce enterprise standards.  For ease of use. To create a sense of place. *  Any customization that goes beyond modifying the look and feel of the portal site is not considered branding.
~ Typical Roles and Responsibilities in a SP project ~ Marketing Ideas Branding guidelines Designer Design Concepts Implementation of HTML,  Graphics and CSS Developer Custom web part development Admin Content approver Set up for roles Content Contributor Updates to content IT Environment setup Security
~ Real World Examples ~ SharePoint is a Microsoft Product. So, How far can we reach with SharePoint Customizations?
Hawaiian Airlines  - http://www.hawaiianair.com/
MIGROS  - http://www.migros.ch
Hed Kandi - http://beta.hedkandi.com
MSW – Microsoft for Web
Glu Mobile - http://www.glu.com
~ Microsoft SharePoint Platform ~
~  Microsoft  SharePoint Platform ~ Intranets and Extranets  focus on content and functionality  and might have different branding requirements Websites  have a much larger focus on user experience
~ How Branding plug in to the SharePoint Platform ~ Enterprise Content Management [ECM] Document Management Web Content Management [WCM] Records Management Forms Management Authoring Branding Publishing
~ Web Content Management ~ Author and publish content quickly and easily .  Business groups can author and publish Web content in a timely manner with easy-to-use authoring tools and integrated workflows with minimal IT involvement. Maintain a consistent look and feel throughout your Web sites .  Maintain consistency by providing approved master pages and page layouts that enable branding and navigation of the site to be specified once and reused by content authors. Lower deployment and management costs your Web sites .  Implement a single multi-tier infrastructure for publishing content to intranet, extranet, and Internet sites.
~ Tools for Branding ~ SharePoint Designer 2007 Create/customize master pages, page templates, CSS Create new / modify existing sites Create SharePoint lists and libraries Build workflows No code solutions More Visual Studio 2005 / 2008 Build server controls, custom controls, web parts Develop pages with code behind Complicated workflows Custom providers More *   Visual Studio 2010 will replace the much-derided SharePoint Designer, a descendant of MS FrontPage
~ SharePoint Branding Options ~ Out Of the Box Customization (OOB) Developer Focused Customization
~ Out Of the Box Customization ~ ~Out Of the Box customization means “No Code Required” ~ Adding Web Parts and moving them from Zone to Zone Update Logo, Title, etc… Changing properties of Web Parts Adding Meta Data Columns to list or site Creating filtered Views Applying site Themes Creating Sites, Web Part Pages Creating list or site templates Etc…
~ Out Of the Box Customization ~ Advantages : Faster time to market Lower development and maintenance costs High quality, tested code Persistent user interface
~ Developer focused Customization ~
~ Useful Links ~ http://www.heathersolomon.com http://www.cleverworkarounds.com/ http://msdn.microsoft.com/en-gb/library/aa830818.aspx http://www.brandingsharepoint.com/ http://designshare.wordpress.com/ http://www.sharepointdesignerstepbystep.com/ http://blogs.msdn.com/sharepointdesigner/ http://office.microsoft.com/en-us/sharepointdesigner/FX100487631033.aspx
Q & A
END

More Related Content

What's hot (20)

PDF
Envision IT - SharePoint 2013 Web Content Managment
Envision IT
 
PPTX
SharePoint 2013: Using Client-Side Rendering to color-code list cells
Randy Mullis
 
PPTX
SharePoint Development
Malin De Silva
 
PPTX
2013 SPFest - Customizing Sites and Pages in SharePoint 2013
Wes Preston
 
PPTX
Top 10 Performance Tips for making Your Public Facing SharePoint 2010 Site Fa...
Kanwal Khipple
 
PPTX
SharePoint Branding From Start to Finish
Kanwal Khipple
 
PPTX
Becoming a SharePoint Design Ninja
Kanwal Khipple
 
PPTX
User Centered Design and SharePoint Publishing Portals
Tom Pham
 
PPTX
Branding sharepoint project
Binh Nguyen
 
PPSX
Basics of SharePoint
samirsangli
 
PPTX
Share point 2010_installation_topologies-day 2
Narayana Reddy
 
PPTX
Transform SharePoint List Forms with HTML and CSS
John Calvert
 
PDF
Style guide for share point 2013 branding
Vinod Dangudubiyyapu
 
PPTX
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
SPTechCon
 
PPTX
Sharepoint training in usa
ssmasters
 
PPTX
Customizing the SharePoint 2013 user interface with JavaScript - Chris OBrien
Chris O'Brien
 
PPTX
DAYSPUG - Funnel your info down a new path
Ryan Dennis
 
PPTX
SharePoint Saturday Utah 2015 - SP2013 Search Driven Sites
Brian Culver
 
PPTX
The A to Z of Building a Responsive SharePoint Site with Bootstrap
Thomas Daly
 
PPTX
Things I've learnt when skinning and customizing a SharePoint 2010 Site
Justin Lee
 
Envision IT - SharePoint 2013 Web Content Managment
Envision IT
 
SharePoint 2013: Using Client-Side Rendering to color-code list cells
Randy Mullis
 
SharePoint Development
Malin De Silva
 
2013 SPFest - Customizing Sites and Pages in SharePoint 2013
Wes Preston
 
Top 10 Performance Tips for making Your Public Facing SharePoint 2010 Site Fa...
Kanwal Khipple
 
SharePoint Branding From Start to Finish
Kanwal Khipple
 
Becoming a SharePoint Design Ninja
Kanwal Khipple
 
User Centered Design and SharePoint Publishing Portals
Tom Pham
 
Branding sharepoint project
Binh Nguyen
 
Basics of SharePoint
samirsangli
 
Share point 2010_installation_topologies-day 2
Narayana Reddy
 
Transform SharePoint List Forms with HTML and CSS
John Calvert
 
Style guide for share point 2013 branding
Vinod Dangudubiyyapu
 
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
SPTechCon
 
Sharepoint training in usa
ssmasters
 
Customizing the SharePoint 2013 user interface with JavaScript - Chris OBrien
Chris O'Brien
 
DAYSPUG - Funnel your info down a new path
Ryan Dennis
 
SharePoint Saturday Utah 2015 - SP2013 Search Driven Sites
Brian Culver
 
The A to Z of Building a Responsive SharePoint Site with Bootstrap
Thomas Daly
 
Things I've learnt when skinning and customizing a SharePoint 2010 Site
Justin Lee
 

Similar to Microsoft Share Point Branding & Customization (20)

PPTX
SharePoint Branding Guidance @ SharePoint Saturday San Diego
Kanwal Khipple
 
PPTX
Whats New In Share Point Designer 2010 Ayman El Hattab Cairo Code Camp
Ayman El-Hattab
 
PPT
Seminar Presentation for FrontPage
webhostingguy
 
PPT
Ofc216 Shah German Webcms
Punk Rock
 
PPTX
Intro to SharePoint for Developers
Rob Wilson
 
PPTX
You got Microsoft Teams! Now let's build modern intranet on SharePoint - Team...
Chirag Patel
 
PPTX
Dogfood slides 2012
Ryan Dennis
 
PPTX
SPSVB 1 7-2012 - getting started with share point branding
Thomas Daly
 
PPTX
ILTA Presentation - Building Public-Facing Websites with SharePoint 2010
gdurzi
 
PPTX
Sharepoint
Jessica Felan
 
PPTX
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
European Collaboration Summit
 
PPTX
Your Intranet, Your Way
D'arce Hess
 
PPT
CVNUG - Share Point Development
ryanaoliveira
 
PPTX
SPS Dayton Slides
Ryan Dennis
 
PPTX
Introduction to Branding SharePoint
K.Mohamed Faizal
 
PPTX
Build your SharePoint Internet Presence with PowerShell
Ryan Dennis
 
PPTX
ScarePoint Saturday Spookinnati Slides
Ryan Dennis
 
PPTX
Web development services
webinfomatrix3
 
PPTX
PPT on web development & SEO
Prakrati Bansal
 
PDF
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
SPS Paris
 
SharePoint Branding Guidance @ SharePoint Saturday San Diego
Kanwal Khipple
 
Whats New In Share Point Designer 2010 Ayman El Hattab Cairo Code Camp
Ayman El-Hattab
 
Seminar Presentation for FrontPage
webhostingguy
 
Ofc216 Shah German Webcms
Punk Rock
 
Intro to SharePoint for Developers
Rob Wilson
 
You got Microsoft Teams! Now let's build modern intranet on SharePoint - Team...
Chirag Patel
 
Dogfood slides 2012
Ryan Dennis
 
SPSVB 1 7-2012 - getting started with share point branding
Thomas Daly
 
ILTA Presentation - Building Public-Facing Websites with SharePoint 2010
gdurzi
 
Sharepoint
Jessica Felan
 
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
European Collaboration Summit
 
Your Intranet, Your Way
D'arce Hess
 
CVNUG - Share Point Development
ryanaoliveira
 
SPS Dayton Slides
Ryan Dennis
 
Introduction to Branding SharePoint
K.Mohamed Faizal
 
Build your SharePoint Internet Presence with PowerShell
Ryan Dennis
 
ScarePoint Saturday Spookinnati Slides
Ryan Dennis
 
Web development services
webinfomatrix3
 
PPT on web development & SEO
Prakrati Bansal
 
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
SPS Paris
 
Ad

Recently uploaded (20)

PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
July Patch Tuesday
Ivanti
 
PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PDF
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
PDF
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PDF
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
PDF
Biography of Daniel Podor.pdf
Daniel Podor
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
IoT-Powered Industrial Transformation – Smart Manufacturing to Connected Heal...
Rejig Digital
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
July Patch Tuesday
Ivanti
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
Biography of Daniel Podor.pdf
Daniel Podor
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
IoT-Powered Industrial Transformation – Smart Manufacturing to Connected Heal...
Rejig Digital
 
Ad

Microsoft Share Point Branding & Customization

  • 1. Microsoft SharePoint Branding & Customization ~ Colombo .NET User Group (CDNUG) Chandana N. Athauda, [email_address] http://www.yeschandana.com
  • 2. ~ Agenda ~ List of upcoming Sessions What is SharePoint Branding? Why Brand? Real world examples Architecture of SharePoint Branding Tools for Branding SharePoint Branding Options OOB Customization Developer Focused Customization Resources / Links
  • 3. ~ Upcoming Sessions ~ SharePoint Concepts: Web Content Management Before You Start - Requirements Gathering Getting to Know SharePoint Designer SharePoint – Master Pages SharePoint – CSS SharePoint – Page Layouts SharePoint – Role-based site Templates SharePoint – Site Definitions Applying What You Have Learned There will be 5 Sessions with following topics.
  • 4. ~ What is SharePoint Branding? ~ Branding is how you apply an Organization's identity to an existing software application through customization of a (SharePoint) portal site.
  • 5. Logos Fonts Color Schemes Graphical Treatment Traits or Characteristics SharePoint provides a Web 2.0, multi- dimensional, dynamic brand experience
  • 6. ~ Why Brand? ~ To establish corporate identity and ownership. To reinforce enterprise standards. For ease of use. To create a sense of place. * Any customization that goes beyond modifying the look and feel of the portal site is not considered branding.
  • 7. ~ Typical Roles and Responsibilities in a SP project ~ Marketing Ideas Branding guidelines Designer Design Concepts Implementation of HTML, Graphics and CSS Developer Custom web part development Admin Content approver Set up for roles Content Contributor Updates to content IT Environment setup Security
  • 8. ~ Real World Examples ~ SharePoint is a Microsoft Product. So, How far can we reach with SharePoint Customizations?
  • 9. Hawaiian Airlines - http://www.hawaiianair.com/
  • 10. MIGROS - http://www.migros.ch
  • 11. Hed Kandi - http://beta.hedkandi.com
  • 12. MSW – Microsoft for Web
  • 13. Glu Mobile - http://www.glu.com
  • 15. ~ Microsoft SharePoint Platform ~ Intranets and Extranets focus on content and functionality and might have different branding requirements Websites have a much larger focus on user experience
  • 16. ~ How Branding plug in to the SharePoint Platform ~ Enterprise Content Management [ECM] Document Management Web Content Management [WCM] Records Management Forms Management Authoring Branding Publishing
  • 17. ~ Web Content Management ~ Author and publish content quickly and easily . Business groups can author and publish Web content in a timely manner with easy-to-use authoring tools and integrated workflows with minimal IT involvement. Maintain a consistent look and feel throughout your Web sites . Maintain consistency by providing approved master pages and page layouts that enable branding and navigation of the site to be specified once and reused by content authors. Lower deployment and management costs your Web sites . Implement a single multi-tier infrastructure for publishing content to intranet, extranet, and Internet sites.
  • 18. ~ Tools for Branding ~ SharePoint Designer 2007 Create/customize master pages, page templates, CSS Create new / modify existing sites Create SharePoint lists and libraries Build workflows No code solutions More Visual Studio 2005 / 2008 Build server controls, custom controls, web parts Develop pages with code behind Complicated workflows Custom providers More * Visual Studio 2010 will replace the much-derided SharePoint Designer, a descendant of MS FrontPage
  • 19. ~ SharePoint Branding Options ~ Out Of the Box Customization (OOB) Developer Focused Customization
  • 20. ~ Out Of the Box Customization ~ ~Out Of the Box customization means “No Code Required” ~ Adding Web Parts and moving them from Zone to Zone Update Logo, Title, etc… Changing properties of Web Parts Adding Meta Data Columns to list or site Creating filtered Views Applying site Themes Creating Sites, Web Part Pages Creating list or site templates Etc…
  • 21. ~ Out Of the Box Customization ~ Advantages : Faster time to market Lower development and maintenance costs High quality, tested code Persistent user interface
  • 22. ~ Developer focused Customization ~
  • 23. ~ Useful Links ~ http://www.heathersolomon.com http://www.cleverworkarounds.com/ http://msdn.microsoft.com/en-gb/library/aa830818.aspx http://www.brandingsharepoint.com/ http://designshare.wordpress.com/ http://www.sharepointdesignerstepbystep.com/ http://blogs.msdn.com/sharepointdesigner/ http://office.microsoft.com/en-us/sharepointdesigner/FX100487631033.aspx
  • 24. Q & A
  • 25. END