Checkout Flow That Generated $197,250 in 60 Days
Designed a checkout flow that let students place orders independently
Toggle for a quick summary or the full breakdown
Case study
Checkout Flow
A Fresh Prints checkout that lets students design custom merch and place group orders without waiting on a campus manager
Role
UX Designer II
Platform
Website
Timeline
4 week, July 2025
Tools
Figma
Overview
Fresh Prints is a custom apparel company that specializes in creating personalized clothing and merchandise for various groups, organizations, and events. They often work with college students as campus managers to help design and sell custom apparel like t-shirts, hoodies, and other items for clubs, fraternities, sororities, sports teams, and more. The company is known for its high-quality products and excellent customer service.
The 4-Step Flow That Was Losing Everyone
We have an existing flow for the user to create a mockup. The journey has 4 steps, let me get you through the flow step by step:
Why 95% of Users Abandoned this flow
The existing process to create a mockup was outdated. Data said that handful of users were using it as it was confusing and not intuitive which resulted in a drop-off rate of 95%. Users relied heavily on campus managers, who served as intermediaries between the customers and Fresh Prints' operational team. This manual workflow created several inefficiencies:
Time Delays
Students had to wait for campus managers to collect order details, approve designs, and process payments.
Lack of transparency
Customers had limited visibility into the status of their orders and design approvals.
Missed opportunities
Some students preferred to handle their orders directly from sratch but had no way to do so.
The Cart Page That Changed How Students Order
These are the designs which we came up through after all the research, iterations and usability testings,
Check Out Screen
Add color and Product options
These are the designs which we came up through after all the research, iterations and usability testings, Below is the flow of adding a color option.
The color is into two parts, one is the logo/design color(art) which is on the left and the other is the product color which is on the right.
The user changes the product color and now you can see that the color of the art is not that much visible on the product.
The user selects the logo and changes the color of the design.
Success state of the color options.
The user is now adding new product
The user will again go through the same process of editing art/product color.
The user will again go through the same process of editing art/product color.
Checkout Page - One Page, Zero Confusion
The user will again go through the same process of editing art/product color.
Our platform is a bit different from the e-commerce out there. Normally after selecting size user adds quantity on the cart page and then he proceeds, but here the user will select sizes on the checkout page.
Why size selection on the checkout not on the cart?
It was seen in the usability testing that the user was trying to figure out the quantity and price behaviour.
Because of that the user was either taking time or was dropping off from moving to the checkout page.
So to prevent that we decided to just include total quantities on the cart page.
Shipping and payment method section
The Numbers That Made It Worth Building
As Designer, my goal was to design a frictionless and intuitive self-checkout system that would
1- Organisational Growth Achievement
The platform experienced dramatic expansion in student organization adoption, growing from 150 organizations to 341 active student organizations, representing an increase of 191 organizations (127% growth) within the 8-week implementation period (July-Aug 2025).
2- Users Metrics
Our self-checkout system achieved exceptional user engagement with 92% of registered student organizations actively utilizing both the live design tool and automated checkout features.
3- Revenue
The checkout feature processed 500 orders across 189 of the 341 active student organizations, generating $197,250 in total revenue with an average order value of $394.50, where 112 organizations (32.8%) completed repeat orders within 60 days, demonstrating strong platform adoption and customer retention.
Oops, looks like you're on tablet. Sorry for the inconvenience. This portfolio is designed for desktop for now.
Oops, looks like you're on mobile. Sorry for the inconvenience. This portfolio is designed for desktop for now.
