Transcript Title

Branding Impossible:
What to know when branding
SharePoint!
Thor & Odin
Castillo
Houston, Texas
0
Welcome to SharePoint Saturday Houston
Thank you for being a part of the
5th Annual SharePoint Saturday
for the greater Houston area!
• Please turn off all electronic devices or set them to vibrate
• If you must take a phone call, please do so in the hall so as not
to disturb others
• Special thanks to our Title Sponsor, ProSymmetry
1
Thanks to all our Sponsors!
2
Information
• Speaker presentation slides should be available
from the SPSHOU website within a week or so
• The Houston SharePoint User Group will be
having it’s next meeting Wednesday April 15th.
Please join us at www.h-spug.org
3
Warm Up
Who branded?
How branded?
When branded?
What branded?
4
Clients
SharePoint
Mixed Bag
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Microsoft
Houston Methodist
Exxon
Apache
Kraton Polymers
Treasure Island
Jet Aviation
Baxter Pharma
PRIDCO (Puerto Rico)
5
Fidelity
Nationwide
Air Force
Pfizer
ST Microelectronics
Chase
GlaxoSmithKline
United Airlines
WinWholesale
What is SharePoint?
Where is Branding?
6
Why Does SharePoint not Brand?
• It’s an Office Application
– Let’s look at Word!
• It’s about supporting the creation of information
• It’s about supporting processes
– Automating Services
– Back Office Integration
• It really wasn’t built with “.com” public-facing
websites in mind
• But…
7
SharePoint is Made of Web
• SharePoint is still made of:
– Web Servers
– Web Sites
– HTML, JavaScript & CSS
– Pages & Layouts
8
Is Branding Impossible? Maybe!
• Simply, branding is designing a web site using
SharePoint… but this can be quite complicated
and cumbersome
• Must deeply understand how to design for
SharePoint’s template and theming model
• Work within its design limitations and capabilities
• Must design for the content contribution and site
management processes
9
Talking Points
•
•
•
•
“Branding Impossible: What to know when
branding SharePoint!”
Why Brand?
What’s Possible? (What Brand?)
You too can brand (How Brand?)
Things to Consider
10
Why Brand?
•
•
•
•
Why not? … Scope & Scale
Make the user experience unique
Make the site more useful (Usability)
Create consistency (across an enterprise)
11
What’s Possible
Simple Improvements
•
•
•
•
Complete Redesign
12
Enable Breadcrumb Feature
Before
After
SharePoint 2010 had this breadcrumb feature built in and it disappeared from the
core template. This is a practical feature for sites with subsite and sub-subsites and
can be re-added reliably to the site template.
13
Web Part Chrome
Before
After
SharePoint 2010 had this breadcrumb feature built in and it disappeared from the
core template. This is a practical feature for sites with subsite and sub-subsites and
can be re-added reliably to the site template.
14
Web Part Active Chrome
Before
After
15
Doc Library Web Part Breadcrumb Nav.
Before
After
The Doc Lib Web Part breadcrumb helps users identify where they
are within a web parts as they navigate in and can effectively
navigate back up the tree
16
Example Page Before Enhancements
Before
After
17
Example Page after Enhancements
Before
After
18
What’s Possible
Simple Improvements
•
•
•
•
Complete Redesign
19
You too can brand (How Brand?)
What to brand?
How to brand?
•
•
•
•
•
•
•
•
•
•
•
•
Elements on the page
Page
Site
Collection of Sites
Enterprise
Beyond
26
Modify the settings
<Embed Code/>
CSS Override & Themes
Master Page & Layouts
Solutions
Frameworks
Things to Consider
SharePoint Boondoggle
Overlooked
•
•
•
•
•
• Enable Anonymous
• Manage Navigation
• Manage Site Content
and Structure
• Language Variations
• Users, Groups, Policies
Risk of changing the UI
Custom Code
Void the Warranty
Cross-Browser
Device Friendly
27
Is Branding Impossible?
• Not Really
• There are varying degrees: Simple to Complex
• There are a lot of great resources
– Books
– Blogs
– Agencies
28
Please Leave Feedback During Q&A
Speakers: If you want to get feedback on your talk,
put the shortened link and the QR code on this
page. Instructions on how to get your link and QR
code are at: bit.ly/spshou2015decktemplate
Also, please upload your completed deck to our
Onedrive folder: bit.ly/spshou2015deckuploads
29