Thoughts on Building a Successful Remote Team

How a group of designers were transformed into one unified Outlook team

Miles Fitzgerald
Jan 30, 2018 · 6 min read
Image for post
Image for post
Illustrations by Charles Riccardi.

At the beginning of 2017, the Outlook design team was based in 3 different offices (Seattle, San Francisco, and New York), using different tools to design, and working on multiple OS platforms (mobile, Mac, web, and Windows). Collaboration among the teams was at all time low. It felt like we were different teams designing different products and that was damaging our user experience.

Around the same time, Benedikt Lehnert joined Outlook as the Design Director and gave us free rein to fix our current situation, knowing that unifying our team would be an immense opportunity.

We focused our efforts during the year on increasing collaboration across teams. We made changes to our processes, pushed ourselves to ship a more consistent experience across all Outlook products, and ultimately finished the year feeling like one team.

Here’s what we learned along the way:

  1. Improving our workflow should be as important as shipping the final product.
  2. Designing a consistent product requires everyone to share the same values.
Image for post
Image for post

Learning #1 — Building a successful remote design team is hard, but not impossible.

We decided to setup regular in-person meetings and calls among the teams. We set up bi-weekly design leads meetings and a monthly all-hands. We also got everyone using Teams for casual conversations in real-time.

Image for post
Image for post
The team is hanging out in person at our last all-hands in Seattle and at a ski trip in Whistler 🇨🇦.

We also wanted to bring in more visibility into what each team was working on. At the beginning of the year, a mobile designer and a web designer could both be trying to solve the same issue and not know about the other person’s efforts. To push designers to share and collaborate more, we launched a weekly internal newsletter to shine a spotlight on current projects and set up open design reviews between teams. We also created a new channel in our chat called “Design Daily” to share current work and explorations.

Image for post
Image for post
Our “Design Daily” channel, where designers can share explorations, ask for feedback or simply get some ❤️.

Finally, to share expertise and build empathy among teams, we encouraged designers to get out of their comfort zone and work on platforms they weren’t used to. For example, Andrew spent 3 months designing with the mobile team before taking over his current role as the web lead.

Image for post
Image for post

Learning #2 — Improving our workflow should be as important as shipping the final product.

After some trial and error, we found a streamlined toolkit we were all comfortable using. We went from using Photoshop, Illustrator, Sketch, Adobe XD, Dropbox, and local servers to using only Sketch (Yes! we use Macs), OneDrive, and Abstract.

Image for post
Image for post
We use Abstract to save, iterate on, and share our UI kits and designs.

Using the same tools opened up a lot of opportunities and reduced headaches. Sharing and accessing files from other teams became quick and easy. Our projects were now accessible by everyone, making it simple to suggest changes or build new explorations on existing work. In order to avoid wasting too much time digging through files to stay updated on what was going on, we built Wizard, a live online feed of all the latest changes made on Sketch files.

Image for post
Image for post
Wizard is an internal website that show previews of the most recent changes on Sketch.

Sharing the same tools and workflow has given us the strong foundation we need to keep improving. Next on our list of improvements, we’re hoping to tackle better integration with our research and data teams as well as more prototyping.

Image for post
Image for post

Learning #3 — Designing a consistent product requires everyone to share the same values.

To start, we wanted to bring all our principles, process changes, and resources into one place. That way all designers on the team would have a clear framework to help them solve problems. We built an internal website describing our workflow and laying out the fundamentals of Outlook, from cross-platform design, to colors, typography, and illustration style. It’s packed with resources and easy to update, so we can always keep it relevant to the team. We call it the Outlook Design Playbook.

Image for post
Image for post
Our internal Playbook where we keep track of our processes and tools.

We also asked one designer per platform to build and maintain their respective UI kits. The kits help us design more efficiently and consistently. They also create a shared vocabulary between designers and engineers — the label for a color or a typestyle are consistent between the design spec and code — and help us bring pixel perfect designs to our production builds.

We still have a lot to do to have Outlook feel coherent across OS platforms—and that’s the exciting part for us. Our team is diverse yet unified with a shared point-of-view, tools, and framework to tackle these upcoming challenges.

What’s next?

We are growing our team and looking for talented designers to join us. If this story resonates with you, check out our Product Design positions here.

Follow Microsoft Design on Dribbble, Twitter, and Medium

This article was co-written by Alice Default and Miles Fitzgerald and could not have happened without the help of all our Outlook teammates. ✌️

To stay in-the-know with Microsoft Design, follow us on Dribbble, Twitter and Facebook, or join our Windows Insider program. And if you are interested in joining our team, head over to aka.ms/DesignCareers.

Microsoft Design

Stories from the thinkers and tinkerers at Microsoft

Thanks to charlesriccardi, Claire Anderson, and Benedikt Lehnert

Miles Fitzgerald

Written by

Principal Product Design Manager @Microsoft for Outlook Mobile. Views are my own.

Microsoft Design

Stories from the thinkers and tinkerers at Microsoft. Sharing sketches, designs, and everything in between.

Miles Fitzgerald

Written by

Principal Product Design Manager @Microsoft for Outlook Mobile. Views are my own.

Microsoft Design

Stories from the thinkers and tinkerers at Microsoft. Sharing sketches, designs, and everything in between.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store