PACIFIC PAPER CUPS
A website for a Los Angeles packaging manufacturer that makes custom printed paper cups, kraft takeout boxes, and paper bags.
TYPE
Business Website • E-commerce
FEATURES
Live logo customizer • Online ordering • Stripe checkout
BUILT WITH
HTML • CSS • JavaScript • Canvas • Netlify Functions • Stripe
LIVE SITE
OVERVIEW
Pacific Paper Cups supplies distributors, retailers, bakeries, and restaurant groups, including partners like Sysco, Core-Mark, and Amazon. I rebuilt the site from scratch so it would look professional enough to pitch to large corporate clients. The design uses a clean navy and kraft palette, bold product photography, and clear spec cards for each product line. Each product has its own page with sizes and case packs, and the site includes a quote request flow and a shopping cart for direct orders.
LIVE LOGO CUSTOMIZER
I coded a live preview tool so customers can see their brand on the product before they order. They upload a logo (PNG, JPG, or SVG), add optional text with a choice of fonts, sizes, and colors, and then drag each layer into place. The logo and text wrap around the real product photo using HTML canvas, so it actually looks printed on the cup, box, or bag. Customers can pick a size, download their mockup, or add the design straight to their cart. Everything runs in the browser, and the logo is only sent to the company once the customer checks out.
ORDERING & CHECKOUT
I built a full ordering flow so businesses can buy directly from the site instead of only requesting quotes.
- CartProducts are ordered by the case, and custom designs carry their logo file and mockup into the cart.
- DeliveryFree pickup, free delivery in LA County, or shipping anywhere in the U.S. with live UPS, FedEx, and USPS rates.
- PaymentSecure Stripe checkout that accepts cards, Apple Pay, and Amazon Pay.
- BackendNetlify serverless functions handle pricing, shipping, and sending order and artwork details to the team.
- ProofingCustom orders get a digital proof before production, and larger buyers can request net terms or an invoice.
HOMEPAGE
Scroll inside the window to see the full page.
IMAGERY