Digicomp Microsoft Evolution Day 2015 1

SharePoint Branding in Office 365

Joris Baiutti

Partner:

2Digicomp Microsoft Evolution Day 2015

Agenda

Begrüssung

Vorstellung Referent

Branding Office 365

Simple Branding

Themes

Custom CSS

F&A

Weiterführende Kurse

3Digicomp Microsoft Evolution Day 2015

Vorstellung Referent

Name: Joris BaiuttiFirma: Corporate Software AGFunktion: Consultant & Trainer

www.corporatesoftware.chFollow @CorpSoftCH on Twitter#SPB_Office365Source Code und Slideshttps://github.com/CorpSoftCH/EvolutionDay2015.git

4Digicomp Microsoft Evolution Day 2015

Branden Sie Outlook oder Word?

Warum Collaboration Sites Branden?

Funktion > Design

5Digicomp Microsoft Evolution Day 2015

Branding Office 365

Custom Logo

Banner

Custom Tiles

Login Page

6Digicomp Microsoft Evolution Day 2015

Demo

7Digicomp Microsoft Evolution Day 2015

Geringer Wartungsaufwand

Kleine Hürden bei Migration

Flexibel in der Zukunft

Responsive

Große Aufwände bei Updates

Abhängig von Entwicklern

Was wir wollen und was wir nicht wollen

8Digicomp Microsoft Evolution Day 2015

Empfehlung

Avoid custommaster pages

Use Office 365 themes when

possible

Alternate CSSfor advance settings

and responsiveDesign

9Digicomp Microsoft Evolution Day 2015

Wie wir das erreichen können

Custom Themes

Custom CSS

Javascript

Ohne Masterpages

10Digicomp Microsoft Evolution Day 2015

Office 365 entwickelt sich ständig weiter auch im UI

11Digicomp Microsoft Evolution Day 2015

Next Gen Portals

Video

Delve

Infopedia

12Digicomp Microsoft Evolution Day 2015

Infopedia

13Digicomp Microsoft Evolution Day 2015

Delve

14Digicomp Microsoft Evolution Day 2015

Video

15Digicomp Microsoft Evolution Day 2015

Simple Branding SharePoint

Custom Logo

Themes

16Digicomp Microsoft Evolution Day 2015

Demo

Custom Logo

Themes

17Digicomp Microsoft Evolution Day 2015

Custom Theme

Color

Font

Background Image

Masterpage

SharePoint Color Palette Tool

18Digicomp Microsoft Evolution Day 2015

Demo

Custom Theme erstellen

Manuell applizieren

Automatisch mit App

19Digicomp Microsoft Evolution Day 2015

Demo

Chrome Developer Tools

Applizieren

20Digicomp Microsoft Evolution Day 2015

Custom CSS

Custom CSS

manuell applizieren

Automatisch applizieren

21Digicomp Microsoft Evolution Day 2015

Demo

CSS auf allen Site Collection‘s applizieren

22Digicomp Microsoft Evolution Day 2015

Responsive Frameworks

Foundation

Bootstrap

23Digicomp Microsoft Evolution Day 2015

Developer Tools

Sublime

Visual Studio

SharePoint Designer

Notepad ++

24Digicomp Microsoft Evolution Day 2015

F&A

25Digicomp Microsoft Evolution Day 2015

Weiterführende Kurse

SharePoint 2013: Branding-Technologien für SharePoint 2013 und Office 365 («S3X»)