Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Making of WordPress·com Calypso: A Team Perspective

5,845 views

Published on

In this talk you'll see how one of Automattic's team, Hyperion, worked to bring to life the first version of the Theme Showcase for the Calypso modern infrastructure — open-sourced in 2015.

Published in: Design

The Making of WordPress·com Calypso: A Team Perspective

  1. Davide ‘Folletto’ Casali THE MAKING OF CALYPSO A TEAM PERSPECTIVE
  2. Manifesto Ibridi F E L L O W UX REDIRECTOR ADVISOR NIGHT.EU
  3. @Folletto
  4. CALYPSO PART I
  5. WordPress OPENSOURCE CORE Calypso REST API Front-End Theme ADMIN USER SITE USER
  6. FRAMEWORK NOTIFICATIONSWIDGETS CATEGORIESTAGS USERSMENUS SHARECUSTOMIZE MEDIATHEMES STATSCOMMENT PAGESPOSTS AUTHENTICATIONNAVIGATION
  7. CALYPSO BEFORE CALYPSO TIMELINE Open Source v1 ~20 months Prototype ~3 months Wireframe ~1 month previous work
  8. 127 Contributors 26,030 Commits 6,915 Reviews March 2014 → November 2015 (20 months)
  9. …how did you do that? You’re fully distributed…
  10. Communication is Oxygen Good, social, efficient
  11. ~470 People worldwide ~160k Messages per week ~1,000 Deployments per week
  12. Highly Independent Individuals Initiative and motivation
  13. HYPERION
  14. FRAMEWORK NOTIFICATIONSWIDGETS CATEGORIESTAGS USERSMENUS SHARECUSTOMIZE MEDIATHEMES STATSCOMMENT PAGESPOSTS AUTHENTICATIONNAVIGATION
  15. THEME SHOWCASE PART II
  16. Themes
  17. v2.0
  18. THX
  19. v4.0v4.0
  20. 3 codebases DIFFICULT TO MAINTAIN 3 designs PAINFUL FOR USERS
  21. Create one single Theme Showcase for WordPress.com
  22. LET’S BUILD PART III
  23. Meetups: face time is important Know your people
  24. MEETUP IN VIENNA HYPERION 14 April 2015
  25. Pains Goals
  26. Epic Planning Only user-facing features One major feature Many smaller details & fixes EACH MILESTONE HAS:
  27. “ ” Steve Seear, Hyperion I found this session really valuable. It was intense, challenging, and led on to a lot more discussions.
  28. “ ” Miguel Fonseca, Hyperion +1000 on the value and ROI of our meetup exercises.
  29. Focus on one thing Communicate it well
  30. FIRST MILESTONE PART IV
  31. Clear Communication Spaces Each with a need
  32. Slack Realtime P2 Theme Async Wiki Theme Stable P2 W
  33. TEXT STANDUP POSTED ON SLACK
  34. INITIAL ROADMAP POSTED ON TEAM P2
  35. MASTER THREAD POSTED ON TEAM P2
  36. DESIGNITERATION1
  37. DESIGNITERATION2
  38. DESIGNITERATION3
  39. DESIGNITERATION4
  40. DESIGNITERATION5
  41. ITERATIONS POSTED ON P2
  42. TRANSPARENT FEEDBACK 25 11 15 10 28 9 1 16
  43. In Progress Ready to Merge Needs Review
  44. Needs Design Review In Progress Ready to Merge Needs Review
  45. Transparency across all teams Everything is visible
  46. Horizon External Testing JULY 21JULY 15 Automattic Internal Testing horizonfeedback.wordpress.com
  47. M1 LAUNCHED 3 August 2015
  48. THEME SHOWCASE M1 IN NUMBERS 5 Design Iterations 11 Horizon Testers 6 Automattic Testers 100+ Feedbacks & Comments 124 GitHub Tickets 85 GitHub Pull Requests
  49. THEME SHOWCASE M1 TIMELINE LIVE ~3.5 months Meetup 4 days
  50. THEME SHOWCASE M1 SALES CHECK
  51. PRINCIPLES PART V
  52. THE REMOTENESS CONTINUUM Distributed 100% Local 100% Remote in between
  53. A separate floor, office, city, country… MAKES THE COMPANY ALREADY REMOTE
  54. Communication is Oxygen Highly Independent Individuals Meetups: face time is important Focus on one thing Clear communication spaces Transparency across all teams 1 2 3 4 5 6
  55. “ ” Bruno Munari To complicate is easy, to simplify is hard. To complicate, just add, everyone is able to complicate. Few are able to simplify.
  56. Thanks. @Folletto INTENSEMINIMALISM.COM

×