Tomorrow’s complex digital experiences and responsive design challenges require a new kind of cross-discipline approach to content creation. Successful outcomes demand collaboration and co-creation. Yet, siloed workflows and legacy processes can hold you back. Learn how designers and developers play a key role in creating future-ready content, and leave with skills and actionable approaches you’ll need to transform the way your team produces together.

1. nextlevelcollaborationTHE FUTURE OF CONTENT & WEB DESIGN

2. Hi, I’m Bekah.
(The girl in the back there.)
@REBEKAHCANCINO

4. TACOS
SUNSHINE
DIGITAL COWBOYS
DESIGN COMMUNITY
Phoenix, baby.

5. These are my people.
(Some of them.)

6. These are my people.Dad is a GIS developer.

7. Mom is an artist.

8. This is Pomar Jackson.

9. This is Pomar Jackson.
He doesn’t care much
for computers.

10. So, maybe you’ve heard of this?Talkin’ ‘bout a revolution.

11. THE WAY PEOPLE WORKED
AND PRODUCED
WAS FOREVER CHANGED.
together

12. Flash forward to today...

13. At the corner of interconnected
and amazing.

14. FROM STORE FLOOR MAPS
TO INSTANT INSTAGRAM
PRINTS, THE APP ENHANCES
THE IN-PERSON experience.

15. It’s a whole new world.

16. With devices we haven’t even
dreamed of yet.

17. “IT'S HARD TO TELL
WHERE THE ENDS
AND THE BEGINS,
ISN'T IT?”
code
content
@JCOLMAN

18. “EVERYTHING IS CONTENT.
CONTENT IS WHAT THE USER
OR RIGHT NOW.”wants
needs
- JARED SPOOL

19. Content is at the heart of
every experience we design.

20. And yet here we are.

21. Still disconnected.

22. The breakdown of old workflows
is becoming painfully obvious.

23. HTML wireframes!
Atomic design!
Adaptive content!
Style tiles!

24. “Until we got stuck.”
PROTOTYPING YOUR WORKFLOW

25. “MEETING THE DEMANDS OF
OUR MULTI-DEVICE WEB IS LESS
A PROBLEM OF
AND MORE ONE OF
”communication.
technique,
- MARK LLOBRERA

26. IT’S TIME FOR OUR
revolution.
IT’S TIME TO MAKE THINGS
THAT MATTER AGAIN.

27. IT’S TIME TO BE
THAN THE SUM OF
OUR PARTS.
greater

28. And move beyond collaboration
to co-design.

29. THE
IS ALREADY UNDERWAY.
revolution

33. 1) Be open

34. ASK LOTS OF questions.

35. BE TO SAY
“I DON’T KNOW.”
willing

36. ASK FOR
AND CONSIDER
feedback
criticism.

37. ALWAYS BE learning.

38. Because science.

39. 2) Just jump in

40. “CONTENT DOESN’T
BELONG TO
DESIGN DOESN’T BELONG
TO
CODE DOESN’T BELONG
TO “
content.
design.
dev.
- NICOLE FENTON

41. DON’T WAIT TO BE
JUST JUMP IN WHERE YOU
CAN help.
invited,

42. REMEMBER IS
TOO.
writing
design

44. AND SOMETIMES
IS LIKE
content
code.

45. 2) Just jump in
This is Nicole Fenton.
@NICOLESLAW

46. “INTERFACE WRITING
IS CODE.
IT’S CODE FOR PEOPLE,
IT’S CODE FOR READERS.”

47. “I’M DOING THIS STEP,
WHAT SHOULD I DO NEXT?”
- A USER

48. “THAT’S A VERY
PROGRAMMATIC WAY
OF DEALING WITH
SOMETHING.”

50. “AN INTERFACE WRITER
HAS TO THINK OF IT
ALMOST LIKE A
PROGRAMMER.”

51. Broad knowledge. Deep expertise.

52. This is Michael Evans.
@MEVANS212

53. “WE DIDN’T THINK ABOUT
IT AS CONTENT.”

54. “WE THOUGHT…
HOW DO WE PRESENT THE
PRODUCT TO THE USER IN A
WAY THAT MAKES IT AS
SIMPLE AS POSSIBLE.”

55. “BUT ALSO PRESENTING
INFORMATION THAT THEY
CARE ABOUT.”

56. THE WHOLE PROJECT WAS
SUPER COLLABORATIVE.
THAT’S THE ONLY WAY WE
COULD DO THIS.
CROSS-DISCIPLINE TEAM ✓

57. “THIS WAY…
EVERYBODY CAN BE IN
EVERYBODY’S BUSINESS,
AND SORT OF KNOWS
WHAT’S RIGHT OR WRONG.”

58. “THE WHOLE PROJECT WAS
SUPER COLLABORATIVE.
THAT WAS THE ONLY WAY
WE COULD DO THIS.”

59. EVEN IF
ISN’T IN YOUR JOB
DESCRIPTION…
content

60. 3) Make friends and play nice

61. JOIN forces.

62. This is Joe Stewart.
@WORKJOESTEWART

63. “FOR THE VIRGIN PROJECT
THERE WERE TWO LEAD
DESIGNERS.”

64. FOR THE VIRGIN PROJECT
THERE WERE TWO LEAD
DESIGNERS.
“ME, WITH MY
BACKGROUND IN GRAPHIC
DESIGN.
AND THIS OTHER GUY, FELIPE
MEMORIA, WITH MORE OF A
TRADITIONAL UX
BACKGROUND.”

65. “WE STARTED DOING THE
CONCEPT WORK
TOGETHER.”

66. “Sitting in the same room,
next to each other.”

67. USER RESEARCH ✓
CLIENT INTERVIEWS ✓
DISCUSS YOUR OWN
FINDINGS ✓

68. Wow, much drawing. Very UX.

69. “THAT PART OF
CO-DESIGNING WAS A
REALLY BIG THING.”

70. MAKE SURE
INVITED.
everyone’s

71. DESIGN AND DEVS
UX PEEPS
CONTENT STRATEGISTS
EXECUTIVE
STAKEHOLDERS
PRODUCT MANAGERS
CREATIVE DIRECTORS
and more!

72. It’s Joe again.
@WORKJOESTEWART

73. “THERE WASN’T JUST ONE
PERSON THAT WE WERE
WORKING WITH.”

74. “ALL THE DIFFERENT
PEOPLE WHO
UNDERSTAND ALL THE
DIFFERENT PARTS OF
WHAT’S GOING TO MAKE
THIS AIRLINE WEBSITE
SUCCESSFUL.”

75. “IT’S NOT LIKE, THIS
PERSON WORKS WITH THIS
PERSON AND THEN HAS
TO PRESENT IT TO THIS
PERSON.”

76. “We moved into the Virgin office
to be close to their team
every day.”

77. “WE WERE ALL THERE,
ARGUING IT OUT,
ALL TOGETHER.”

78. LEARN TO let go.

79. This is Aura Seltzer.
@AURASELTZER

80. “CHANCES ARE YOU ARE A
CONTROLLING PERSON
WHEN IT COMES TO WHAT
YOU MAKE.”

81. “AND WHAT SETS YOUR
CLIENT UP FOR SUCCESS,
IS FOR WHAT YOU’RE
TRYING TO CONTROL SO
DEEPLY TO CONSIDER
(CONTENT) VARIABLES.”

82. “ONE OF THE BIGGESTS
TESTS HERE, IS ONCE THE
CLIENT PUTS THE
CONTENT IN THE SITE
DOES THE DESIGN SYSTEM
STILL WORK LIKE YOU
INTENDED?”

83. “THAT’S TWO-FOLD.
DID YOU BUILD A SITE
THAT IS RIGHT FOR THEIR
(CONTENT) NEEDS.”

84. “THEN THERE’S EDUCATION.
DID YOU TEACH THE
CLIENT WHAT TO PUT
WHERE, AND WHAT EACH
PIECE IS FOR?”

85. “THE SOONER YOU MAKE
(CONTENT)
CONSIDERATIONS, THE
HAPPIER YOU’LL BE
AFTER LAUNCH.”

86. 4) Plan ahead
4) Plan ahead.

87. Do research and
discovery as a team.

88. CONSIDER THE context
AND CLEARLY STATE
goals.

89. business
goals
user
needs

90. thinking
doingfeeling

91. Design the co-design
working session. So meta.

92. Diverge and converge. Know
what games you’ll use to get
there.

93. PEOPLE DON’T
EXPERIENCE CONTENT
SEPARATELY FROM
DESIGN, UX, AND CODE.

94. MAKING THINGS
SHOULDN’T BE THAT
WAY EITHER.

95. BRING ON THE revolution.