A focused custom sticker platform built on WordPress and WooCommerce. Fast, clean, creator-friendly. This document covers everything you need to understand the project before we talk.
The fastest way to turn artwork into professional custom stickers — upload, configure, done. Not a print shop. Not a design studio. A sticker platform.
Customers upload artwork, configure their sticker (finish, size, quantity), get an instant price, and check out. Printing and shipping is handled by a trade printer on the back end. We are the brand, the storefront, and the experience.
Independent creators, small businesses, product brands, and event organizers who need professional stickers quickly. Competing against Sticker Mule, StickerApp, VistaPrint, and StickerYou — our lane is simple + professional.
The domain reflects the platform's core feature — an integrated product configurator and online designer powered by Sticker Builder (Antigro Designer). Customers configure specs, preview their design, and get instant pricing without leaving the page.
All printing and shipping is handled through a Canadian trade printer. StickerPro.ai is the brand, the storefront, and the ordering experience. At launch, order processing is manual. Automated fulfillment integration is Phase 2.
The configurator is the hero feature of the site. Every design decision should make this flow feel fast, obvious, and satisfying. It is also the primary reason for the .ai domain.
PNG, SVG, PDF, AI, EPS. Inline resolution guidance. No account required to start.
Platform reads artwork and suggests die-cut shape. Customer accepts or adjusts. This is the AI moment.
White Vinyl, Clear Vinyl, Holographic, Matte, Gloss, Eco-Safe. Visual swatches with one-line descriptions.
Slider or preset sizes. Live size preview relative to a reference object.
Quantity tiers with per-unit price. No minimum on core products. MOQs clearly flagged where applicable.
Total price updates in real time. One click to add to cart. Shipping estimate shown before checkout.
Items marked with a teal row are forward-compatibility requirements for V2. They cost very little extra effort in V1 but are essential for the app-style UI planned post-launch. See Section 09 for full context.
| Component | Requirement | Notes |
|---|---|---|
| CMS | WordPress (latest stable) | Hosted on existing GoDaddy account. Domain: stickerpro.ai. SSL active. |
| E-Commerce | WooCommerce (latest stable) | Variable products, global attributes, 1 category (Stickers), 10 products at launch |
| Theme | Salient | Client owns license. Brand guide provided for implementation. |
| Fonts | Google Fonts | Montserrat (display, 700/800/900) + DM Sans (body, 400/500/600) |
| SEO | Yoast SEO | Install, configure, generate sitemap. Meta values provided per page. |
| Payments | WooCommerce Payments or Stripe | Sandbox/test mode configured and tested at launch. |
| Languages | EN/FR bilingual | Coming soon page is already bilingual. Full site bilingual support required. |
| Colours | Brand palette only | Ink Black #1C1C1C · Press Teal #00BCC8 · White · Grey |
| CSS Architecture ↗ | CSS custom properties for all brand tokens | Define colours, fonts, and spacing as CSS variables (--color-teal, --font-display, etc.) from day one. Required for V2 theming and dark mode. See Section 09. |
| Product Card Markup ↗ | data- attributes on all product cards |
Each product card must include data-product-id, data-category, data-price, and data-description. Enables V2 JavaScript panel behaviour without additional server requests. See Section 09. |
| Shop Page Template ↗ | Custom page template (not default WooCommerce shop) | Build the shop page on a clean custom template with well-structured markup. Avoids being locked into WooCommerce's default output when V2 JavaScript enhancements are layered in. See Section 09. |
| Antigro Entry Point ↗ | Single clean hook for Antigro/Sticker Builder | Antigro integration should be isolated to one clear entry point in the product template — not scattered. Makes it replaceable or wrappable in V2 without a site-wide refactor. See Section 09. |
The following defines the full page scope for Phase 1. Every page below needs to be built and styled. Pages listed under Phase 2 should be accounted for in navigation and URL structure now — placeholder slugs reserved, nav slots left clean — so they can be added without restructuring the site later.
| Page | URL | Notes |
|---|---|---|
| Home | / |
Hero section with 6-step configurator concept, product highlights, single CTA to shop. Primary brand impression page. |
| Shop — Stickers | /stickers/ |
Main product category grid. The only active category at launch. Clean product card layout, filter-ready for when SKU count grows. |
| Single Product | /stickers/[product-slug]/ |
One well-built WooCommerce product template shared by all 10–12 SKUs. Sticker Builder (Antigro Designer) configurator embedded here. |
| Cart | /cart/ |
Standard WooCommerce — brand styled. Ensure quantity and spec summary are clearly visible before checkout. |
| Checkout | /checkout/ |
Standard WooCommerce — brand styled. EN/FR bilingual. Payment gateway (sandbox mode) active and tested. |
| Order Confirmation | /checkout/order-received/ |
Post-checkout thank you page and transactional email. Often neglected — brand this properly, it's a trust moment. |
| Contact | /contact/ |
Simple form, email address, expected response time. Critical trust signal for a new brand with no reviews yet. |
| Coming Soon | /coming-soon/ |
Already built (EN/FR HTML file provided). Deploy immediately, swap out on launch day. Keep accessible post-launch for redirect purposes. |
/about/Brand story and founder context. Not needed at launch — write it once real customers start asking who's behind this./faq/Build from real customer questions after first orders. Placeholder slug reserved./how-it-works/Dedicated configurator explainer. More relevant once Sticker Builder is fully live and customer confusion is measurable./shipping/Lives in FAQ at launch. Earns its own page once order volume makes it a frequent question./labels/Category slug reserved. Not built at launch — category page and products added in Phase 2./blog/Slug reserved. No content at launch. Do not add to navigation.A complete product catalog spreadsheet (XLSX) will be provided with all 10 launch products documented — names, slugs, short descriptions, attributes, MOQs, and developer notes. All products are sticker variants. No copywriting is required from the developer.
| Product | Description | WooCommerce Type | Launch Status |
|---|---|---|---|
| Die-Cut Stickers | Custom shape cut to the outline of the artwork | Variable | Phase 1 |
| Kiss-Cut Stickers | Cut through vinyl only, backing sheet remains intact | Variable | Phase 1 |
| Holographic Stickers | Rainbow holographic vinyl, die-cut or kiss-cut | Variable | Phase 1 |
| Glitter Stickers | Glitter vinyl finish, die-cut or kiss-cut | Variable | Phase 1 |
| Clear Stickers | Transparent vinyl, printed area visible, background clear | Variable | Phase 1 |
| White Vinyl Stickers | Standard white vinyl, durable, weatherproof | Variable | Phase 1 |
| Weatherproof Stickers | Laminated vinyl rated for outdoor/water exposure | Variable | Phase 1 |
| Sticker Sheets | Multiple designs or cuts on a single sheet | Variable | Phase 1 |
| Transfer Stickers / Decals | Adhesive transfers — window, wall, or surface application | Variable | Phase 1 |
| Roll Stickers / Labels | Continuous roll format for product labelling and retail use | Variable | Phase 1 |
The following global attributes must be set up in WooCommerce before product entry. All values and documentation are provided in the catalog spreadsheet.
Material · Cut Type · Finish · Size · Quantity · Shape · Adhesive · Waterproof · UV Resistant · Minimum Order Quantity
data- attributes · Custom shop page template · Clean Antigro entry pointNote: Copywriting (placeholder content throughout) and custom product photography are out of scope. Logo design is handled separately by the client and will be provided as a final asset before launch.
StickerPro.ai is an independent Canadian e-commerce brand currently in active development. This is a focused, well-documented build with all assets, brand guidelines, product data, and architecture decisions prepared in advance. The goal is a clean, launch-ready Phase 1 site that is built thoughtfully with Phase 2 in mind.
This is not a corporate project or agency contract. It is an independently owned e-commerce brand being built with care. The developer will have direct communication with the owner throughout, clear documentation, and all assets ready to go from day one.
All brand decisions are made. All products are documented. The scope is defined. The developer's job is execution — implementing what is described in this document cleanly and professionally, without scope creep in either direction.
The site should be live and taking orders as quickly as possible. A realistic timeline from project start to launch-ready handoff is expected upfront. The coming soon page will be live on the domain while the build is underway.
This project has a clearly defined Phase 2 roadmap. The developer should review Section 09 and be comfortable with the four forward-compatibility requirements — they are standard professional practice and add minimal time to the build.
This is a Phase 1 build. The goal is a functional, well-branded WooCommerce store that launches quickly and generates real orders. However, a specific app-style UI is planned for Phase 2 — and four small decisions made in Phase 1 will either make that V2 build straightforward or painful. None of these add significant time or cost to Phase 1. All four are listed below with clear implementation notes.
Define all brand colours, fonts, and key spacing values as CSS variables at the :root level from day one — for example --color-teal: #00BCC8, --font-display: 'Montserrat'. Do not hard-code hex values or font names throughout stylesheets.
Why it matters for V2: The app UI uses a dark theme. Swapping the entire visual layer in V2 requires changing variable definitions in one place — not hunting through hundreds of rules.
Each WooCommerce product card in the shop grid must include HTML data- attributes: data-product-id, data-category, data-price, and data-description. These can be added via a simple filter in functions.php.
Why it matters for V2: The app-style right panel populates live when a product card is clicked. It reads product data from these attributes — no additional server request or page reload required.
Build the /stickers/ shop page using a clean custom page template file rather than WooCommerce's default archive-product.php. The custom template should produce semantic, well-structured markup with clearly named classes on the product grid and card elements.
Why it matters for V2: The three-panel JavaScript layout targets specific elements in the shop markup. Default WooCommerce output is notoriously hard to target cleanly — a custom template makes V2 JavaScript straightforward.
Antigro Designer (Sticker Builder) should be integrated through one clearly defined hook or function in the product template — not inlined across multiple template files or plugin output hooks scattered through the theme.
Why it matters for V2: The V2 app interface may wrap or replace the Antigro entry point with a custom panel trigger. If integration is isolated to one place, that swap is a single-file change. If it's scattered, it's a major refactor.
If you have questions about the project or want to discuss the build before getting started, reach out directly.