top of page

WePDF

Rebranding and designing an e-commerce site for Sanjow's WePDF product.

temporary wepdfockup.png

Project Overview

Client Background

My task was to improve the user interface design and usability of Sanjow's e-commerce desktop site and targeted pages for their PDF editor tool.  I was also given creative license to rebrand the product. This project was capped at 10 days.

To skip to my prototype, follow this link.

Transform the client's e-commerce site to appear trustworthy, innovative, and distinct from competitors.

Market Research

Feature & Brand Identity Analysis

Reviewing websites of competitors like Adobe Acrobat, PDF Smart, Best PDF, PDF Simpli, PDF Boost, PDF Expert, as well as those of other productivity tools like Asana, helped me make decisions about which features to highlight and how I could make my client's site stand out from other PDF editor sites.

Highlight AI chat feature, OCR (Optical Character Recognition) reader, and military grade encryption.

Differentiate from direct competitors through a brand identity akin to those of reputable online software tools. 

Align with what users expect to see with respect to site layout, main navigation, and where to find information.

Heuristic Analysis

I started my process with a quick evaluation of my client's site against Nielsen Norman Group's 10 Usability Heuristics for User Interface design.

A few key issues:

  • User chose price at top of the screen, but there was no pricing information on page

  • Feature tiles looked like buttons and all dragged the user back to the same upload box at the top of the screen when clicked

  • Drag and drop box occupied the majority of space upon entering the site

  • Contact information did not take user to a mailto inbox as they may expect 

simplified.png

User Research

My client reported that their client base is around 90% European university students.  I found 6 college and college-age students based in Lisbon to interview on how they choose online tools they use for school and to walk through the current site with.

Of the 6 interviewees I spoke with:

User Persona

dollar-gill-3AoU1fG2PaY-unsplash.jpg
I’d go with the first editing tool that meets my price range and has the features I need.
Alfonzo Ricci  |  The Price-Savvy Student

Alfonzo is a 20-year old undergraduate chemistry major at an Italian University taking a literature elective.  He cares about doing well in his undergraduate degree, having free time to enjoy life, and staying within his budget.

Alfonzo was asked to annotate a chapter of a PDF for a class discussion. He searches online for tools to quickly extract the chapter he was assigned, skimming websites for critical information until he finds one that seems trustworthy and feels like a good fit.

*Photo by Dollar Gill on Unsplash.

User Journey Map

My user journey map highlighted opportunities to improve the website's navigation bar and give the user more pricing information.
WEPDF User Journey 4x.png

Pinpointing the Problem

I distilled my research down into a problem statement, and then reframed it as an actionable question to kick off my ideation process.

We-PDF is perceived as unreliable because users are confused by the site’s information architecture, functionality, and contents and cannot immediately discern whether the product is the right fit for them.

How might we instill confidence in potential customers that We-PDF can meet their needs?

User Stories

Writing user stories ensured that each of my design decisions could be tied back directly to user needs.

Style Tile

For the style tile, I drew inspiration from the product's features - like highlighter tools and buttons, and minimalist yet fun productivity-focused products like Asana.  I updated the logo to present the brand as trustworthy and bold.