SlideShare a Scribd company logo
Davide ‘Folletto’ Casali
TEAMWORK
AT THE EXTREMES
WORDPRESS·COM & UX FOR GOOD
Manifesto Ibridi
F E L L O W
UX REDIRECTOR
NIGHT.EU
ADVISOR
@Folletto
THE REMOTENESS CONTINUUM
Distributed
100%
Local
100%
Remote
in between
AUTOMATTIC
PART I
2015
468
People
worldwide
~160k
Messages
per week
~1,000
Deployments
per week
Teamwork at the Extremes: WordPress.com and UX for Good
WHAT IS CALYPSO?
Modern foundation for WordPress.com
NODE.JS · REACT · REST API
OPEN SOURCE SINCE NOVEMBER 2015
127
Contributors
26,030
Commits
6,915
Reviews
March 2014 → November 2015 (20 months)
20
Months to v1
…how did you do that?
You’re fully distributed…
Story
of a
Showcase
Teamwork at the Extremes: WordPress.com and UX for Good
HYPERION
THE PROBLEM
Themes
v2.0
THX
v4.0v4.0
3 codebases
DIFFICULT
TO MAINTAIN
3 designs
PAINFUL
FOR USERS
Create one single
Theme Showcase
for WordPress.com
STEP 1:
PLANNING
Meetups:
face time is important
Know your people
VIENNA MEETUP
14 April 2015
Epic Milestone Model
Only user-facing
features
One
major feature
Many smaller
details & fixes
Teamwork at the Extremes: WordPress.com and UX for Good
“
”
Steve Seear, Hyperion
I found this session really valuable.
It was intense, challenging,
and led on to a lot more discussions.
“
”
Miguel Fonseca, Hyperion
+1000 on the value and ROI
of our meetup exercises.
STEP 2:
FIRST MILESTONE
Clear
Communication Spaces
Communication is Oxygen
Slack
Realtime
P2 Theme
Async
Wiki Theme
Stable
P2 W
If it’s not communicated
transparently, it doesn’t exist
Everything is treated as remote
INITIAL ROADMAP
POSTED ON TEAM P2
MASTER THREAD
POSTED ON TEAM P2
Teamwork at the Extremes: WordPress.com and UX for Good
DESIGNITERATION1
DESIGNITERATION2
DESIGNITERATION3
DESIGNITERATION4
DESIGNITERATION5
ITERATIONS POSTED ON P2
FEEDBACK TRANSPARENT
25
11
15
10
28
9
1
16
Horizon
External Testing
JULY 21JULY 15
Automattic
Internal Testing
M1 LAUNCHED
3 August 2015
THEME SHOWCASE M1
IN NUMBERS
5
Design
Iterations
11
Horizon
Testers
6
Automattic
Testers
100+
Feedbacks &
Comments
124
GitHub
Tickets
85
GitHub
Pull Requests
THEME SHOWCASE M1
TIMELINE
LIVE
~3.5 months
Meetup
4 days
THEME SHOWCASE M1
SALES CHECK
UX FOR GOOD
PART II
“Apply UX design to the most important
problems in the world”
Jason
Ulaszek
Jeff
Leitner
Focus
on one thing
Communicate it well
ONE NO·PROFIT PARTNER
TO SPONSOR THE CAUSE
Highly independent
individuals
Initiative and motivation
10 DESIGNERS
FROM ALL AROUND THE WORLD
Discovery
Synthesis
Creation
Validation
+
FULL
IMMERSION
2-3 DAYS 2-3 DAYS
GROUP
SYNTHESIS
4 5 61 2 3
Zero
waste
No bureaucracy, everything useful
“
”
Jason Kunesh, Obama For America
We came together as a team
in a way that I haven’t experienced
anywhere else.
“
”
Marianne Prins, Van Horne Elementary School
I just witnessed
an absolute explosion of ideas.
CAN WE DESIGN
THE COMMON GOOD?
2011
Chicago
StreetWise · Adler School · The Third Teacher · Cease Fire · Global Lives Project
CAN WE ENRICH LIVES
OF WORKING MUSICIANS?
2012
New Orleans
Grammy Foundation · New Orleans Jazz Heritage F. & F. · Clinton Global Initiative · MusiCares
CAN WE GROW
MINDFULNESS IN SCHOOLS?
2013
Vancouver
The Dalai Lama Center for Peace + Education
CAN WE HARNESS FEELINGS
TO END GENOCIDE?
2014
Kigali & London
Aegis Trust
2014 Kigali
500,000–1,000,000 RWANDANS KILLED
70% TUTSI
20% OF POPULATION
100 DAYS
1994
“In my family, we never talked about the genocide
It was too fresh in my parents’ mind”
And you saved the life
of the people I was planning on killing”
“You saved my life.
- Child of victims to teacher of mobile education
“I came back and my grandmother says,
I hope you got that Africa out of your system.
But at that moment,
I realized it was there and growing.
So I moved my family here and opened a school”
- KGM Visitor
“Users go through the hard part,
but then also the uplifting part
realizing some of the possibilities that are there”
- Morley Hanson, Aegis Trust
UX FOR GOOD 2014
IN NUMBERS
40+
Interviews
with staff and locals
90
Flights
worldwide
15
People forever
changed
3,124
Post-its
and flip-charts
500+
Hours
of research
96
Servings of
french fries
INZOVU
CURVE
HopeReflectionPain Action
Pain
Reflection
Hope
Action
“
”
Prof. Dr. Tania Singer
People with a lot of empathy
want to change that to compassion
so they don't get overwhelmed when
confronted with suffering.
EMPATHETIC
Feeling
COMPASSIONATE
Action
The Inzovu Curve maps a
prototypical journey of a
person going through a
transformative experience
reaching a state of
motivation and action.
The word Inzovu
means Elephant in
Kinyarwanda, the native
language of Rwanda.
Teamwork at the Extremes: WordPress.com and UX for Good
EPIPHANY
WILL
CONNECT
WITH YOUR LIFE
MOTIVATION
TO ACT
Teamwork at the Extremes: WordPress.com and UX for Good
AWARE
TOURIST
EMPATHIC
TOURIST
ADVOCATE
CATALYST
GENOCIDE
CHILDRENFIRST
GEN
AFFECTED
RWANDANS
UNAWARE
TOURIST
inzovucurve.org
PRINCIPLES
PART III
Remote Local
Months of Work Days of Work
Know each other First time meeting
Smaller group Larger group
No client Has client
BOTH WORK.
THE REMOTENESS CONTINUUM
Distributed
100%
Local
100%
Remote
in between
A separate floor, office, city, country…
MAKES THE COMPANY
ALREADY REMOTE
Meet in person
Communication spaces
Transparency
Focus on one thing
Independent individuals
Zero waste
Pick whatever works… then improve it.
automattic.com/jobs
Happiness Engineer
JavaScript Engineer
Mobile Developer
Product Designer
Code Wrangler
Theme Wrangler
Enterprise Growth Engineer
Technical Account Engineer
Performance Marketing
Marketing Designer
Events Wrangler
Thanks.
@Folletto
INTENSEMINIMALISM.COM

More Related Content

PDF
The Making of WordPress·com Calypso: A Team Perspective
PDF
Design Principles for Social Change: UX for Good and Inzovu Curve
PDF
Distributed Companies: A WordPress.com Team Perspective
PDF
agileCMYRU 2015 conference book
PDF
Agile cymru 2015 - Conference Booklet
PDF
Design without Ego — TEDxBologna Talk
PDF
The Six Elements of Focus to Improve Your Craft
PPTX
Design Thinking Method Cards
The Making of WordPress·com Calypso: A Team Perspective
Design Principles for Social Change: UX for Good and Inzovu Curve
Distributed Companies: A WordPress.com Team Perspective
agileCMYRU 2015 conference book
Agile cymru 2015 - Conference Booklet
Design without Ego — TEDxBologna Talk
The Six Elements of Focus to Improve Your Craft
Design Thinking Method Cards

Viewers also liked (20)

PDF
Introducing design thinking
PDF
The Shift: UX Designer as Business Consultant (2016)
PDF
Design Thinking: The one thing that will transform the way you think
PDF
Kickstarting Design Thinking
PDF
IDEO's design thinking.
PDF
Design Thinking - Bootcamp
PDF
The role of Design Thinking
PDF
The Thought Pump Model for Meditation
PPTX
Innovations in training
PDF
Social Brand Experience: a model for the sociality of brands
PDF
Designing Inclusive Open Source Communities
PDF
Design with Personas: A Lean Approach
PDF
Misurare la intranet
PDF
Design Thinking Dallas by Chris Bernard
PDF
The Three Speeds of Effective Collaboration
PPT
Design Thinking 101
PDF
Introduction to Building Wireframes (with Keynote)
PDF
Design Thinking Method Cards (Beta 1.0)
PDF
Design Thinking for Startups - Are You Design Driven?
KEY
A,b,cs of teamwork powerpoint
Introducing design thinking
The Shift: UX Designer as Business Consultant (2016)
Design Thinking: The one thing that will transform the way you think
Kickstarting Design Thinking
IDEO's design thinking.
Design Thinking - Bootcamp
The role of Design Thinking
The Thought Pump Model for Meditation
Innovations in training
Social Brand Experience: a model for the sociality of brands
Designing Inclusive Open Source Communities
Design with Personas: A Lean Approach
Misurare la intranet
Design Thinking Dallas by Chris Bernard
The Three Speeds of Effective Collaboration
Design Thinking 101
Introduction to Building Wireframes (with Keynote)
Design Thinking Method Cards (Beta 1.0)
Design Thinking for Startups - Are You Design Driven?
A,b,cs of teamwork powerpoint
Ad

Similar to Teamwork at the Extremes: WordPress.com and UX for Good (15)

PDF
UX for Social Impact: Lessons Learned from Tackling Food Insecurity, Poverty,...
PDF
Distributed Companies: A WordPress.com Team Perspective - Davide Casali - Cod...
PDF
Putting real time into practice - Saul Diez-Guerra
PDF
Creating word press community with the human voice
PDF
Virginia Center for Inclusive Communities
PDF
The Journey of Creativity
PPTX
Anoosha Qaisar presentation lets do it together
PDF
Grant Trends and Common Mistakes: Make Your 2019 Applications Shine!
PPTX
What is mooc 2
PPTX
Annual Summary PPT Template.pptx
PDF
Tangible Lessons
PDF
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
PDF
Making feedback visible_agileee_2010
PDF
Ebook a tale of two meetings
PDF
Matt Thompson - The Power of Open: Using the Open Web and Social Media to Get...
UX for Social Impact: Lessons Learned from Tackling Food Insecurity, Poverty,...
Distributed Companies: A WordPress.com Team Perspective - Davide Casali - Cod...
Putting real time into practice - Saul Diez-Guerra
Creating word press community with the human voice
Virginia Center for Inclusive Communities
The Journey of Creativity
Anoosha Qaisar presentation lets do it together
Grant Trends and Common Mistakes: Make Your 2019 Applications Shine!
What is mooc 2
Annual Summary PPT Template.pptx
Tangible Lessons
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
Making feedback visible_agileee_2010
Ebook a tale of two meetings
Matt Thompson - The Power of Open: Using the Open Web and Social Media to Get...
Ad

More from Erin 'Folletto' Casali (17)

PDF
Mastering Feedback: You, the Team, the Product
PDF
Design Remote: The Async Advantage
PDF
Foundations of Chat Bot Design
PDF
New Managers: Good Intentions, Half Delegation
PDF
Grow Your Personal Leadership with Your Hybrid Traits
PDF
Gestalt Design Principles for Developers
PDF
The shift: UX Designers as Business Consultants
PDF
Social Experience Design @ UX Australia 2013
PDF
Social Brand Experience: How to Manage a Motivational Brand
PDF
Introduction to Building Wireframes (with OmniGraffle)
PDF
Design that Fosters Change
PDF
Social Usability Workshop @ LIFT13
PDF
Social Experience Design @ Interaction 13
PDF
Relational Motivations and Brands
PDF
Social Experience Design: one method, two tools, three business tips (2012)
PDF
LightningUX 3
PDF
Gestalt, design & technology of the touch ebook
Mastering Feedback: You, the Team, the Product
Design Remote: The Async Advantage
Foundations of Chat Bot Design
New Managers: Good Intentions, Half Delegation
Grow Your Personal Leadership with Your Hybrid Traits
Gestalt Design Principles for Developers
The shift: UX Designers as Business Consultants
Social Experience Design @ UX Australia 2013
Social Brand Experience: How to Manage a Motivational Brand
Introduction to Building Wireframes (with OmniGraffle)
Design that Fosters Change
Social Usability Workshop @ LIFT13
Social Experience Design @ Interaction 13
Relational Motivations and Brands
Social Experience Design: one method, two tools, three business tips (2012)
LightningUX 3
Gestalt, design & technology of the touch ebook

Recently uploaded (20)

PPTX
Concluding Session_Wrapup-NA May 5 2024-Oct 10 2025 ZS.pptx
PPTX
2. CYCLE OF FUNCTIONING RIFLE -PP Presentation..pptx
PPTX
TCoE_IT_Concrete industry.why is it required
PDF
Equity at the Helm_ Guiding Schools Through Inclusive Leadership by Dr.pdf
PPTX
Course Overview of the Course Titled.pptx
PDF
CHAPTER 14 Manageement of Nursing Educational Institutions- planing and orga...
PPT
Claims and Adjustment Business_Communication.pptx.ppt
PPTX
Effective_communication._(strategy).pptx
PDF
Timeless Leadership Principles from History’s Greatest Figures by Alfonso Ken...
PDF
Case study -Uber strategic plan and management
PPTX
Human Resource Management | Introduction,Meaning and Definition
PDF
The Sustainable Site: Boosting Productivity in Construction – Pipe Dream or P...
PDF
The Cyber SwarmShield by Stéphane Nappo
PPTX
MY GOLDEN RULES la regla de oro jhonatan requena
PPTX
Empowering Project Management Through Servant Leadership - PMI UK.pptx
PDF
CISSP Domain 5: Identity and Access Management (IAM)
PDF
Contemporary management and it's content
PDF
CHAPTER 14 Manageement of Nursing Educational Institutions- planing and orga...
PDF
The Plan: Save the Palestinian Nation Now
PDF
The-Power-of-Communication (1).pdf......
Concluding Session_Wrapup-NA May 5 2024-Oct 10 2025 ZS.pptx
2. CYCLE OF FUNCTIONING RIFLE -PP Presentation..pptx
TCoE_IT_Concrete industry.why is it required
Equity at the Helm_ Guiding Schools Through Inclusive Leadership by Dr.pdf
Course Overview of the Course Titled.pptx
CHAPTER 14 Manageement of Nursing Educational Institutions- planing and orga...
Claims and Adjustment Business_Communication.pptx.ppt
Effective_communication._(strategy).pptx
Timeless Leadership Principles from History’s Greatest Figures by Alfonso Ken...
Case study -Uber strategic plan and management
Human Resource Management | Introduction,Meaning and Definition
The Sustainable Site: Boosting Productivity in Construction – Pipe Dream or P...
The Cyber SwarmShield by Stéphane Nappo
MY GOLDEN RULES la regla de oro jhonatan requena
Empowering Project Management Through Servant Leadership - PMI UK.pptx
CISSP Domain 5: Identity and Access Management (IAM)
Contemporary management and it's content
CHAPTER 14 Manageement of Nursing Educational Institutions- planing and orga...
The Plan: Save the Palestinian Nation Now
The-Power-of-Communication (1).pdf......

Teamwork at the Extremes: WordPress.com and UX for Good