making a big impact with a small web team
TRANSCRIPT
![Page 1: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/1.jpg)
MAKING A BIG IMPACTwith a small web team
![Page 2: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/2.jpg)
MATT [email protected]
![Page 3: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/3.jpg)
OBLIGATORY BACKGROUND INFO
2004 2007–2011 2011–now2003
![Page 4: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/4.jpg)
APARTMENT THERAPYSaving the world, one room at a time.
THE KITCHNInspiring cooks, nourishing homes.
![Page 5: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/5.jpg)
12EDITORIAL+90 active contributors
7ADVERTISING
4OPERATIONS
7TECHNOLOGY
![Page 6: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/6.jpg)
7 PEOPLE!? You call that small?
![Page 7: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/7.jpg)
64 M monthly pageviews
25 pageviews per second
monthly unique visitors19 M
![Page 8: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/8.jpg)
WEB TEAM SIZE COMPARISON
7
20
39
9.6M
19M
WEB TEAM SIZEMUU (UNIQUES)
16M
![Page 9: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/9.jpg)
big small teams
![Page 10: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/10.jpg)
big small teamsIGNORE JOB TITLES
![Page 11: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/11.jpg)
Senior WebDesigner
Sr. Front-EndWeb Developer
Front-EndEngineer
Senior WebEngineer
Senior WebEngineer
OperationsEngineer
Chief Technology Officer
![Page 12: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/12.jpg)
![Page 13: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/13.jpg)
330 employees
100% flat hierarchy
![Page 14: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/14.jpg)
![Page 15: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/15.jpg)
http://www.valvesoftware.com/jobs/
![Page 16: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/16.jpg)
“Traditionally at Valve, nobody has an actualtitle… [W]e all take on the role that suits thework in front of us. Everyone is a designer. Everyone can question each other’s work. Anyone can recruit someone onto his or her project.”
![Page 17: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/17.jpg)
![Page 18: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/18.jpg)
JOB TITLE
GENERAL WEB SKILLS
![Page 19: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/19.jpg)
Job titles should bedescriptive, not restrictive.
![Page 20: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/20.jpg)
NEW FEATURE ASSIGNMENTS
BACKEND FRONT-END DESIGN
![Page 21: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/21.jpg)
BUILDING A T-SHAPED TEAM
1. TEACH EACH OTHERCode reviews / Group bug fixes / Swap jobs for a day
2. LOSE YOUR EGOGive up full control
3. TAKE OWNERSHIP OF EVERYTHINGDon’t hide behind title / Jump in and help
![Page 22: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/22.jpg)
big small teamsDEFEND THEIR SCHEDULE
![Page 23: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/23.jpg)
Site visitorsEditorial
AdvertisingCEOUs
STAKEHOLDERS
![Page 24: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/24.jpg)
EFFECTS OF INTERRUPTIONS
![Page 25: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/25.jpg)
DEFEND?
![Page 26: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/26.jpg)
![Page 27: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/27.jpg)
It’s about settinggood expectations.
![Page 28: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/28.jpg)
1. DON’T REACT
![Page 29: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/29.jpg)
![Page 30: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/30.jpg)
![Page 31: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/31.jpg)
![Page 32: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/32.jpg)
2. CHANNEL SUPERNANNY
![Page 33: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/33.jpg)
![Page 34: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/34.jpg)
You need to put on your pajamasand brush your teeth.
Which would you like to do first, put on your PJs or brush your teeth?
I DON’T WANNA GO TO BED!
![Page 35: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/35.jpg)
Invite a conversation.Give them a choice.
![Page 36: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/36.jpg)
We’re in the middle of anotherproject right now. No.
That will delay our current project.Which would you rather have first?
GIMME PHOTO GALLERIES!
![Page 37: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/37.jpg)
3. WORK IN PUBLIC
![Page 38: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/38.jpg)
WRITE EVERYTHING DOWN
![Page 39: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/39.jpg)
Share it with everyone.
![Page 40: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/40.jpg)
![Page 41: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/41.jpg)
big small teamsARE TERRIBLE ESTIMATORS
(AND THEY KNOW IT)
![Page 42: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/42.jpg)
![Page 43: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/43.jpg)
SKELETON CREWFewer people = less experience
SHIFTING TIDESInterruptions
UNKNOWN DANGERSBrowser bugs / Hidden complexity
![Page 44: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/44.jpg)
SO HOW DO WE GET BETTER?
1. EXPERIENCE...but that takes time
2. MORE TIME PLANNING...can’t predict interruptions and scope changes
3. SMALLER FEATURES...we’ll get to that in a minute
![Page 45: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/45.jpg)
Make your estimate.Then double it.
![Page 46: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/46.jpg)
big small teamsPERFORM TASK TRIAGE
![Page 47: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/47.jpg)
![Page 48: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/48.jpg)
![Page 49: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/49.jpg)
Manage tasks byassigning priority.
![Page 50: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/50.jpg)
TASK TRIAGE
Small Task Large Task
HighImpact
LowImpact
LOW-HANGINGFRUIT
BASEMENTCLOSET
MAJORFEATURES
IN-BETWEENTASKS
![Page 51: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/51.jpg)
big small teamsTAKE TINY BITES
![Page 52: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/52.jpg)
PHOTO GALLERY SPEC
Captions on images
No JS required
Editable in CMS
Embed on any page
Full-screen popup
Swipeable
PROJECT ESTIMATE8 weeks
![Page 53: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/53.jpg)
Start with theminimum viable product.
![Page 54: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/54.jpg)
Embed on any page / No JS required
VERSION 12 weeks
![Page 55: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/55.jpg)
+
EDIT GALLERY
++ + +
++++
Editable in CMS
VERSION 12 weeks
VERSION 22 weeks
![Page 56: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/56.jpg)
Full-screen popup / Captions on images
This is a caption for my image!
+CLOSE
VERSION 12 weeks
VERSION 22 weeks
VERSION 32 weeks
![Page 57: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/57.jpg)
Swipeable
a caption for my image!
+CLOSE
Look! I’m swipeab
VERSION 12 weeks
VERSION 22 weeks
VERSION 32 weeks
VERSION 42 weeks
![Page 58: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/58.jpg)
Progressive enhancement.
![Page 59: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/59.jpg)
WHY TAKE TINY BITES?
1. FASTER RELEASESHappy users / Happy stakeholders / Happy team
2. EASIER ESTIMATION1 large task vs. 4 small tasks
3. BECAUSE WE CANServer deploy = instant upgrade
![Page 60: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/60.jpg)
big small teamsARE PRAGMATIC,NOT DOGMATIC
![Page 61: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/61.jpg)
dog·mat·icinclined to lay down principles as incontrovertibly true
![Page 62: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/62.jpg)
![Page 63: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/63.jpg)
prag·mat·icdealing with things sensibly and realistically in a way that is based on practical rather than theoretical considerations
![Page 64: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/64.jpg)
![Page 65: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/65.jpg)
Focus on what worksinstead of what’s “right.”
![Page 66: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/66.jpg)
RESPONSIVE LAYOUT — IMAGES
![Page 67: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/67.jpg)
RESPONSIVE LAYOUT — IMAGES
It’s not any worse than before.We can solve that problem later.
Smaller screens must be servedsmaller images before we launch.
![Page 68: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/68.jpg)
NAMING CONVENTIONS
PRESENTATIONAL.pull-left
.pull-right.aside
.aside-alt
SEMANTICLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam eleifend egestas. Quisque a elit neque. Pellentesque eleifend nisi placerat, porttitor mi a, venenatis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam eleifend egestas. Quisque a elit neque. Pellentesque eleifend nisi placerat, porttitor mi a, venenatis tellus. Nullam tempor orci magna, eget fringilla turpis tristiq aliquam eleifend nec.
tellus. Nullam tempor orci magna, eget fringilla turpis tristique aliquam eleifend nec.
![Page 69: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/69.jpg)
NAMING CONVENTIONS
PRESENTATIONAL.pull-left
.pull-right.aside
.aside-alt
SEMANTICLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam eleifend egestas. Quisque a elit neque. Pellentesque eleifend nisi placerat, porttitor mi a, venenatis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam eleifend egestas. Quisque a elit neque. Pellentesque eleifend nisi placerat, porttitor mi a, venenatis tellus. Nullam tempor orci magna, eget fringilla turpis tristiq aliquam eleifend nec.
tellus. Nullam tempor orci magna, eget fringilla turpis tristique aliquam eleifend nec.
Either way works, as long as we agree to stay consistent.
Classes shouldn’t describe presentation! Semantic naming!
![Page 70: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/70.jpg)
Use best practices, butonly when they’re helpful.
![Page 71: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/71.jpg)
IGNORE JOB TITLESJob titles should be descriptive,
not restrictive.
DEFEND THEIR SCHEDULEIt’s about setting
good expectations.
ARE TERRIBLE ESTIMATORS(AND THEY KNOW IT)
Make your estimate.Then double it.
PERFORM TASK TRIAGEManage tasks byassigning priority.
TAKE TINY BITESStart with the
minimum viable product.
ARE PRAGMATIC,NOT DOGMATIC
Focus on what worksinstead of what’s “right.”
BIG SMALL TEAMS...
![Page 72: Making a Big Impact with a Small Web Team](https://reader033.vdocument.in/reader033/viewer/2022051516/55a4fa0b1a28ab936e8b479b/html5/thumbnails/72.jpg)
thanks!