Agora Printing Website
Agora Print is a printing company specializing in a wide range of customizable products. We provide high-quality printing services for merchandise, paper materials, clothing, and other unique items. Our mission is to offer comprehensive printing solutions for businesses and individuals.
The main goals of this project are to Launch a functional and visually appealing e-commerce website and offer an easy-to-use platform for customers to browse, customize, and order products. Create a dashboard for efficient order management and delivery tracking.
We keep working on Agora Printing’s values of customization, quality, and convenience user journey.”
I'm excited to showcase the new project of the upcoming
E-commerce platform!
Agora website provides users with quick printing functions, clear item classification so that users can quickly find the products they want, as well as order confirmation and shipping tracking.
Overview
The challenge we faced in this project was to complete a fully structured E-commerce website within seven weeks, including a user-friendly Dashboard function design and a clear presentation of the entire payment system so that users can use the website for A smooth and intuitive user experience.
Problem
Users spend too much time trying to find the items they want to print.
How can we let users approach the product as soon as possible?
Users usually decide within 10–20 seconds whether to stay or leave a website.
How can we provide a clear and intuitive navigation bar?
Customers lack a way to track their orders and manage their printing needs conveniently.
How can we let users manage their Purchase History, delivery and File Uploads?
Solution
Add the “Quick Print” feature Make it clearer for the user to understand “what is the quick print” and the files they can upload.
Add a Prominent "Search Bar." Use UX method Card Sorting and Tree testing to find the best category for the user approach. Redesign the store page so users can easily find games by category.
Add “Dashboard” feature Helps customers save time, especially for recurring needs.
Tools
Figma
Photoshop
Framer
Role
Team leader
Combines UX and UI expertise to ensure both the experience and interface are cohesive, functional, and user-friendly.
Timeline
Overall: 7+ weeks
Design Process
Discover the problem
After receiving the client's requirements, I initiated a deep dive into user pain points, analyzing the challenges they face when navigating a printing website. My primary focus was to identify usability obstacles, prioritize user needs, and streamline the overall experience. Additionally, I needed to ensure that our design process aligned with the client’s expectations within the project timeline. This raised key questions: How can we optimize the user flow to reduce friction? How can we enhance efficiency while maintaining a seamless ordering process? And most importantly, how can we balance user needs with business objectives to deliver a solution that is both intuitive and scalable?
UX Research
Understanding the real users: I visited the real users who use printing services frequently to understand their experience and what were the pain points they faced, what kind of features they used the most, and what they thought needed to be added or improved.
Build User Persona: Based on the user interview, we built the User Persona to understand the user's background, pain points and needs. Discussion of what kind of features we could provide on this website to solve their problems.
Intuitive and clear Navbar: To reduce the bounce rate, I have to make the product category fit most people's mental models.
Card sorting and Tree testing: We had 8 testers attend the card sorting and tree testing test. In the end, we got the category of all of the products, and most people can find them.
Early user research shaped the Agora printing website by identifying pain points and prioritizing features. User personas guided design, while card sorting and tree testing optimized navigation for intuitive product discovery. Aligning categories with users’ mental models reduced friction and improved usability. These insights addressed key issues like unclear navigation and inefficient workflows, resulting in a seamless, user-friendly experience that enhances engagement and satisfaction.
Competitors Analysis
Analyzing Staples, LASERSHARP Print, and VistaPrint provided key insights into industry standards, user expectations, and market gaps. By evaluating their strengths, weaknesses, and UX patterns, we identified opportunities to enhance Agora’s design. This helped us refine navigation, product organization, and service offerings to create a more intuitive, user-friendly, and competitive printing website. Understanding competitors’ best practices and pain points ensured we designed a solution that addresses user frustrations while differentiating our platform.
About Staples
Staples Printing offers a wide range of customizable print products with same-day pickup for select items. It provides templates, bulk ordering, and professional finishing but can feel overwhelming due to its complex navigation. Ideal for businesses needing fast, reliable printing solutions.
Observations & Key Features
Key Features
Wide Range of Print
Products
Same-Day Pickup &
In-Store Printing
Customizable Templates
& Design Services
Cluttered &
Overwhelming UI
Layout
Staples Printing offers comprehensive features but lacks simplicity. The navigation and product pages could be more intuitive to enhance user experience.
Market Position
Staples Printing holds a strong market position as a trusted, fast, and accessible printing service, but faces challenges from more affordable and design-flexible online competitors.
UX Design
Staples Printing offers a functional but complex UX. While it provides robust features and product variety, the overloaded UI, dense text, and lengthy process may hinder usability.
About Company
VistaPrint is a well-established online printing service known for its extensive range of customizable products, user-friendly design tools, and competitive pricing.
Observations & Key Features
Key Features
User-Friendly
Design Tools
Affordable Pricing
Product Previews
Hidden Shipping Costs
Layout
VistaPrint has a clean layout, intuitive tools, and clear navigation, but hidden shipping costs, basic design features, and limited material details could be improved.
Market Position
VistaPrint dominates the affordable online printing market, making it ideal for small businesses and budget-conscious users, but lacks same-day service and premium design flexibility.
UX Design
VistaPrint offers a smooth, user-friendly UX with intuitive design tools and clear navigation, but hidden shipping fees, limited material details, and basic customization options could be improved.
User Persona
Design System
A UI design system is a comprehensive collection of reusable components, guidelines, and standards that ensure consistency, efficiency, and a cohesive visual language across a digital product's user interface.
Wireframe
Wireframing is a crucial step in UX design that helps visualize a website’s structure and functionality before development. We conducted 8 usability tests to understand the site’s navigation, structure, and interactions.
Usability Testing by User Interview
After creating the wireframe, we conducted user interviews to ensure clarity and usability. Our focus was to verify whether users could easily navigate the Navbar categories, understand the "Quick Print" feature, and find the contact options for Agora’s "Design Service."
Agora Printing usibility interviews report
Jan 2025
8 interviews were conducted:
User Feedback from Wireframe
Quick Print
Clarify "Quick Print" so users easily understand its purpose and the types of files they can upload.
Shopping Cart
Make the pricing, payment methods, and delivery process more intuitive so users can easily understand them at a glance.
Navigate satisfaction
87%
Most people feel easy to navigate
Intuitive
70%
Design itself is intuitive, We needed to change some text
User-friendly
57%
There are several way to achieve task, we needed to think all possibilities
Next Steps:
Finalize testing, prepare for launch, finish debugging, and do more quality assurance testing.
Monitor analytics post-launch for user insights, do the final website user interview and gain more user data from the Analytics System.
Design for our Client
"I keep working on Agora Printing’s values of customization, quality, and convenience user journey."
"It is visually appealing, functional, and ready for launch.”
Thank you for your time and trust.
