Paper Source: a Case Study of Effective Ux/ui Principles for Online Shopping

Samy Vahdat | Barno Studio
9 min readAug 2, 2023

Online shopping has become a ubiquitous and convenient way of purchasing goods and services. However, not all websites are created equal when it comes to user experience (UX) and user interface (UI) design. UX refers to how a user feels when interacting with a website, while UI refers to how the website looks and functions. Both UX and UI are crucial for creating a positive and engaging online shopping experience that meets the needs and expectations of the customers.

In this article, we will examine Paper Source, a company that sells paper products, stationery, gifts, and more, as a case study of effective UX/UI principles for online shopping. We will analyze how Paper Source’s website design enhances (or decreases ) the customer experience, attracts and retains customers, and increases sales and conversions. We will also provide some suggestions for improvement based on best practices and user feedback.

Paper Source is a company that sells paper products, stationery, gifts, and more, both online and in physical stores. According to its website, Paper Source was founded in 1983 by Susan Lindstrom, who was inspired by the beautiful papers she saw in Japan. The first Paper Source store opened in Chicago, showcasing handcrafted papers from around the world. Today, Paper Source has over 130 stores across the U.S., offering a variety of products such as custom invitations and announcements, greeting cards, gift wrap, paper craft kits, party supplies, and personalized stationery and stamps. Paper Source also has a blog where it shares creative ideas, tips, and tutorials for paper lovers. Paper Source’s mission is to inspire people to “do something creative every day”.

This article aims to explore how the design of Paper Source’s website influences the online shopping experience of its customers. Paper Source is a company that sells paper products, stationery, gifts, and more. We will use it as an example of how to apply UX/UI principles to create a successful e-commerce website. We will also provide some insights, comparisons, and recommendations based on user feedback and best practices. We will focus on these five aspects of Paper Source’s website design: navigation, content, layout and functionality. We will not discuss other aspects such as security, accessibility, or SEO. We will also not use any data or metrics from any analytics tool.

Navigation: How to Find What You Want on Paper Source’s Website.

Navigation is one of the most important aspects of website design, as it allows users to find and access the information and products they are looking for. Paper Source’s website uses several features to facilitate navigation, such as menus, filters, search bars, breadcrumbs, and more. papersource has a clear and consistent menu bar at the top of every page, which shows the main categories of products, such as stationery, gifts, custom printing, sale, etc. The menu bar also has a search icon that opens a search bar where users can type in keywords or phrases to find what they want.

The menu bar also has a shopping cart icon that shows the number of items and the total price of the user’s order. also website has a sidebar menu on the left side of some pages, such as the stationery and gifts pages, which shows the subcategories and filters for each main category. The sidebar menu allows users to narrow down their choices by selecting different options, such as color, price, occasion, theme. website also uses breadcrumbs at the top of some pages, such as the product detail pages, which show the user’s current location and the path they took to get there. The breadcrumbs help users to navigate back to previous pages or categories easily. papersource uses pagination at the bottom of some pages, such as the product listing pages, which show the number of pages and products available for each category or subcategory. The pagination helps users to browse through different products without scrolling endlessly.

Although Paper Source’s website has many features that enhance navigation, it also has some drawbacks that can frustrate or confuse users. One of the main issues is that website does not have a clear and visible logo or home button on every page. The only way to go back to the home page is to click on the small “Paper Source” text at the top left corner of the page, which is not very noticeable or intuitive. Another issue is that papersource does not have a consistent and responsive design for different devices and screen sizes.

papersource looks cluttered and cramped on smaller screens, such as mobile phones or tablets, and some features, such as the sidebar menu or the pagination, are not available or functional on these devices. This can make it difficult for users to navigate and find what they want on smaller screens. A third issue is that website does not have a clear and helpful error message or feedback system when users encounter problems or issues with navigation. For example, when users type in an invalid or empty search query, website does not show any error message or suggestion, but simply displays an empty page with no products or information. This can make users feel lost or frustrated with their search results.

Content: The Relevance, Information, and Engagement of Website Content.

Content is another essential aspect of website design, as it provides the information and entertainment that users are looking for. Paper Source’s website uses various types of content, such as text, images, videos, etc., to showcase the products and convey the brand identity. papersource has a clear and concise text content that describes the products and their features, benefits, and prices. The text content also reflects the tone and voice of the brand, which is creative, fun, and friendly.

This website also has a rich and colorful image content that displays the products and their designs, patterns, and colors. The image content also shows how the products can be used for different occasions, themes, and purposes. papersource has a video content that demonstrates how to use some of the products, such as paper craft kits, custom stamps, etc. The video content also provides some tips and tutorials for paper lovers. The website also has a blog where it shares more creative ideas, stories, and inspirations for paper lovers. The blog also allows users to comment and interact with the brand and other users.

However, Paper Source’s website also has some room for improvement when it comes to content. One of the main issues is that papersource does not have a consistent and clear content hierarchy and structure. website does not use headings, subheadings, bullet points, or other formatting elements to organize and highlight the content. This can make it hard for users to scan and read the content easily. Another issue is that website does not have a clear and visible contact information or customer service section on every page.

The only way to find the contact information or customer service options is to scroll down to the bottom of the page and click on the small “Customer Service” link, which is not very noticeable or convenient. This can make it difficult for users to reach out to the brand or get help when they need it. A third issue is that website does not have a clear and consistent social media integration or sharing option on every page. The only way to find the social media links or sharing buttons is to scroll down to the bottom of the page and look for the small icons, which are not very prominent or intuitive. This can make it hard for users to follow or share the brand or its products on social media platforms.

Layout: The Beauty and Balance of Paper Source’s Website Layout.

Layout is another important aspect of website design, as it affects the visual appeal and order of website. Paper Source’s website uses a simple and elegant layout that creates a visual hierarchy and balance. papersource uses a white background and a minimalistic design that makes the content stand out and easy to read. Papersource also uses a bright and colorful palette that matches the products and the brand identity. website uses different colors to highlight different sections, such as the menu bar, the sidebar menu, the product categories.

website also uses a consistent and legible font that complements the tone and voice of the brand. The website also uses white space and alignment to create a sense of harmony and spaciousness. papersource uses grids and columns to organize and display the content in a structured and symmetrical way. website also uses images and graphics to add some visual interest and variety to the layout. website also uses responsive design to adapt to different devices and screen sizes.

Functionality: How Website Ensures a Fast and Reliable Performance.

website performance is a key factor in website design, as it influences the user interaction and satisfaction. Paper Source’s website has a high functionality that provides a smooth and enjoyable user experience. Papersource loads quickly and runs smoothly without any glitches or delays. Papersource also communicates clearly and helpfully with the users about any errors or issues with the website or their orders. For instance, when users put an item in their shopping cart, website displays a pop-up message that acknowledges their action and lets them choose to keep shopping or check out. Papersource shows a progress bar that tracks the status of their order processing and delivery.

This website also safeguards the users’ personal and payment information with a security and privacy policy. website offers a customer service section that gives users various ways to contact the brand or get help, such as phone, email, chat, or FAQ. website has a newsletter subscription option that enables users to sign up for updates and offers from the brand. Papersource performance is a key factor in website design, as it influences the user interaction and satisfaction.

However, Paper Source’s website also has some bad features that can frustrate or confuse users. Here are some tips on how to improve the bad UX/UI of Paper Source’s website::

  • Tip 1: Add a clear and visible logo or home button on every page. This will make it easier for users to go back to the home page and navigate the website.
  • Tip 2: Use a consistent and responsive design for different devices and screen sizes. This will make the website look and function well on smaller screens, such as mobile phones or tablets, and provide users with the same features and options as on larger screens.
  • Tip 3: Use a feedback system that allows users to rate and review the products and the website. This will provide the brand with valuable insights and suggestions for improvement, and also provide users with social proof and credibility.
  • Tip 4: Add a clear and visible contact information or customer service section on every page. This will make it easier for users to reach out to the brand or get help when they need it, and increase their trust and loyalty.
  • Tip 5: Add a clear and consistent social media integration or sharing option on product page. This will make it easier for users to follow or share the brand or its products on social media platforms, and increase their engagement and awareness.
  • Tip 6: Optimize the website loading time and performance. This will reduce the chances of the website crashing or freezing, and improve the user satisfaction and retention.

— Conclusion

In sum, Paper Source’s remarkable success story underscores the importance of implementing effective UX/UI principles in online shopping. The company’s ability to understand their customers’ needs and translate these into an intuitive, engaging, and user-friendly interface has been a driving force behind their growth and customer satisfaction. It has highlighted the indispensability of a seamless shopping experience and the significance of designing with the user in mind.

Understanding UX/UI principles is not just crucial for business owners, designers, and developers; it’s equally essential for users too. It’s a pivotal aspect that determines the ease of use, satisfaction, and overall experience of a digital product or service.

UX Review Importance

As readers of this article, you should care about UX review for several reasons. First, a well-executed UX review can uncover potential problem areas in a website or an app that could affect your user experience. Second, by understanding the principles of UX design, you can make more informed decisions as a consumer. You can choose to engage with platforms that prioritize user satisfaction and offer a seamless, enjoyable digital experience. Lastly, for those interested in the fields of digital marketing, design, or e-commerce, understanding UX review is integral to your knowledge base. It can help you anticipate trends, make effective strategies, and ultimately create products or services that meet the audience’s needs.

--

--

Samy Vahdat | Barno Studio

𝐏𝐫𝐨𝐝𝐮𝐜𝐭 𝐃𝐞𝐬𝐢𝐠𝐧𝐞𝐫 & 𝐔𝐱 𝐌𝐞𝐧𝐭𝐨𝐫