Dropbox web ecosystem
2023 – Present

Reimagining Dropbox web for 48M annual users

I've elevated craft and brand cohesion across Dropbox's web ecosystem, creating scalable foundations that drive growth. Along the way, I've shepherded 48 million annual users through their purchase journey: launching a high-impact events microsite that surpassed registration and MQL goals, building a resource hub that increased acquisitions, and improving our design system to deliver efficiencies and cost savings.

Overview Product Systems Visual
Impact
+35%Over qualified-lead goal, Events microsite
$299KRevenue-generating content moved, Resources Hub
$300KEstimated annual savings, Web Guidelines
01 · Events
Shipped ↗

Launched Events to strengthen market position and increase MQLs

Led design of Dropbox's first events microsite, surpassing goals with 1,800+ registrations and 95+ qualified leads.

Dropbox events microsite
Role
Interactive designer
Scope
Design systems, Documentation, Research, Strategy, UiUx, Visual design
Team
Developers, Events specialists, Producer, Product marketing, SEO
Customers were unaware of Dropbox's robust global events offering

Each year, Dropbox hosts or attends dozens of global events, but customers and prospects weren't aware. Research showed that they prefer to learn about new concepts or products through events and on-demand content. This signaled a major untapped opportunity to close the knowledge gap.

Users needed a digital avenue to learn about events

Users needed a centralized platform to explore and register for events and on-demand content.

Generate leads, engagement and strengthen B2B perception
01Generate new qualified leads (MQLs) for sales to increase customer acquisition
02Increase engagement (form submissions) with events and on-demand content
03Increase the number of logged-out visits (traffic) by improving discoverability
04Enhance B2B perception and strengthen market positioning
Launch a new web experience to educate prospects and customers

I launched a responsive, interactive Events Hub microsite, accessible via Dropbox.com, and designed all net new components. Touchpoints included a homepage, search results page, collections landing page, event and on-demand child pages (+9 page template variants) and registration flow.

Search results page
Search results page
On-demand and in-person event template examples
On-demand and in-person event template examples
Impact: Surpassing success metrics and acquiring new leads

Since MVP launch coincided with a company-wide conference, we hosted event registration on the microsite. This way, we were able to gather quick performance signal. The page ended up surpassing registration goals by 20% and MQL (marketing qualified lead) goals by 35%! Besides increasing customer acquisition, this marked a crucial first step in enhancing Dropbox's B2B perception and strengthening market positioning.

02 · Resources hub
Shipped ↗

Built a new Resources Hub to drive user acquisition

Launched new Dropbox Resources Hub and moved $299K revenue-generating content to support user acquisition.

Dropbox Resources Hub
Role
Interactive designer
Scope
Documentation, Interaction design, Research, Strategy, UiUx, Visual design, Web design
Team
Content strategy, Developer, Producer, Product manager, Product marketing, SEO
The previous Resources Center was underperforming

Previously, Dropbox was hosting 100+ resources (ebooks, product demos, articles) on an outdated microsite. However, it was difficult to drive traffic here and therefore difficult for users to discover. Additionally, design was outdated and underperforming. Thus we identified an opportunity to drive organic leads, and increase customer acquisition.

Guide users early in the purchase journey

Primarily, users are prospects who are early in the purchase journey and evaluating product fit. Therefore, their goals are:

01Easily find and access educational content
02Learn about product features, benefits, and use cases
03Make a purchase decision
Drive traffic, leads and strengthen credibility
01Generate organic leads for the business
02Increase organic traffic and user sessions
03Increase B2B credibility and strengthen market positioning
Design goals to inform solution
01Seamlessly integrate into existing IA on Dropbox.com, plus logical flows on Resources Hub
02Drive content discoverability and findability
03Design scalable solutions to accommodate different resource types
04Elevate visual design
Launch a new web experience 0–1

I launched a new Dropbox Resources Hub on our primary domain, Dropbox.com, which consisted of landing page, subcategory search experience, as well as templates for resource types (3 use cases + 8 variants), and a resource download experience. Additionally, I explored phase 2 ideas to inspire cross-functional partners.

Article template
Article template
Gated asset (eBook) template
Gated asset (eBook) template
Impact: Moving the needle on engagement

Traffic and page sessions and visits increased, and there's been a lift in user acquisition and revenue. The team continues to monitor downstream impact as we look for ways to grow acquisition.

03 · Web guidelines
Shipped

Nurtured Dropbox Web Guidelines to increase efficiency, cost savings, and improve web experience

Audited web design system to reduce tech debt, accelerate workflows, and save an estimated $300k annually.

Dropbox Web Guidelines
Role
Interactive designer
Scope
Design systems, Documentation, Interaction design, Product design, Research, UiUx
Team
Design systems, Engineers
Design and technical debt was bottlenecking us and impacting our website experience

Our design system, used across hundreds of revenue-driving, logged-out surfaces on Dropbox.com, was not accurately reflecting what was in production nor inclusive of all desired functional and visual needs. This slowed design and development, wasting valuable resources, and led to a suboptimal logged-out web experience.

Understanding internal and external user goals
Internal users
Dropbox designers and engineers need a clearer, more accurate, and more inclusive design system.
Web visitors
Enjoy a cohesive, clear and visually compelling web experience.
Designing for accuracy, scalability and comprehension
Accuracy
Reflect what's actually in the codebase.
Scalability
Address missing use cases and brand inconsistencies.
Comprehension
Make guidelines clear and digestible.
Modular pattern example
Example of a modular pattern I designed for DWG
Impact: accelerated workflows, cost savings, and improved experience

Internally, this work accelerates design workflows, and decreases design and technical debt. Ultimately, this system is the foundation of our web experience. The ultimate goal is that prospects and customers enjoy a more functional and visually appealing product!

Two new revenue surfaces on Dropbox.com, and a design system that serves the whole site

If you're working on web at this scale, let's chat.

Get in touch ↗
Samantha Samuels Resume ↗ LinkedIn ↗ Email ↗