Adobe

During 2020 and the onset of the COVID Pandemic Adobe Systems released the Acrobat All Tools page. It was seamlessly changing the way to send documents. Along with the release was a clean-up and redesign of the website. My focus was on Acrobat (DC).

Year
2020
Client
Adobe
role
Sr. UX Designer on a team of a Design Lead and other partners across cross-functional teams.
Tools Used
Adobe XD,

An Overview

‍How might we Update Adobe.com so users can navigate and purchase their Acrobat products with ease?  

Audience

Adobe.com users, individuals, small-medium businesses, enterprises, students/teachers, government, and health/science providers who use and send documents.

Deliverables

Sitemap, page types, SSOT, final layouts, and templates.

Adobe Acrobat is a family of application software and Web services developed by Adobe Systems to view, create, manipulate, print, and manage files in Portable Document Format (PDF).

There is data on 38,491 companies that use Adobe Acrobat Pro. The companies using Adobe Acrobat Pro are most often found in the United States and the Information Technology and Services industry. Adobe Acrobat Pro is most often used by companies with 50-200 employees and 1M-10M dollars in revenue. Our data for Adobe Acrobat Pro usage goes back as far as 7 years.*

*https://enlyft.com/tech/products/adobe-acrobat-pro

Top Countries that Use Acrobat Pro

This is based on company size (Employees).
Distribution of companies that use Adobe Acrobat Pro based on company size (Revenue).

Research

Problem
Adobe’s website had a confusing customer journey due to a poorly integrated sitemap and older pages with outdated consumer campaigns.

Hypothesis
The I.A. structure can be organized by aligning the pages and distilling the page types across Document Cloud and Creative Cloud. Then, visually rebrand the UI for a fresher look and feel.

The Challenge

How Might We:
  • Update Adobe.com so users can navigate and purchase Acrobat products with ease?
  • Match page categories with Creative Cloud.
  • Clean up the current site with an outdated look and dead-end pathways.
  • Rebrand for an updated look.

My design thinking method is based on the Double Diamond.

Adobe

Design Process

Collaborate Information Architecture
The DC site map was massive, so above here is a cropped image with a legend. I focused on creating detailed blueprint-like templates, shown in blue below, to organize Acrobat's pages.

The Solution


• Collaborate designers met on DC (Document Cloud or Acrobat) and CC (Creative Cloud) to card sort and catalog pages to create a current I.A. map.
• Sweep the current site for old and new pages by taking screenshots and using a new sitemap.
• Refresh the site page by page, and update campaigns to market and sell seats to try or buy Acrobat.

Sweep

Again, there were several pages, so here are the main pages distilled to five types. These five page type examples show how a customer would view them with red banners and components. This was before the redesign

Blueprints

Those five page types were used to create blueprint components for a design library in XD. This image is an example; what was actually created was complex and useful for the visual designers to use. As I was collecting the pages and organizing the patterns, another designer was leading 'Project Consonant' to redline the components and create standard patterns with typography, spacing, and sizing.

Final Look: A Refreshed Acrobat Web Design

for an updated, consistent look and feel. The impact resulted in ease of use and efficiency for the internal design team.

Check-out Flow

I also experimented with the checkout flow for Acrobat. It has changed since I worked at Adobe, but here is an old example of a tablet.

Impact

Here’s a concise summary of Adobe's revenue growth starting from 2020:

  • 2020: $12.87 billion
  • 2021: $15.79 billion
  • 2022: $17.61 billion
  • 2023: $19.26 billion

Adobe has seen consistent revenue growth since 2020, fueled by strong performance in its cloud services and the increasing demand for digital solutions. I was apart of a team that made digital PDFs easier to use.

source: https://photutorial.com/adobe-statistics/

Adobe