SPS Barcelona 2016 - Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide

•Download as PPTX, PDF•

1 like•700 views

Get an introduction how to create and develop your own style guide for SharePoint, Office Add-ins or web application. It will help you save time during development and for future adoptions. You will learn how to maintain your code and documentation at the same time. Start to develop maintainable, reusable and re-factorable design patterns now and learn what css frameworks can't do for you.

Technology

Branding Strategies for SharePoint
and Add-ins - From Design to a
modern Style Guide
Stefan Bauer

n8d.at/blog
@StfBauer
Information
Architect
Vienna / Austria

Why Branding?
Corporate
magazines
Word Templates
Excel Templates
Business
applications
Internal newsletter
Vcards
Magazines for
employees
Cooperate Coffee
Mug
...
5

SharePoint Branding
Application
vs
Content

Display Templates? Full scaled branding?

Ethan Marcotte
Responsive Web Design – A list apart
May 25, 2010

Potential problems with Frameworks
• How to add custom CSS?
• Documentation of custom CSS?
• New version of framework?
• What do I need from the framework?
• Subscribe to someone else structure
• What if framework structure fundamentally
changes?
 LESS  SASS
 Static HTML  Handlebarsjs

95%Unused
code
In case of SharePoint
GRID
BURGER
MENU

We’re not designing pages. We’re
designing systems of components.
– Stephan Hay

Responsive deliverables should look a
lot like fully-functioning Twitter
Bootstrap-style systems custom
tailored for your clients needs.
– Dave Rupert

http://www.starbucks.com/static/reference/styleguid

Style Guide – The benefits
• State and breakpoint changes
• Useful for future designers, devs & others
• Design and Code consistency and
maintainability

The Benefits Of Maintaining
• Easier to test
• Improves workflow
• Shared vocabulary
• Useful reference

http://zqsmm.qiniucdn.com/data/20110511083224/index.html

http://bradfrost.com/blog/post/atomic-web-design/

Style Guide - Buttons
Icon Design
Buttons

Style Guide – Persona Card Full
• transformed from list
item
• CSS3 transition
• trigger by additional
classes

Style Guide Benefits
• For designer / developers / customer / project Owners
• No extra effort on documenting styles
• Build HTML and Design first
• Useful for future development
• See the side effects of CSS changes easier
• Use same styles for SharePoint and Add-ins

Thanks to our Sponsors
Silver
Gold
Bronze
Raffle Organized by

What's hot

This session focuses on real world scenario with a global organisation who deployed Microsoft 365 with big-bang approach of apps and services, such as SharePoint intranet and team collaboration sites, Planner, Yammer, OneDrive. With no training program provisioned, this session covers how we did it to support change management with champions, training artefacts, guidance and series of webinars to help business users adopt Microsoft 365 and providing a rich content experiences in a Modern SharePoint site!

Designing and Implementing Microsoft 365 Adoption Centre - M365 Philly Virtua...

Chirag Patel

SharePoint 2013 introduction | What's new in SharePoint 2013 | SharePoint 20...

Nitin Khubani

Microsoft Cloud Updates - September 2017

Robert Crane

Certificates wim de_groote_on_microsoft_academy

wimdegroote

Recent project work portfolio for EMD Millipore

Gail Bourque

Recent project work portfolio for EMD Millipore

Gail Bourque

Datapolis Workflow 365: Create your Office 365 workflows easy and fast!

Datapolis

Combining Project and Sharepoint

Johnson & Johnson Pharmaceuticals L.L.C.

As organizations have moved to Office 365, many – especially “legacy” SharePoint shops – have resisted the move to the “modern” UIs as much as possible. This is true for both end users and developers. We tend to stick with what we know, and historically the “modern” UIs may not have seemed compelling enough to make the switch. What this means is there is an impending “migration” on the horizon for many organizations which they may not realize is coming. While “classic” doesn’t have a known retirement date, Microsoft’s investments are in the “modern” UIs. As developers, what can we do to help facilitate organizational preparedness for this migration? This session will cover what it means to embrace the “modern” UIs and what you can do now to prepare. We’ll cover such topics as: · What still doesn’t exist in “modern” and might keep you in “classic” for the time being (a moving target!) · How to rethink your existing client-side solutions to be prepared for the SharePoint Framework (SPFx) · How to add functionality into list views using column formatting · Moving from “classic” team sites to “modern” team sites and what that means from a navigational and functional perspective

Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...

Marc D Anderson

Tous les développeurs entendent parler d'AngularJs et de toute la magie que cette plateforme peur faire pour vos applications. Afin de démarrer votre aventure avec AngularJS, cette session est une introduction aux concepts AngularJS appliqués à tout développement Office365. Les différentes expériences d'Office365 seront traitées (Mail, Calendrier, Fichiers, etc.) et le Microsoft Graph sera notre principale source de données. En tant que développeur, vous apprendrez les concepts de base d'AngularJS et serez en mesure de les appliquer dans un contexte Office 365. Vous serez alors en mesure de développer des applications riches (SPA ou Single Page Application) qui utilisent les données stockées dans votre tenant Office365!

SharePoint Saturday Paris 2016 - AngularJS with the Microsoft Graph

Sébastien Levert

Every developer hears about AngularJS and all the magic it does for your applications. In order to kickstart you AngularJS journey, this session is an introduction to the AngularJS concepts applied to any Office 365 development. Different workloads will be targeted (Mail, Calendar, Files) and the Office 365 API will be our main datasource. We will also cover SharePoint Online specific data access (Office 365 API, REST, CSOM and Search) to meet your current development needs.As a developer, you will learn the basic concepts of AngularJS and will be able to use those in an Office 365 context. You will be able to build rich applications (Single Page Application) and forms that will simplify your development process.

DevTeach 2016 - Introduction to AngularJS in an Office 365 Context

Sébastien Levert

Case Study: Building the Roadrunner public website site + Bonus: Deep dive bu...

Michael Blumenthal (Microsoft MVP)

Microsoft Project Siena (code name) is the release of a new technology for business experts, business analysts, consultants and other app imagineers. Without any programming, you can create powerful Windows apps, with the potential to transform today’s business processes. Combined with SharePoint/SharePoint Online, and Office 365, Project Siena is even more powerful! You can unleash your SharePoint data from the boring List Views and show it off in an app, all without writing any code. This session will introduce you to Project Siena and show you how to use it with SharePoint Online and Office 365 data by building on-the-fly Windows apps. No coding skills required!

How to create a Windows app with Project Siena, SharePoint and Office 365

Knut Relbe-Moe [MVP, MCT]

How does Microsoft Teams and SharePoint Hub Sites impact your Intranet planning and architecture? When Microsoft Teams was launched in 2016, many of the ‘die hard hierarchical subsite builders’ had cause for concern. How would we stop site collection sprawl and what were the options to restore calm in the midst of the chaos. As Teams create site collections, duplicate ‘sites’ became an obstacle. The launch of SharePoint Hub Sites at the 2017 Ignite conference changed everything. In my session we’ll take a look at: 1. Reverse engineering your site provisioning through Microsoft Teams 2. Using SharePoint Hub Sites as a catalyst to join your organizational structures and bring common pockets of interest together 3. Features provided by SharePoint Hub Sites: Search Scope, global navigation, theme & information roll-up 4. Features provided by Microsoft Teams to facilitate collaboration and communication in your company Knowledge is power and equipped with the above facts you will make better informed decisions around your Intranet.

#SPSHEL Helsinki 27 January 2018

Tracy Van der Schyff

Need to Know Webinar - August 2017

Robert Crane

Lunch and Learn: Transform Your Business Productivity with Microsoft Office 365

Diana Phillips

Need to Know Webinar - September 2017

Robert Crane

SPUnite17 Modern NewsPublishing with SharePoint

NCCOMMS

2018-10-18 J2 2B - A new way of working in a team with Mcrosoft Teams - Sara ...

Modern Workplace Conference Paris

Tulsa techfest 2014 simple sharepoint migrations for complex scenarios

Dennis Bottjer

What's hot (20)

Designing and Implementing Microsoft 365 Adoption Centre - M365 Philly Virtua...

SharePoint 2013 introduction | What's new in SharePoint 2013 | SharePoint 20...

Microsoft Cloud Updates - September 2017

Certificates wim de_groote_on_microsoft_academy

Recent project work portfolio for EMD Millipore

Datapolis Workflow 365: Create your Office 365 workflows easy and fast!

Combining Project and Sharepoint

Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...

SharePoint Saturday Paris 2016 - AngularJS with the Microsoft Graph

DevTeach 2016 - Introduction to AngularJS in an Office 365 Context

Case Study: Building the Roadrunner public website site + Bonus: Deep dive bu...

How to create a Windows app with Project Siena, SharePoint and Office 365

#SPSHEL Helsinki 27 January 2018

Need to Know Webinar - August 2017

Lunch and Learn: Transform Your Business Productivity with Microsoft Office 365

Need to Know Webinar - September 2017

SPUnite17 Modern NewsPublishing with SharePoint

2018-10-18 J2 2B - A new way of working in a team with Mcrosoft Teams - Sara ...

Tulsa techfest 2014 simple sharepoint migrations for complex scenarios

Viewers also liked

Developing and Deploying Custom Branding Solutions in SharePoint 2010

jhendrix88

SharePoint - Display Templates Overview

Mikael Svenson

Erwin van Hunen, Product Owner of SPTransformator, Microsoft MCM and MVP, introduces you to some things to keep an eye on that will help you in preventing your SharePoint migration projects from stalling. What you will learn: Meet the single most overlooked and potentially crucial factor for your migration project: SharePoint Customizations. - Find out, why and how to assess your SharePoint - Customizations in terms of migratability - and much more…

Rencore Webinar: SharePoint Customizations - the most overlooked road block t...

Rencore

CSOM and REST should probably be #1 on your list of things to learn. You’ve probably seen those tutorials, copy pasted code, the basic hello world apps. Well life is a lot different when writing a relatively complex app. How do you do error handling, concurrency checks, thread synchronization, memory tracking and optimization, and browser independence while taking advantage of newer browsers. Let’s not forget the pain writing and debugging your JavaScript can be, unless of course you structure it right. But how is a developer to match all those parenthesis and semicolons, or check for variable types where your best dev. environment is F12? This session is a hands-on dive into such fun topics.

Hard learned CSOM and REST tips

SPC Adriatics

A presentation I gave at SharePoint Evolutions 2015. Here, I compare SharePoint apps (now renamed "SharePoint Add-Ins" as of April 2015!) and the newer flavour of app development, Office 365 apps. It focuses primarily on the perspective of a development team implementing the app - and factors to consider when deciding between the two approaches. However, to do this we must consider end-user and administration aspects, as well as code/development. Key agenda points: - Changes in SharePoint development - Apps, 2 years on.. - SharePoint Add-Ins – a recap - Office 365 apps - Why did Microsoft introduce these? What do they promise? - Comparing SharePoint Add-Ins with Office 365 apps - For the end-user, administrator and developer - Summary

Chris O'Brien - Comparing SharePoint add-ins (apps) with Office 365 apps

Chris O'Brien

Introduction to Azure Functions - Tutorial

BizTalk360

Viewers also liked (6)

Developing and Deploying Custom Branding Solutions in SharePoint 2010

SharePoint - Display Templates Overview

Rencore Webinar: SharePoint Customizations - the most overlooked road block t...

Hard learned CSOM and REST tips

Chris O'Brien - Comparing SharePoint add-ins (apps) with Office 365 apps

Introduction to Azure Functions - Tutorial

Similar to SPS Barcelona 2016 - Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide

From Design to a modern Style Guide

Stefan Bauer

SharePoint Saturday Stockholm - Branding Strategies for SharePoint and Add-in...

Stefan Bauer

Collab 365 building business solutions on Office 365 and SharePoint Online

Darrell Trimble

SharePoint - the opportunity for service bureaus

Chris Riley ☁

O365Engage17 - Making o365 and share point strategic

NCCOMMS

Making the most of your SharePoint – Intranet & Apps

Amos Wachanga

Empowering Your Organization With Share Point

Dux Raymond Sy

Office 365 and SharePoint are evolving fast. A few years ago many of us may have begun modernizing our SharePoint environments - planning an upgrade or a migration to SharePoint 2013 or even SharePoint Online. Since that time many things have changed in both SharePoint Server and Office 365, not to mention within our organizations. New services have been added, and many of those services are improving with each passing month. What approaches, strategies and rollout models are other organizations using? What can we learn from their successes? Join us for this facilitated and interactive discussion where instead of just looking forward, we look back into key changes that we all need to understand better. This discussion will be facilitated by Richard Harbridge, a Microsoft MVP, and internationally recognized expert on Office 365 and SharePoint. Together we will discuss what has changed in the past few years for developers, IT professionals, and SharePoint leads while exploring how organizations are leveraging these services in different ways today.

What's Changed with SharePoint in the Past Few Years and Why It Matters

Richard Harbridge

SharePoint Business Value

Matthew W. Bowers

Microsoft Dynamics CRM (XRM) & Microsoft Sharepoint

Ali Sharifi

SPSTC - SharePoint 2007 No Code App Slides

Don Donais

Spca2014 marianne vanwanrooij collaboration_and_enterprise_content_management

NCCOMMS

The Evolution of SharePoint

Matthias Einig

Office 365 and SharePoint are evolving fast. A few years ago many of us may have begun modernizing our Digital Workplace environments - planning an upgrade or a migration to a new SharePoint server or even SharePoint Online. Since that time many things have changed in both SharePoint and Office 365, not to mention within our organizations. New services have been added, and many of those services are improving with each passing month. What approaches, strategies and rollout models are other organizations using? What can we learn from their successes? Join us for this facilitated and interactive discussion where instead of just looking forward, we look back into key changes that we all need to understand better. This discussion will be facilitated by Richard Harbridge, a Microsoft MVP, and internationally recognized expert on Office 365 and SharePoint. Together we will discuss what has changed in the past few years for developers, IT professionals, and Digital Workplace leads while exploring how organizations are leveraging related Microsoft services in different ways today.

State Of The Industry: What's Changed In The Past Few Years With Digital Work...

Richard Harbridge

SharePoint consulting | SharePoint Partner | SharePoint Demo

Veelead Solutions Pvt. Ltd.

This report describes in detail the work done by me during my Summer Internship when I was doing my two year MBA at XIMB. The project was in the Digital Marketing domain, and broadly my work revolved around these topics- 1) SEO 2) Content Marketing 3) Creative Writing 4) Digital Tools 5) Digital Strategy Summer Project Title: Implementing SEO and Content Marketing Strategies for Brand Awareness and Lead Generation

Report on Summer Internship Project (Biswadeep Ghosh Hazra)

Biswadeep Ghosh Hazra

KMA Insights Webinar Sept 2009 -- SharePoint the Sophomore Year

Knowledge Management Associates, LLC

Act-On vs Pardot vs Hubspot - Marketing Automation Comparison

Sonja Fridell

"Adoption Tactics; Why Your End Users and Project Managers Will Rave Over Sha...

Gina Montgomery, V-TSP

Office 365 SharePoint Public Websites + Introducing Delve

Regroove

Similar to SPS Barcelona 2016 - Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide (20)

From Design to a modern Style Guide

SharePoint Saturday Stockholm - Branding Strategies for SharePoint and Add-in...

Collab 365 building business solutions on Office 365 and SharePoint Online

SharePoint - the opportunity for service bureaus

O365Engage17 - Making o365 and share point strategic

Making the most of your SharePoint – Intranet & Apps

Empowering Your Organization With Share Point

What's Changed with SharePoint in the Past Few Years and Why It Matters

SharePoint Business Value

Microsoft Dynamics CRM (XRM) & Microsoft Sharepoint

SPSTC - SharePoint 2007 No Code App Slides

Spca2014 marianne vanwanrooij collaboration_and_enterprise_content_management

The Evolution of SharePoint

State Of The Industry: What's Changed In The Past Few Years With Digital Work...

SharePoint consulting | SharePoint Partner | SharePoint Demo

Report on Summer Internship Project (Biswadeep Ghosh Hazra)

KMA Insights Webinar Sept 2009 -- SharePoint the Sophomore Year

Act-On vs Pardot vs Hubspot - Marketing Automation Comparison

"Adoption Tactics; Why Your End Users and Project Managers Will Rave Over Sha...

Office 365 SharePoint Public Websites + Introducing Delve

More from Stefan Bauer

Create SASSy web parts in SPFx

Stefan Bauer

Create SASSY Web Parts - SPSMilan

Stefan Bauer

European SharePoint Webinar - Make SharePoint Sassy

Stefan Bauer

Branding Deployment in Office 365 and SharePoint 2013/2016

Stefan Bauer

Responsive Web Design and SharePoint

Stefan Bauer

CSS can get overly complex and unwieldy very quickly - especially on SharePoint Projects. To achieve the SharePoint branding you desire, often results in thousands of lines of CSS across many files. This approach is error prone and also a maintenance nightmare! However, there is a better way… SASS (“Syntactically Awesome Style Sheets”) is fast becoming the preferred approach to develop your CSS! SASS is an extension to CSS which arms you with programming features such as variables, functions, loops and many more. Join my session and I will take you from a complete SASS novice to someone that knows where SASS fits and how to use it with SharePoint. Key Takeaways : - I will explain what SASS is and where you would use it. - How to use SASS to brand SharePoint without requiring lengthy deployments. - How to create simple Rich Text Editor Styles using mixins and includes. - How to apply a Grid layout and make it Responsive. - How to structure your branding correctly to make it more maintainable. - How CSS 4 fits into the picture and does it make SASS obsolete?

SPS Oslo - Stop your SharePoint CSS becoming a di-sass-ter today!

Stefan Bauer

Stop your share point css become a di-sass-ter today - SPS Munich

Stefan Bauer

SPS Belgium - Stop your SharePoint CSS becoming a di-SASS-ter today!

Stefan Bauer

Responsive vs Adaptive Web Design - What about Device Channels?

Stefan Bauer

More from Stefan Bauer (9)

Create SASSy web parts in SPFx

Create SASSY Web Parts - SPSMilan

European SharePoint Webinar - Make SharePoint Sassy

Branding Deployment in Office 365 and SharePoint 2013/2016

Responsive Web Design and SharePoint

SPS Oslo - Stop your SharePoint CSS becoming a di-sass-ter today!

Stop your share point css become a di-sass-ter today - SPS Munich

SPS Belgium - Stop your SharePoint CSS becoming a di-SASS-ter today!

Responsive vs Adaptive Web Design - What about Device Channels?

Recently uploaded

Exploring Multimodal Embeddings with Milvus

Zilliz

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Bhuvaneswari Subramani

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Vector Search -An Introduction in Oracle Database 23ai.pptx

Remote DBA Services

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

DBX First Quarter 2024 Investor Presentation

Dropbox

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

In this keynote, Asanka Abeysinghe, CTO,WSO2 will explore the shift towards platformless technology ecosystems and their importance in driving digital adaptability and innovation. We will discuss strategies for leveraging decentralized architectures and integrating diverse technologies, with a focus on building resilient, flexible, and future-ready IT infrastructures. We will also highlight WSO2's roadmap, emphasizing our commitment to supporting this transformative journey with our evolving product suite.

Platformless Horizons for Digital Adaptability

WSO2

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

Recently uploaded (20)

Exploring Multimodal Embeddings with Milvus

AWS Community Day CPH - Three problems of Terraform

presentation ICT roal in 21st century education

Elevate Developer Efficiency & build GenAI Application with Amazon Q

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Vector Search -An Introduction in Oracle Database 23ai.pptx

Boost Fertility New Invention Ups Success Rates.pdf

DBX First Quarter 2024 Investor Presentation

Strategies for Landing an Oracle DBA Job as a Fresher

Platformless Horizons for Digital Adaptability

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Artificial Intelligence Chap.5 : Uncertainty

Why Teams call analytics are critical to your entire business

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Corporate and higher education May webinar.pptx

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

SPS Barcelona 2016 - Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide

1. Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide Stefan Bauer

2. n8d.at/blog @StfBauer Information Architect Vienna / Austria

3. 3

4. Why Branding? 4

5. Why Branding? Corporate magazines Word Templates Excel Templates Business applications Internal newsletter Vcards Magazines for employees Cooperate Coffee Mug ... 5

6. Why Branding? Internal brand awareness Official information by the company Increase identification with the company Employees become brand ambassadors Not only to make SharePoint look not look like SharePoint

7. SharePoint Branding Application vs Content

9. Application CONTENT

10.

11. BRAND CONTENT NOT THE APPLICATION

12.

13.

14. Display Templates? Full scaled branding?

15.

16.

17. Ethan Marcotte Responsive Web Design – A list apart May 25, 2010

18.

19. STATIC DYNAMIC

20.

21. 21

22.

23.

24. 24

25. Potential problems with Frameworks • How to add custom CSS? • Documentation of custom CSS? • New version of framework? • What do I need from the framework? • Subscribe to someone else structure • What if framework structure fundamentally changes?  LESS  SASS  Static HTML  Handlebarsjs

26. Great tools but … not for SharePoint

27. 95%Unused code In case of SharePoint GRID BURGER MENU

28. 28

29. 29

30.

31. 31

32. We’re not designing pages. We’re designing systems of components. – Stephan Hay

33. Responsive deliverables should look a lot like fully-functioning Twitter Bootstrap-style systems custom tailored for your clients needs. – Dave Rupert

34.

35.

36.

37. Web Standards – gsa.gov

38. http://style.codeforamerica.org

39. http://www.starbucks.com/static/reference/styleguid

40. https://www.lightningdesignsystem.co m

41.

42.

43.

44.

45. 45

46. Style Guide – The benefits • State and breakpoint changes • Useful for future designers, devs & others • Design and Code consistency and maintainability

47. The Benefits Of Maintaining • Easier to test • Improves workflow • Shared vocabulary • Useful reference

48.

49. http://zqsmm.qiniucdn.com/data/20110511083224/index.html

50. 50

51. http://bradfrost.com/blog/post/atomic-web-design/

52.

53.

54.

55. 55

56. https://github.com/StfBauer/SimpleStyle

57. DEMO 57

58. What about apps?

59. From Design to Style Guide

60. Style Guide - Buttons Icon Design Buttons

61. Style Guide – Persona Card Persona Card • define different labels • Assembling • Profile image defined by button size

62. Style Guide – Persona Card Full • transformed from list item • CSS3 transition • trigger by additional classes

63. DEMO 63

64. Style Guide Benefits • For designer / developers / customer / project Owners • No extra effort on documenting styles • Build HTML and Design first • Useful for future development • See the side effects of CSS changes easier • Use same styles for SharePoint and Add-ins

65. Thanks to our Sponsors Silver Gold Bronze Raffle Organized by

66. Live Ratings http://bit.ly/2d9nF L6

Editor's Notes

Template may be modified but please keep the title and the sponsor slide. Twitter hashtag: #spsbcn for all sessions
Photoshop are just static documents but html and css evoles over time. With every new application new challenges came up.
Photoshop are just static documents but html and css evoles over time. With every new application new challenges came up.
http://www.html5rocks.com/en/tutorials/tooling/synchronized-cross-device-testing/
Photoshop are just static documents but html and css evoles over time. With every new application new challenges came up.
Photoshop are just static documents but html and css evoles over time. With every new application new challenges came up.
https://www.flickr.com/photos/arthurjohnpicton/4383221264
2012
Use this as the first slide in your slide deck

SPS Barcelona 2016 - Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (6)

Similar to SPS Barcelona 2016 - Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide

Similar to SPS Barcelona 2016 - Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide (20)

More from Stefan Bauer

More from Stefan Bauer (9)

Recently uploaded

Recently uploaded (20)

SPS Barcelona 2016 - Branding Strategies for SharePoint and Add-ins - From Design to a modern Style Guide

Editor's Notes