0 Branding Impossible: What to know when branding SharePoint! Thor & Odin Castillo Houston, Texas.

1

Branding Impossible:What to know when branding SharePoint!

Thor & OdinCastillo

Houston, Texas

2

Welcome to SharePoint Saturday Houston

• 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

Thank you for being a part of the 5th Annual SharePoint Saturday

for the greater Houston area!

3

Thanks to all our Sponsors!

4

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

5

Warm Up

Who branded? How branded? When branded? What branded?

6

SharePoint

• Microsoft• Houston Methodist• Exxon• Apache• Kraton Polymers• Treasure Island• Jet Aviation• Baxter Pharma• PRIDCO (Puerto Rico)

Mixed Bag

• Fidelity • Nationwide• Air Force• Pfizer• ST Microelectronics• Chase• GlaxoSmithKline• United Airlines• WinWholesale

Clients

7

What is SharePoint?

Where is Branding?

8

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…

9

SharePoint is Made of Web• SharePoint is still made of:– Web Servers– Web Sites– HTML, JavaScript & CSS– Pages & Layouts

10

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

11

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

12

Why Brand?• Why not? … Scope & Scale• Make the user experience unique• Make the site more useful (Usability)• Create consistency (across an enterprise)

13

What’s Possible

Simple Improvements• • • •

Complete Redesign

14

Before After

Enable Breadcrumb Feature

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.

15

Before After

Web Part Chrome

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.

16

Before After

Web Part Active Chrome

17

Before After

Doc Library Web Part Breadcrumb Nav.

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

18

Before After

Example Page Before Enhancements

19

Before After

Example Page after Enhancements

20

What’s Possible

Simple Improvements• • • •

Complete Redesign

27

What to brand?

• Elements on the page• Page• Site• Collection of Sites• Enterprise• Beyond

How to brand?

• Modify the settings• <Embed Code/>• CSS Override & Themes• Master Page & Layouts• Solutions• Frameworks

You too can brand (How Brand?)

28

SharePoint Boondoggle

• Risk of changing the UI• Custom Code• Void the Warranty• Cross-Browser• Device Friendly

Overlooked

• Enable Anonymous• Manage Navigation• Manage Site Content

and Structure• Language Variations• Users, Groups, Policies

Things to Consider

29

Is Branding Impossible?• Not Really• There are varying degrees: Simple to Complex• There are a lot of great resources– Books– Blogs– Agencies

30

Please Leave Feedback During Q&ASpeakers: 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