Inkspire is a fine-art print studio delivering museum-quality printing to visual artists. The goal was to build a clean, intuitive digital storefront backed by a heavy-duty operational engine that automates asset management and production math.
The front-end layout needed to be pristine and intuitive, while the back-end had to solve three critical business bottlenecks:
Massive Art Files: Heavy fine-art assets instantly crash standard web forms. The site required a bulletproof, external file-processing pipeline.
Frictionless CMS Syncing: The client needed a way to update complex pricing and paper inventory instantly without ever opening the Webflow backend.
Complex Production Math: Quoting custom orders required manual calculations for paper nesting, bleed margins, raw ink consumption, and custom margins—a slow process prone to pricing errors.
UI Design & Webflow Architecture
The design translates the studio's branding into a clean, high-contrast digital storefront designed to echo the precision of fine art printing. The layout leverages dynamic Finsweet filtering to handle complex pricing and paper catalogs.
Automated CMS Management
Managing complex print pricing and inventory inside the Webflow Designer is slow and risky for clients. The studio owner needed a foolproof way to update live database records.
I built an automated sync pipeline that lets the client update live Webflow CMS data directly from Google Sheets.
1. Google Sheets
Serves as a dashboard for the client to manage all content and fire the workflow with a single button press.
2. Make
Runs the background automation to parse the updated project information and push it to the website CMS.
3. Webflow CMS
Receives the processed data to instantly update the live website's content.
Internal Production Calculator
Manual estimation for fine-art printing is slow and error-prone. The studio needed an instant, infallible way to compute paper nesting, material costs, and retail pricing.
I developed a custom JavaScript calculator that optimizes print production and automates pricing in seconds.
Smart Nesting Engine: Runs a custom algorithm that analyzes image dimensions to calculate the most efficient layout across individual sheets or continuous paper rolls.
Comprehensive Cost Breakdown: Factors in paper bleed, ink usage, shipping, and local taxes, automatically applying a dynamic markup multiplier to output exact cost and retail prices.
Operational Efficiency: Replaces complex manual math with a single input interface, cutting quoting time by over 90%.
This Calculator is just an example and returns Random Numbers
Calculator
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Results
Sheets:
Best layout:
-
Sheets Paper Cost price:
-
Ink Cost:
-
Total cost price:
-
(Includes Paper, Taxes, Shipping and Ink)
Total customer price:
-
(Markup multiplier applied)
Roll:
Best layout:
-
Roll Paper Cost price:
-
Ink Cost:
-
Total cost price:
-
(Includes Paper, Taxes, Shipping and Ink)
Total customer price:
-
(Markup multiplier applied)
Seamless Asset Management
Fine-art printing requires massive source files. Standard browser forms completely crash under this payload weight, making native Webflow forms unusable for intake.
I engineered a custom background pipeline to handle heavy file uploads directly within Webflow.
1. Webflow Form
Captures client information and order specifications.
2. TransloadIT
Embeds directly in the form to safely intake and chunk massive files.
3. Dropbox
Routes processed assets directly into the client's Dropbox.
4. EmailJS
Fires an automated 'Order Received' confirmation to the client.
