SlideShare a Scribd company logo
1 of 196
Download to read offline
LET'S WORK TOGETHER!@brad_frost
Let's Work Together!
Let's Work Together!
OUR WORK IS DONE
WITH OTHER PEOPLE
FOR OTHER PEOPLE
SLACK GIF
HOW DO WE WORK WITH 

EACH OTHER?
HOW DO WE TALK TO 

EACH OTHER?
HOW DO WE COORDINATE WITH 

EACH OTHER?
HOW DO WE COLLABORATE WITH 

EACH OTHER?
SPACES VS TABS SKETCH VS PHOTOSHOP GIF VS GIF
GRUNT VS GULP NPM VS YARN
FILE STRUCTURE
BEM VS SMACSS
FLAT VS SKEUOMORPHIC
AZURE VS INDESIGN REACT VS VUE
PROGRESSIVE ENHANCEMENT VS SINGLE PAGE APPS
ANGULAR VS EMBER
NATIVE VS WEB
SVG VS ICON FONTS
WORDPRESS VS DRUPAL
PHP VS RUBY VS NODE VS PYTHON
SASS VS LESS
Let's Work Together!
Let's Work Together!
complete chaos stifling rigidity
Let's Work Together!
PRINCIPLES AND GUIDELINES


discipline
team
teams
department
company


discipline
team
teams
department
company
marketing
sales
engineering
digital
hr
customer

support
r&d
accounting
management
administration
marketing
sales
engineering
digital
hr
customer

support
r&d
accounting
management
administration
Let's Work Together!
marketing
sales
engineering
digital
hr
customer

support
r&d
accounting
management
administration


principles & guidelines
marketing
sales
engineering
digital
hr
customer

support
r&d
accounting
management
administration
MISSION
https://www.charitywater.org/about/mission.php
COMPANY VALUES
ZAPPOS 10 CORE VALUES
๏ Deliver WOW Through Service
๏ Embrace and Drive Change
๏ Create Fun and A Little Weirdness
๏ Be Adventurous, Creative, and
Open-Minded
๏ Pursue Growth and Learning
๏ Build Open and Honest
Relationships With Communication
๏ Build a Positive Team and 

Family Spirit
๏ Do More With Less
๏ Be Passionate and Determined
๏ Be Humble
https://www.zapposinsights.com/about/core-values
CULTURE
–Chris Edmonds
An organizational constitution specifies your team’s
purpose, values and behaviors, strategies, and goals. 

It creates “liberating rules” that help leaders and
team members understand exactly how they are
expected to treat each other and their customers.
http://thecultureengine.com/


discipline
team
teams
department
company
management
public relations
research
digital
social
creative
services
analysis
cmo
vp
assistants
management
public relations
research
digital
social
creative
services
analysis
cmo
vp
assistants
management
public relations
research
digital
social
creative
services
analysis
cmo
vp
assistants


principles & guidelines
management
public relations
research
digital
social
creative
services
analysis
cmo
vp
assistants
BRAND GUIDELINES
https://design.ubuntu.com/brand/
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
VOICE AND TONE
GUIDELINES
voiceandtone.com
Let's Work Together!
Let's Work Together!


discipline
team
teams
department
company
team 1
team 2
team 3
team 4
team 5
team 7
team 6
team 9
team 10
team 8
team 1
team 2
team 3
team 4
team 5
team 7
team 6
team 9
team 10
team 8
SPECIAL SNOWFLAKE SYNDROME
team 1
team 2
team 3
team 4
team 5
team 7
team 6
team 9
team 10
team 8


principles & guidelines
team 1
team 2
team 3
team 4
team 5
team 7
team 6
team 9
team 10
team 8
DESIGN SYSTEMS!
https://lightningdesignsystem.com/
https://material.io/guidelines/
http://carbondesignsystem.com/
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!


discipline
team
teams
department
company
backend
content
frontend
ux
visual
manager
frontend
backend
ux
qa
backend
content
frontend
ux
visual
manager
frontend
backend
ux
qa
backend
content
frontend
ux
visual
manager
frontend
backend
ux
qa


principles & guidelines
backend
content
frontend
ux
visual
manager
frontend
backend
ux
qa


discipline
team
teams
department
company
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend


principles & guidelines
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
frontend
CODE STYLE GUIDES
Let's Work Together!
code block
.thisishowwedoit {
}
CSS SYNTAX GUIDELINES
code block
.this-is-how-we-do-it {
}
CSS SYNTAX GUIDELINES
code block
.thisIsHowWeDoIt {
}
CSS SYNTAX GUIDELINES
code block
.this__is__how__we__do—-it {
}
CSS SYNTAX GUIDELINES
code block
.- -...- - ..- - —— .. . ..—— — {
}
CSS SYNTAX GUIDELINES


discipline
team
teams
department
company


discipline
team
teams
department
company
design systems
BENEFITS OF DESIGN SYSTEMS
๏ Promotes UI consistency & cohesion = more conversions & $$$$$
๏ Faster production = roll out more features & iterations faster than ever
๏ Shared vocabulary = more time collaborating & less time in meetings
๏ Easier to test = more responsive, performant, and accessible experiences
๏ Useful reference = an essential resource and hub for best practices
๏ Future-friendly foundation = modify, extend, & improve upon over time
MAKING DESIGN SYSTEMS HAPPEN
RESEARCH & USER INTERVIEWS
"You can probably carbon date our UIs 

based on the design."
"The main challenges are the existing thousands of
lines of code, acquisitions, and existing suite of
technologies that makes up a billion dollars a year.
We'd like to not lose that billion dollars."
"There's a lot of institutional knowledge here locked up
in people's heads. Slack channels are great, but it
becomes a scavenger hunt to find information about
how something's supposed to work."
"For a basic expand/collapse pattern, the devs spent 2
days going to different teams to find the code, then still
had to rebuild it themselves."
USER INTERVIEWS
๏ Round up a diverse group of stakeholders,users,and other
people who would impact/be impacted by a design system
๏ Talk about current workflow,pain points,hopes,fears,
dreams,frustrations,and other things that can influence
the success of the design project
๏ Latch onto poignant quotes and emerging themes
๏ Start shaping the story and key themes in preparation 

for kickoff
KICKOFF WORKSHOP
PRIORITIES EXERCISE
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
]
PRIORITIES WORKSHOP
๏ Discuss emerging themes from interviews and introduce
potential principles and tactics
๏ Give each person 5 votes for principles they care most about
๏ Discuss principles.What won?What lost?Why?
๏ Give each person 5 votes for tactics/features they care most
about.
๏ Goal is to align around a set of shared principles and priorities
for the design system
REGROUP & NEXT STEPS
Let's Work Together!
REGROUP & NEXT STEPS
๏ Recap the day's events; talk about the outcomes
๏ Make sure to cover any lingering questions,concerns,and
other words of wisdom that will help the design system be
successful
๏ Explain what happens next and how they can stay involved
with the design system process
๏ Pizza party.
DESIGN PRINCIPLES
–Luke Wroblewski
Design principles are the guiding light for any software
application. They articulate the fundamental goals that all
decisions can be measured against and thereby keep the
pieces of a project moving toward an integrated whole.
https://www.lukew.com/ff/entry.asp?854
PROCESS PRODUCT
DESIGN SYSTEM PROCESS PRINCIPLES
๏ Make the best thing the 

easiest thing
๏ Design for “grab it quick”
efficiency
๏ Design for contribution 

and community
๏ Crowd-proof the markup
๏ Fit the workflow
๏ Just enough documentation
๏ Technology agnostic
๏ Embed the brand in the code
๏ Consistent, not homogenous
๏ Opinionated defaults
๏ Make people smarter just 

by using it
DESIGN SYSTEM PRODUCT PRINCIPLES
๏ Just enough interface
๏ Strong and direct
๏ Speed is a feature
๏ Adaptable density
๏ Safety always
๏ No tricks or stunts
๏ Recycle, reduce, reuse
Let's Work Together!
6 COUNTER-INTUITIVE TESTS FOR CREATING DESIGN PRINCIPLES
๏ Does it come directly from research?
๏ Does it help you say ‘No’ most of the time?
๏ Does it distinguish your design from your competitors?
๏ Is it something you might reverse in a future release?
๏ Have you evaluated it for this project?
๏ Is its meaning constantly tested?
https://articles.uie.com/creating-design-principles/
DESIGN PRINCIPLES UNDERPIN EVERY
BUSINESS, DESIGN, & DEV DECISION
PREPARING TO CREATE
INTRADISCIPLINARY INTERDISCIPLINARY
https://helpx.adobe.com/creative-cloud/how-to/creative-cloud-libraries.html
https://www.figma.com/
https://www.invisionapp.com/craft
https://brand.ai/sketch
http://photoshopetiquette.com/
https://github.com/bradfrost/frontend-guidelines-questionnaire
WHAT ARE SOME GENERAL PRINCIPLES YOUR
TEAM SHOULD FOLLOW WHEN WRITING HTML?
SPACES OR TABS?
SMACSS, BEM OR OTHER METHODOLOGY?
WHAT TOOLS (SASS, NORMALIZE, AUTOPREFIXER, ETC)
DOES YOUR TEAM RELY ON TO WRITE CSS?
WHAT JS TOOLS (JQUERY, REACT, ANGULAR, POLYFILLS,
DEPENDENCIES) DOES YOUR TEAM RELY ON?
THE WORKSHOP AND THE STOREFRONT
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
http://styleguides.io/tools.html
http://http://patternlab.io
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Pattern Lab Grunt/Gulp copy task Style Guide
http://bradfrost.github.io/style-guide-guide/
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
http://bradfrost.github.io/style-guide-guide/
https://github.com/bradfrost/style-guide-guide
INTRADISCIPLINARY INTERDISCIPLINARY
Let's Work Together!
comp production
Let's Work Together!
DESIGN TOKENS
https://www.lightningdesignsystem.com/design-tokens/
native appscommunications intranetmarketing site product
native appscommunications intranetmarketing site product
design tokens
native appscommunications intranetmarketing site product
design tokens
implementation-agnostic
source of truth
DESIGN TOKEN PROPERTIES
๏ Background colors
๏ Type colors
๏ Font families
๏ Font sizes
๏ Font weights
๏ Line Heights
๏ Border colors
๏ Border thicknesses
๏ Border radii
๏ Animation speeds
๏ Media queries
๏ Margins
๏ Padding
http://link.com
https://brand.ai/
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
http://airbnb.design/painting-with-code/
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
THERE IS NO SUBSTITUTE FOR HUMAN
COMMUNICATION AND COLLABORATION
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
Let's Work Together!
http://trentwalton.com/2011/07/14/content-choreography/
whiteboard
sketch working product
that tool you've
spent 7 years
mastering
>
COLLABORATION AND COMMUNICATION
BEAT DELIVERABLES
complete chaos stifling rigidity


discipline
team
teams
department
company
humanity


discipline
team
teams
department
company
atomicdesign.bradfrost.com
THANK YOU!@brad_frost bradfrost.com

More Related Content

What's hot

Agile design pattern
Agile design patternAgile design pattern
Agile design patternPoppy Martono
 
Beyond Full Stack Engineering
Beyond Full Stack EngineeringBeyond Full Stack Engineering
Beyond Full Stack EngineeringAdam Hepton
 
Frontend Development vs Backend Development | Detailed Comparison
Frontend Development vs Backend Development | Detailed ComparisonFrontend Development vs Backend Development | Detailed Comparison
Frontend Development vs Backend Development | Detailed ComparisonMariya James
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design WorkflowIntergen
 
Worse Is Better, for Better or for Worse
Worse Is Better, for Better or for WorseWorse Is Better, for Better or for Worse
Worse Is Better, for Better or for WorseKevlin Henney
 
A Responsive Project Process
A Responsive Project ProcessA Responsive Project Process
A Responsive Project ProcessPhase2
 
Collaborating Effectively with Developers
Collaborating Effectively with DevelopersCollaborating Effectively with Developers
Collaborating Effectively with DevelopersJayde Ly
 
Programming For Non-Programmers (AMEX Remix Edition)
Programming For Non-Programmers (AMEX Remix Edition) Programming For Non-Programmers (AMEX Remix Edition)
Programming For Non-Programmers (AMEX Remix Edition) Chris Castiglione
 
What is a Full stack developer? - Tech talk
What is a Full stack developer? - Tech talk What is a Full stack developer? - Tech talk
What is a Full stack developer? - Tech talk Bui Hai An
 
JavaScript is a buffet - Scriptconf 2017 keynote
JavaScript is a buffet - Scriptconf 2017 keynoteJavaScript is a buffet - Scriptconf 2017 keynote
JavaScript is a buffet - Scriptconf 2017 keynoteChristian Heilmann
 
Native is easy. Web is essential.
Native is easy. Web is essential.Native is easy. Web is essential.
Native is easy. Web is essential.Jason Grigsby
 
Worse Is Better, for Better or for Worse
Worse Is Better, for Better or for WorseWorse Is Better, for Better or for Worse
Worse Is Better, for Better or for WorseKevlin Henney
 
Layout and Wireframing
Layout and WireframingLayout and Wireframing
Layout and WireframingOmar Duarte
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileVicke Cheung
 
Web components and Package managers
Web components and Package managersWeb components and Package managers
Web components and Package managersbtopro
 
Lean frontend development
Lean frontend developmentLean frontend development
Lean frontend developmentMatteo Guidotto
 
Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Christian Heilmann
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSChristian Heilmann
 
A call to JS Developers - Let’s stop trying to impress each other and start b...
A call to JS Developers - Let’s stop trying to impress each other and start b...A call to JS Developers - Let’s stop trying to impress each other and start b...
A call to JS Developers - Let’s stop trying to impress each other and start b...Christian Heilmann
 
Surviving agile remote teams - why remote work is a SKILL
Surviving agile remote teams - why remote work is a SKILLSurviving agile remote teams - why remote work is a SKILL
Surviving agile remote teams - why remote work is a SKILLJens Broos
 

What's hot (20)

Agile design pattern
Agile design patternAgile design pattern
Agile design pattern
 
Beyond Full Stack Engineering
Beyond Full Stack EngineeringBeyond Full Stack Engineering
Beyond Full Stack Engineering
 
Frontend Development vs Backend Development | Detailed Comparison
Frontend Development vs Backend Development | Detailed ComparisonFrontend Development vs Backend Development | Detailed Comparison
Frontend Development vs Backend Development | Detailed Comparison
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
 
Worse Is Better, for Better or for Worse
Worse Is Better, for Better or for WorseWorse Is Better, for Better or for Worse
Worse Is Better, for Better or for Worse
 
A Responsive Project Process
A Responsive Project ProcessA Responsive Project Process
A Responsive Project Process
 
Collaborating Effectively with Developers
Collaborating Effectively with DevelopersCollaborating Effectively with Developers
Collaborating Effectively with Developers
 
Programming For Non-Programmers (AMEX Remix Edition)
Programming For Non-Programmers (AMEX Remix Edition) Programming For Non-Programmers (AMEX Remix Edition)
Programming For Non-Programmers (AMEX Remix Edition)
 
What is a Full stack developer? - Tech talk
What is a Full stack developer? - Tech talk What is a Full stack developer? - Tech talk
What is a Full stack developer? - Tech talk
 
JavaScript is a buffet - Scriptconf 2017 keynote
JavaScript is a buffet - Scriptconf 2017 keynoteJavaScript is a buffet - Scriptconf 2017 keynote
JavaScript is a buffet - Scriptconf 2017 keynote
 
Native is easy. Web is essential.
Native is easy. Web is essential.Native is easy. Web is essential.
Native is easy. Web is essential.
 
Worse Is Better, for Better or for Worse
Worse Is Better, for Better or for WorseWorse Is Better, for Better or for Worse
Worse Is Better, for Better or for Worse
 
Layout and Wireframing
Layout and WireframingLayout and Wireframing
Layout and Wireframing
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for Mobile
 
Web components and Package managers
Web components and Package managersWeb components and Package managers
Web components and Package managers
 
Lean frontend development
Lean frontend developmentLean frontend development
Lean frontend development
 
Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJS
 
A call to JS Developers - Let’s stop trying to impress each other and start b...
A call to JS Developers - Let’s stop trying to impress each other and start b...A call to JS Developers - Let’s stop trying to impress each other and start b...
A call to JS Developers - Let’s stop trying to impress each other and start b...
 
Surviving agile remote teams - why remote work is a SKILL
Surviving agile remote teams - why remote work is a SKILLSurviving agile remote teams - why remote work is a SKILL
Surviving agile remote teams - why remote work is a SKILL
 

Similar to Let's Work Together!

Let's Work Together
Let's Work TogetherLet's Work Together
Let's Work TogetherAquent
 
Geekcamp Indonesia 2017 : Agile Product Management
Geekcamp Indonesia 2017 : Agile Product ManagementGeekcamp Indonesia 2017 : Agile Product Management
Geekcamp Indonesia 2017 : Agile Product ManagementMichael Ong
 
Enterprise Software as a Service : DrupalCon 2017 GovSummit
Enterprise Software as a Service : DrupalCon 2017 GovSummit Enterprise Software as a Service : DrupalCon 2017 GovSummit
Enterprise Software as a Service : DrupalCon 2017 GovSummit Kendra Skeene
 
Nailing Distributed Development With Effective Collaboration - Matt Ryall
Nailing Distributed Development With Effective Collaboration - Matt RyallNailing Distributed Development With Effective Collaboration - Matt Ryall
Nailing Distributed Development With Effective Collaboration - Matt RyallAtlassian
 
Best practices for agile design
Best practices for agile designBest practices for agile design
Best practices for agile designIgor Moochnick
 
Agile Methodology
Agile MethodologyAgile Methodology
Agile MethodologySapna Sood
 
User Experience for Product Managers
User Experience for Product Managers User Experience for Product Managers
User Experience for Product Managers Michael Ong
 
Producing Online Educational Videos
Producing Online Educational VideosProducing Online Educational Videos
Producing Online Educational VideosRichard Harrington
 
Craig Peters: Running Great Review Meetings
Craig Peters: Running Great Review MeetingsCraig Peters: Running Great Review Meetings
Craig Peters: Running Great Review MeetingsWorldIADay2014 PDX
 
Why do most machine learning projects never make it to production
Why do most machine learning projects never make it to productionWhy do most machine learning projects never make it to production
Why do most machine learning projects never make it to productionCameron Vetter
 
Turning a Startup to a Design-Driven Company
Turning a Startup to a Design-Driven CompanyTurning a Startup to a Design-Driven Company
Turning a Startup to a Design-Driven CompanyTanya Zavialova
 
Scrum master basics
Scrum master basics Scrum master basics
Scrum master basics Elad Sofer
 
Heart of Agile: What is Agile?
Heart of Agile: What is Agile?Heart of Agile: What is Agile?
Heart of Agile: What is Agile?Agile Tour Beirut
 
Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish Chris Castiglione
 
Genuine agility at scale through LeSS Product Ownership - April 2018
Genuine agility at scale through LeSS Product Ownership - April 2018Genuine agility at scale through LeSS Product Ownership - April 2018
Genuine agility at scale through LeSS Product Ownership - April 2018Rowan Bunning
 
Building on the Shoulders of Giants: the Story of Bitbucket Pipelines
Building on the Shoulders of Giants: the Story of Bitbucket PipelinesBuilding on the Shoulders of Giants: the Story of Bitbucket Pipelines
Building on the Shoulders of Giants: the Story of Bitbucket PipelinesAtlassian
 
DevOpsDays Jakarta Igites
DevOpsDays Jakarta IgitesDevOpsDays Jakarta Igites
DevOpsDays Jakarta IgitesDevOpsDaysJKT
 

Similar to Let's Work Together! (20)

Let's Work Together
Let's Work TogetherLet's Work Together
Let's Work Together
 
Geekcamp Indonesia 2017 : Agile Product Management
Geekcamp Indonesia 2017 : Agile Product ManagementGeekcamp Indonesia 2017 : Agile Product Management
Geekcamp Indonesia 2017 : Agile Product Management
 
Enterprise Software as a Service : DrupalCon 2017 GovSummit
Enterprise Software as a Service : DrupalCon 2017 GovSummit Enterprise Software as a Service : DrupalCon 2017 GovSummit
Enterprise Software as a Service : DrupalCon 2017 GovSummit
 
Nailing Distributed Development With Effective Collaboration - Matt Ryall
Nailing Distributed Development With Effective Collaboration - Matt RyallNailing Distributed Development With Effective Collaboration - Matt Ryall
Nailing Distributed Development With Effective Collaboration - Matt Ryall
 
Best practices for agile design
Best practices for agile designBest practices for agile design
Best practices for agile design
 
Agility to manage IT Complexity
Agility to manage IT ComplexityAgility to manage IT Complexity
Agility to manage IT Complexity
 
Agile Methodology
Agile MethodologyAgile Methodology
Agile Methodology
 
User Experience for Product Managers
User Experience for Product Managers User Experience for Product Managers
User Experience for Product Managers
 
Practical Scrum - day 1
Practical Scrum - day 1Practical Scrum - day 1
Practical Scrum - day 1
 
Producing Online Educational Videos
Producing Online Educational VideosProducing Online Educational Videos
Producing Online Educational Videos
 
Craig Peters: Running Great Review Meetings
Craig Peters: Running Great Review MeetingsCraig Peters: Running Great Review Meetings
Craig Peters: Running Great Review Meetings
 
Why do most machine learning projects never make it to production
Why do most machine learning projects never make it to productionWhy do most machine learning projects never make it to production
Why do most machine learning projects never make it to production
 
Turning a Startup to a Design-Driven Company
Turning a Startup to a Design-Driven CompanyTurning a Startup to a Design-Driven Company
Turning a Startup to a Design-Driven Company
 
Scrum master basics
Scrum master basics Scrum master basics
Scrum master basics
 
Heart of Agile
Heart of AgileHeart of Agile
Heart of Agile
 
Heart of Agile: What is Agile?
Heart of Agile: What is Agile?Heart of Agile: What is Agile?
Heart of Agile: What is Agile?
 
Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish
 
Genuine agility at scale through LeSS Product Ownership - April 2018
Genuine agility at scale through LeSS Product Ownership - April 2018Genuine agility at scale through LeSS Product Ownership - April 2018
Genuine agility at scale through LeSS Product Ownership - April 2018
 
Building on the Shoulders of Giants: the Story of Bitbucket Pipelines
Building on the Shoulders of Giants: the Story of Bitbucket PipelinesBuilding on the Shoulders of Giants: the Story of Bitbucket Pipelines
Building on the Shoulders of Giants: the Story of Bitbucket Pipelines
 
DevOpsDays Jakarta Igites
DevOpsDays Jakarta IgitesDevOpsDays Jakarta Igites
DevOpsDays Jakarta Igites
 

More from Brad Frost

Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San DiegoAtomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San DiegoBrad Frost
 
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013Brad Frost
 
Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Brad Frost
 
Death To Bullshit
Death To BullshitDeath To Bullshit
Death To BullshitBrad Frost
 
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive DesignBeyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive DesignBrad Frost
 
For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)Brad Frost
 
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown EditionResponsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown EditionBrad Frost
 
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...Brad Frost
 
Beyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web DesignBeyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web DesignBrad Frost
 
For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)Brad Frost
 
For a Future-Friendly Web
For a Future-Friendly WebFor a Future-Friendly Web
For a Future-Friendly WebBrad Frost
 
Selling The Mobile Web
Selling The Mobile WebSelling The Mobile Web
Selling The Mobile WebBrad Frost
 

More from Brad Frost (13)

Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San DiegoAtomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
 
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
 
Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!
 
Atomic design
Atomic designAtomic design
Atomic design
 
Death To Bullshit
Death To BullshitDeath To Bullshit
Death To Bullshit
 
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive DesignBeyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
 
For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)
 
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown EditionResponsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
 
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
 
Beyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web DesignBeyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web Design
 
For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)
 
For a Future-Friendly Web
For a Future-Friendly WebFor a Future-Friendly Web
For a Future-Friendly Web
 
Selling The Mobile Web
Selling The Mobile WebSelling The Mobile Web
Selling The Mobile Web
 

Recently uploaded

Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 

Recently uploaded (20)

Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 

Let's Work Together!