Role

Product Design Lead

Team

Microsoft · Docs.com

Platform

Web · Office Online

Outcome

70M+ users in a year

Overview

A home on the web for any Office doc

Docs.com let anyone publish a Word doc, a PowerPoint, a Sway, or a PDF straight to the open web — in full Office fidelity, free, with a link anyone could open. I designed how all of it worked — from the file on your laptop to a page with your name on it.

The origin

The social network Microsoft didn’t have yet

Docs.com was a social network for documents. People could publish, discover, view, download, and share Office files in full high fidelity — Word, Excel, PowerPoint, Mix videos, Sways, images, PDFs, even web links — from a profile page that was theirs. They could follow other authors, form groups and organizations, and decide for each document exactly how open it was: read-only, or free to copy, download, and reuse.

The point was high fidelity. Microsoft wanted to show that every Office product now lived on the web — that a document you made in Office could be showcased online looking exactly as you built it, even if you weren’t editing it there. And Microsoft had no social network of its own at the time, so Docs.com became the professional sharing hub Office didn’t have — a place for professionals, writers, and amateurs to publish their work, share it, and let others build on it. (SlideShare let you post a PowerPoint, but not in high fidelity, and you couldn’t download it and make it your own. Docs.com was about creation, control, and rights — not just posting a file.)

The scope was enormous, and the whole Tokyo team ran at it in weekly sprints. I led the design: the publish flow, the profile, the way people found each other’s work, and the content tile everything else hung off of.

Who it was for

One thing to do, no good way to do it

Underneath every use of Docs.com was the same wish: get a document out into the world — looking right, findable, and without the overhead of a website. It showed up in a lot of forms:

Pain points

Three of those people pulled the design the hardest, and each needed the same site to do something completely different.

The educator

Dana, and the lesson the whole class could keep

She teaches from a OneNote notebook she’s spent years building, and she wants more than for students to see it — she wants them to take it, work in it, and build on each other’s work out in the open. For her, amazing is a living resource the whole class can take, add to, and learn from together — free, no login wall, no LMS in the way — the kind of thing that lifts every student, and her along with them.

Dana Alvarez

High-school teacher · 39

“A link they can only look at isn’t a resource. I want them to own it.”

Amazing =A living lesson the class can take, build on, and share back — lifting the whole room, her included.

  • ContextBuilds lessons in OneNote, shares with students and peers
  • DeviceLaptop at school, Office 365 for Education
  • SettingNo budget for tools, no patience for logins

Goals

  • Put a full lesson — and the homework that goes with it — online where every student can reach it.
  • Let them take their own copy into their own OneDrive to work in.
  • Let students share their work with each other in the open — to help, not to copy.
  • Share with other teachers, and see it picked up well beyond her classroom.

Frustrations

  • The LMS locks resources behind a login only her class can pass.
  • Emailed notebooks arrive broken, or too big to send at all.
  • “View only” links mean nobody can actually build on her work.

The moment that matters

  • The start of a unit, when 30 students need the same material at once.
  • She needs it to be one link that gives everyone their own copy.

The user journey

From a locked-down lesson to a class that builds together

This is Dana’s journey, start to finish — from fighting the login wall on everything she shared, to the day her students were building on each other’s work in the open and teachers from grade school to university were copying her lesson into their own classrooms.

DADana’s journeyHigh-school teacher

01 · The problem

Boxed in

Everything’s behind a wall

Her best material is trapped in an LMS or a file too big to send — nobody outside her class can reach it.

“I built this to be shared, not locked in a folder.”

02 · Discovery

Curious

“Publish it to the web?”

A colleague publishes their notebook to Docs.com — one public link, full fidelity, free.

“If it’s just a link anyone can open, that changes everything.”

03 · First use

Testing it

Publishes one lesson

Uploads the notebook, gives it a tile, sets it public, and shares the link with her class.

“Let’s see if it survives leaving OneNote.”

04 · The doubt

Unsure

“Can they actually take it?”

The make-or-break: can a student get their own copy to work in — or is it just something to look at?

“View-only would defeat the whole point.”

Answered by full-fidelity Office Online + “open in OneNote” — every student copies it into their own account, intact.

05 · It works

Relief

Not just copies — a classroom

Each student works in their own copy, then shares it back — learning from each other in the open, helping rather than hiding. Her one lesson becomes the whole class’s work.

“It’s not my notebook anymore — it’s ours.”

Answered by profiles, following, and open sharing — students share helpfully and the whole class rises together.

06 · Advocacy

Proud

From her class to the whole field

It spreads the way good teaching does — from grade-school teachers to university professors, who find it, copy it, and build their own on top.

“My lesson is in classrooms I’ll never visit — and it made me look good.”

Dana’s win was never just “a link.” It was a resource the class could own together and build on — students helping students, out in the open — that lifted every student and the teacher with them. That’s what the design made possible: one person’s lesson becomes the whole class’s, and the whole field’s.

The consultant

Paul, and the work no one could find

Paul is an independent consultant with sharp decks and reports and no website to put them on. He doesn’t want to become a webmaster — he wants his work online, looking exactly as he built it, and found by the right people. For him, amazing is a discoverable, branded showroom with no website to run.

Paul Mercer

Independent consultant · 46

“My best work sits in email attachments nobody can find.”

Amazing =My work in full fidelity, found by strangers who were looking for it — and proof they showed up. No website to run.

  • ContextWins work on the strength of his reports and decks
  • DeviceLaptop — lives in PowerPoint, Word, and email
  • SettingNo website, no time to build or maintain one

Goals

  • Put his best reports and decks somewhere a prospect can find them.
  • Keep his formatting and brand exactly as he built it.
  • See who’s actually looking — and from where.

Frustrations

  • His work is buried in email threads, invisible to anyone new.
  • Upload sites mangle his layout into something that isn’t his.
  • Building and maintaining a real website is a job he doesn’t want.

The moment that matters

  • A prospect asks “can I see some of your work?”
  • He needs one link that looks professional and is his.

The user journey

A showroom, not a webmaster’s job

Paul’s journey turns on a different question than Dana’s. Not “can they take it” but will this look like my work, and will the right people ever find it?

PMPaul’s journeyIndependent consultant

01 · The problem

Invisible

The work no one sees

His strongest reports live in sent-mail folders — unreachable to anyone deciding whether to hire him.

“I’m only as good as the last deck someone can actually see.”

02 · Discovery

Interested

“A showroom, free?”

Finds Docs.com — publish a deck to the open web, in full fidelity, no site to build.

“If it keeps my formatting, this is my portfolio.”

03 · First use

Guarded

Publishes his best deck

Uploads a report, sets the tile with his own image, tags it, makes it public.

“Show me it still looks like mine.”

04 · The doubt

Skeptical

“Will it look like me — and get found?”

The make-or-break: does it render like his real deck, and will a stranger ever land on it?

“A mangled upload nobody finds is worse than nothing.”

Answered by full-fidelity render + search-indexed public pages — it looks like his work and shows up when people look.

05 · It works

Vindicated

Found, and measured

A prospect finds his report through search; the analytics show him who’s reading and from where.

“My work is out there working for me — and I can see it.”

Answered by search-indexed pages + view analytics — strangers find his work, and he can see who’s reading and from where.

06 · Advocacy

Confident

One link on everything

His Docs.com link goes on his email signature, his card, his proposals.

“This is my portfolio now. Here’s the link.”

Paul didn’t want a website — he wanted to be found, in full fidelity, without the overhead. Same site as Dana, a completely different definition of a win, and the design had to earn both.

The job-seeker

Zoe, and a home for her work in minutes

Zoe just finished a degree and a pile of good projects, and she’s applying for jobs with a résumé and nothing to point to. She doesn’t need a whole website — she needs one clean, credible place that’s hers. For her, amazing is a public home for her work, at her own name, in minutes.

Zoe Bennett

Recent graduate · 23

“I have the work. I just don’t have anywhere to put it.”

Amazing =A credible page that’s unmistakably mine — docs.com/my-name, up in minutes.

  • ContextApplying for jobs, résumé plus a portfolio of projects
  • DeviceLaptop and phone — no money for tools or hosting
  • SettingNeeds a link to put on every application, today

Goals

  • One credible link that holds her résumé and her best work.
  • A URL that’s her name, not a string of random characters.
  • Something she can stand up herself, today, for free.

Frustrations

  • Website builders are overkill — and cost money she doesn’t have.
  • A résumé alone doesn’t show what she can actually do.
  • Attaching five files to every application looks amateur.

The moment that matters

  • The “portfolio / website” field on a job application.
  • She needs a link she’s proud to paste in, right now.

The user journey

The link she was proud to paste in

Zoe’s journey is the shortest and the most personal. It turns on one question: can I make this feel like a real place that’s mine — before the application closes?

ZBZoe’s journeyRecent graduate

01 · The problem

Stuck

Nothing to point to

The application asks for a portfolio link and she has good work but nowhere it lives.

“A résumé doesn’t show what I can actually do.”

02 · Discovery

Relieved

“A free page that’s mine?”

Finds Docs.com — publish a couple of documents and get a profile at her own name.

“No hosting, no cost, up today — that’s exactly it.”

03 · First use

Eager but unsure

Publishes her résumé and two projects

Uploads her résumé and best work, sets tiles, personalizes the background.

“Please look like a real place, not a file dump.”

04 · The doubt

Self-conscious

“Does this look like me?”

The make-or-break: does the profile read as a credible personal home, or a folder of uploads?

“I can’t send a hiring manager something that looks thrown together.”

Answered by the vanity docs.com/her-name URL — her name is the address, and the page reads as a real place, not a folder of uploads.

05 · It works

Proud

A link with her name on it

In minutes she has docs.com/zoebennett — résumé and work, tiled and clean, one link to share.

“This is genuinely mine, and I’m proud of it.”

Answered by tiles + a personalized page — a coherent, credible home built in minutes, not scattered files.

06 · Advocacy

Confident

On every application

The link goes on every application and to every classmate asking how she did it.

“Just make a Docs.com — here, I’ll show you mine.”

Three people, three completely different definitions of “amazing” — a resource to give away, a showroom to be found in, a home to be proud of. The same site had to earn each one, and figuring out what each meant by a win was the design job.

The reframe

Not an upload button — the nerve to go public

Set the software aside for a second. The perfect version of Docs.com is that your work is just out there — looking exactly as you made it, found by the right people, and completely under your control. You never wonder if it broke on the way up, or who can see it, or whether it’s really yours.

The wall was never the upload. Uploading a file is easy. The hard part is the nerve it takes to put your work on the open web at all — the worry that it’ll look wrong, that the wrong people will see it, that it won’t feel like yours. So the real problem wasn’t “make uploading simpler.” It was to close the gap between that fearless ideal and how exposed publishing actually feels — and the only thing that closes it is trust. Full fidelity so it looks right. Visibility you control so you decide who sees it. A profile that feels like home so it’s unmistakably yours.

01 — The hard call

Control and confidence are what make people publish

This was the call I pushed hardest for. The pressure on a product like this is always toward reach — get more documents up, get more of them seen. But I kept coming back to a different instinct: people don’t publish what they can’t control. Trust, not traffic, is what makes someone put their real work on the open web.

So control was never a buried setting. Every author decided, in plain language at the moment of publishing, exactly who could see a document — just them, a group or organization, or the whole world — and exactly what others could do with it: view only, or copy, download, and reuse. That’s the difference between someone who tries it once and someone who comes back to publish again.

docs.com/publish
The Docs.com publish flow, where visibility is a plain-language choice
The publish flow — where who can see a document, and what they can do with it, is a plain-language choice at the moment of publishing.
I could have spent the design on reach. I spent it on control — because that’s the thing that makes someone hand over their real work.

This is the belief I hold most stubbornly, and it didn’t come from a book. Everything I know about trust and security in a product, I learned by watching what happens when they get treated as someone else’s job. On Docs.com I argued — hard — that control has to come before scale: that a product isn’t ready to grow until people can trust what happens to what they publish. That conviction is why control sits at the center of everything here.

02 — The tile

One image, one honest signal

Everything on Docs.com was a tile — a document reduced to one image, a title, and an author. It’s what made a wall of mixed Word docs, decks, notebooks, and PDFs read as one coherent library instead of a junk drawer. I designed the tile to do two jobs at once: give the author a piece of their own brand — a background image they chose — and give the viewer an instant, honest signal about what a document was before they clicked. Microsoft patented the design.

The Docs.com content tile system — document, title, and author in one coherent unit
The tile — the unit the whole site is built from. Author’s brand on one side, honest signal to the viewer on the other.

03 — The hub

Turning a visitor into a publisher

The hub was the front door — the page that had to turn someone who’d landed on Docs.com into someone who actually published a document. That first-time author step was the hardest number in the whole product to move, so we didn’t argue about the pitch in a conference room. We tested it.

The hub’s job was to turn a visitor into a publisher. We A/B-tested how it framed that pitch — and the right framing more than doubled author activation, from 1.96% to 4.73%.

Baseline1.96%
“Feature focus”4.17%
“Teacher-focused”3.70%
“Help the world”4.22%
“Author testimonial”4.52%
“Generic scenario”4.86%
Shipped4.73%

Eleven variants over three rounds; first-time author activation as the north-star metric.

One thing the chart doesn’t show: the single highest-converting variant was also the most generic — and shipping it would have meant stripping the character out of the page. So we shipped the one just behind it. A test tells you what converts; it doesn’t tell you what’s worth shipping.

04 — The profile

Where a file became “my place”

Publish twice and you earned a vanity URL — docs.com/yourname — and the profile behind it became a real home: a journal, your documents, collections you curated, an About page that read like a portfolio. This is where “I posted a file” turned into “this is my place on the web,” so we researched it with real people — lightweight MVPs in front of users, and visits to schools to watch teachers actually publish and share.

The team & the challenge

A real product on a design system in flux

Docs.com was a real Office product, but Office was still inventing its cross-product, web-based design language while I was designing it. The system was in constant flux — page styles and elements kept shifting underneath me — and it is very hard to design a real Office product without a real Office design system to build on. Keeping Docs coherent while the ground moved was the actual job.

The ground moved organizationally too. On Docs.com I moved out of Microsoft’s user-research organization and into the Office design organization in Redmond — the group behind the original Docs framework — under a new design manager. New reporting line, new manager, and a design system being invented in real time.

What kept it honest was evidence over opinion. I built multiple UX and UI flows from the previous team’s research, then A/B flight-tested competing designs and ran user interviews to lift acquisition, engagement, and usability — so what shipped was what the research backed.

Process

Argued out in the open

The work wasn’t settled in decks. The publish flow and the hub variants were mocked, put in front of users, and revised on what people actually did — not what we hoped they’d do. The upload flow below is the kind of thing we worked screen by screen, because the moment of publishing is the moment the whole product either earns trust or loses it.

The flow

From a file to a home in six steps

Boil the whole product down and it’s six steps. The fourth one, choosing who sees it, is the one that earns the trust.

  1. 01Pick a docWord, PPT, PDF, Sway
  2. 02PublishFrom your PC or OneDrive
  3. 03Make it yoursTile, title, tags
  4. 04Choose who sees itPublic, Limited, Org
  5. 05It’s liveFull fidelity, one link
  6. 06Found & collectedSearch, profile, collections

That’s the happy path — the six steps that took a file sitting on your laptop and turned it into a home on the web that people could find.

Shipped

A wall of work, coherent

Published documents landed as tiles on your profile and across the site — full Office fidelity, one link, findable by search. A mix of decks, reports, notebooks, and PDFs from thousands of authors read as one coherent library, because the tile did its job.

Published documents rendered as a coherent wall of tiles on Docs.com
Mixed document types, one coherent library — the tile carrying the whole system.

The loop closes

How people published wrote the next brief

All three journeys end the same way — somebody telling everyone they know. But that’s not the finish line. It’s the feedback that writes the next brief. Watching how people actually used Docs.com — teachers handing out notebooks, consultants building showrooms, graduates turning the profile into a personal home — came right back and shaped what we built next.

  1. 01People published and sharedLinks on résumés, in classrooms, in proposals
  2. 02We watched how they really used itNotebooks, portfolios, personal homes
  3. 03We built the next version on itRicher profiles, collections, analytics

The profile grew because people were using it as a home, not a folder. Collections grew because people were curating. Analytics grew because authors wanted proof they were being seen. Every step answered how the last one actually got used. The product kept writing its own next brief.

A free home on the web for your work — and a link that just opened.No hosting, no webmaster, no mangled formatting. Publish an Office document and it lived on the open web looking exactly as you made it.

Outcome

Microsoft’s real bet on the open web

Docs.com relaunched in 2015 as Microsoft’s real attempt to make the open web a first-class place for an Office document — full fidelity, free, and yours. It grew fast: 12% a month, and 70 million people in its first year. What I designed — the publish flow, the profile, the way people followed and shared, and the patented content tile — proved the idea that your work deserves a home on the web that looks exactly as you made it.

70M+

people reached in the first year

2.4×

first-time author activation, from testing the hub

Patented

content-tile design

Back to Product Design