280 likes | 506 Views
Agenda. Definition of Branding Why Brand SharePoint? Branding Examples How Branding Works in SharePoint Creating Wireframes Tools of the Trade Driving User Adoption. Definition of Branding.
E N D
Agenda Definition of Branding Why Brand SharePoint? Branding Examples How Branding Works in SharePoint Creating Wireframes Tools of the Trade Driving User Adoption
Definition of Branding Branding is the act of creating a specific image or identity that people recognize in relation to a company or product.
Web Site Branding HTML tags Images Colors Fonts Logos Styles
Why Brand SharePoint The most common reason is to make it unique. Making it “NOT look like SharePoint” is a basic request. For intranet site: A company might want to brand its intranet site to help convey to employees a sense of collaboration, teamwork, and even family. For internet site: A company want to communicate to this external audience information about your company, such as its services or products.
http://spbuzz.it/sptopsites Example SharePoint Sites
What to concentrate on • Branding is about site AND content design. • Spend the time and plan a site taxonomy. • With a solid taxonomy, site requirements are easily identifiable • SharePoint features • Custom web parts & features • Content Types • Page Layouts • Audience needs drive page content
Secrets to Successful Branding • Organize your contentEnd users are more likely to use search then navigation • Follow Web StandardsOptimize and accessibility standards • Listen to your usersIf you build what they want they will use it
Theme or Master Page approach Themes (simple) In SharePoint 2010, themes are created with the Microsoft Office client software (2007 and above), using either Word or PowerPoint to create .THMX files that describe the 12 theme colors and two fonts available in the new SharePoint themes Master Page (powerful) V4.MASTER : default master page that is used for many of the site templates NIGHTANDDAY.MASTER: This master page is accessible only in a SharePoint Server 2010 MINIMAL.MASTER: This master page is used only on pages that have their own navigation or need extra space (such as dedicated application pages or the search center).
Theme Example Theme colors override your CSS /* [ReplaceColor(themeColor:"Dark2")] */ color:#3b4f65;
Map the Attributes Understand what you have to work with
Ribbon & Font Styles (Spend Time Here) .ms-rteStyle-BlueBackground {-ms-name:Blue Background; background-color: blue; color: white;} H1.ms-rteElement-H1Blue {-ms-name:Blue Heading 1; color: blue;}
Mock Up Tools (Spend Time Here) • http://intranetfactory.com/ • http://www.balsamiq.com/
CSS Registration <SharePoint:CSSRegistration Name=“1.css” After=“corev4.css” runat=“server”/> <SharePoint:CSSRegistration Name=“2.css” After=“corev4.css” runat=“server”/> Outputs <link rel=“stylesheet” type=“text/css” href=“/_layouts/1033/styes/core.css?rev=…”/> <link rel=“stylesheet” type=“text/css” href=“2.css”/> <link rel=“stylesheet” type=“text/css” href=“1.css”/>
Jeff Forsyth CEO Oxbow Software SharePoint Branding = End User Adoption Jeff Forsyth is Founder and Chief Architect at Oxbow Software. Jeff is an experienced consultant that has more than 15 years of business and technology consulting experience. Prior to founding Oxbow Software Jeff led the Application Services practice at GreenPages, an industry leading VAR500 managed services provider, concentrating on Business Process Optimization through the implementation of software solutions guide by proven methodologies. Founded in 2010, Oxbow Software (Oxbow) helps clients adopt and integrate new and emerging application technologies and build enterprise architectures that manage information, connect disparate systems, protect IP, and generate substantial ROI for your organization. Jeff Forsyth Oxbow Software Maine SPUG November 13, 2012 SharePoint Branding End User Adoption