PaperLift Website

I redesigned the website for their nonprofit document editing service using Webflow.

Project Type
Web Design

Tools
Webflow, Adobe XD, Notion

Client
PaperLift

Timeline
2023

Key Story

PaperLift provides high-quality document editing services and shares its profits with non-profit organizations that support and empower people in need.

Project Stages

I organized the design process into stages of development and tracked project progress on Notion.

Wireframes & Interface Design

Build Website - Webflow

Market Research & Site Content

User Testing & Research

User Testing & Research Conclusions

    • Do people know what the site is for as soon as they enter it?

    • For a service like this, what would you be most curious to know and discover through their site?

    • What features do you find most valuable and why?

    • Can you give me a few examples of real situations when you would use this service?

    • What do you think about this design?

    • Find pricing for service.

    • Go through payment process.

    • Find out what makes this service different from other similar ones.

    • What information do you need but can’t find?

    • What prevents you from completing a task?

    • If you could change one thing in this website, what would it be and why? The

    • Review use of colour, typography, and visual imagery, and what it communicates to the user.

    • Hierarchy needs to be made clearer to emphasize some things more than others.

    • Make a standardized payment process that feels safe and is easy to use.

    • Use images that make it clear that this is a document editing service.

    • Multiple Pages

    • Clear, Concise, and Readable Text

    • Prioritize Pricing and Payment

    • Emphasize Humanitarian Mission & Efforts - What makes us different!

    • Introduce Editors and their Qualifications

    • Safety, Security, and Privacy Guarantees and Assurance

    • Make the edited sample easier to find.

    • Quotation marks around the testimonials (with images and/or information on university they belong to) - Especially the 700x client!

    • Make the tagline stand out. Focus on the hierarchy of the headers and titles.

    • Add a footer

    • Breadcrumbs

    • Currency information

    • Number of clients so far

Revised Site Map & Content 

Based on user feedback on the original site, I decided on a revised site structure and number of pages necessary. I focused on information and site hierarchy and clarified the primary CTA to make it prominent. I created guidelines and content checklists to revise site content based on user research and testing with a renewed focus on the organization’s story and the clients’ journey using the service.

Wireframes

  • Home

  • About

  • Pricing

  • Submit

  • Process

Final Design

I built the final site using Webflow. I used my wireframes as a starting point and incorporated adjustments based on client and user feedback. I designed a logo and came up with a visual theme for the company as they didn’t have prior branding unique to them. I designed icons as well to make the pages more engaging, clear, and helpful.

Next

More Than Talk Textbook