1 / 28

Agenda

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.

afra
Download Presentation

Agenda

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Agenda Definition of Branding Why Brand SharePoint? Branding Examples How Branding Works in SharePoint Creating Wireframes Tools of the Trade Driving User Adoption

  2. Definition of Branding Branding is the act of creating a specific image or identity that people recognize in relation to a company or product.

  3. Web Site Branding HTML tags Images Colors Fonts Logos Styles

  4. 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.

  5. Out of the Box SharePoint 2010

  6. http://spbuzz.it/sptopsites Example SharePoint Sites

  7. 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

  8. Browser Market Share

  9. Browser Resolution

  10. 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

  11. How Branding Works in SharePoint

  12. 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).

  13. Approaches (skillset and tools)

  14. Theme Example Theme colors override your CSS /* [ReplaceColor(themeColor:"Dark2")] */ color:#3b4f65;

  15. Map the Attributes Understand what you have to work with

  16. 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;}

  17. Mock Up Tools (Spend Time Here) • http://intranetfactory.com/ • http://www.balsamiq.com/

  18. What Master Page should I use?

  19. How the pieces get assembled

  20. The Visual Blend

  21. The purpose of Place Holders

  22. Placeholders Defined

  23. 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”/>

  24. 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

More Related