Welcome, Jesse.

Everything you need to know about your new Hatfield & McCoy DTF website.

In Progress — Day 10 of 25
Phase 1 Progress 40%

We built this guide so you can review everything at your own pace. Browse the 5 design concepts we made for you, check out your project roadmap, get answers to common questions — and when you are ready, pick your favorite design and tell us at the bottom. No meeting needed.

Section 2: Your Concepts

Your 5 Design Concepts

Pick your favorite. We build it.

Jesse — we built you 5 completely different homepage concepts so you can see the range of what's possible for Hatfield & McCoy DTF. Each one is a fully designed, interactive page you can click through right now. Every concept uses your real brand assets, colors, and products. Pick the direction that feels most like you, and we'll build the full site around it.

A

Dark Industrial Beast

  • Cinematic cyberpunk energy with full-viewport hero section
  • Interactive pricing calculator built right into the homepage
  • Animated gradient backgrounds that shift and pulse
  • Dark, moody aesthetic — like a high-end streetwear brand
Open Concept A
B

Mountain Neon

  • Appalachian heritage front and center with SVG mountain split hero
  • Neon-lit marquee strip for announcements and specials
  • Built-in competitor comparison table showing your edge
  • Roots meets future — tradition with electric style
Open Concept B
C

Shop-First Commerce

  • Product grid visible above the fold — zero friction to shop
  • Streetwear energy with bold cards and fast navigation
  • Straight-to-ordering flow for returning customers
  • The "just show me the products" approach — clean and direct
Open Concept C
D

Typography-First

  • Brutalist editorial layout with massive stacked type
  • Minimal imagery — the design itself IS the statement
  • Pure design power that stands apart from every competitor
  • High-fashion editorial energy applied to DTF printing
Open Concept D
E

Full Send Neon

  • Flickering neon sign hero with realistic glow effects
  • Pulsing animations and sparkle particles everywhere
  • Maximum personality — impossible to forget
  • The loudest, most unapologetic option on the table
Open Concept E
Section 3: Your Roadmap

Project Roadmap

Your complete build plan from start to launch.

Investment
$2,500
Payments
Shopify
Tech Stack
Next.js + Vercel
Timeline
~15 Days Left
Timeline Update: 25 business days total — 10 completed, approximately 15 remaining. We encountered some delays sourcing the right developer for this build. Shopify developers with the right skills and availability within budget are in high demand right now — we wanted to make sure we found someone who would do excellent work. We appreciate your patience and are fully on track.
Phase 1

The Site

Days 1–3
Discovery & Shopify Setup
Finalize design direction based on your concept pick. Set up Shopify store, configure Shopify Payments, create product categories, and establish the backend that powers your entire catalog.
Days 4–8
Foundation Build
Scaffold the Next.js application with your chosen design concept. Build the design system (colors, fonts, spacing, components), navigation, footer, and full homepage with animations and brand polish.
Days 9–14
Products & Catalog
Build the full product catalog with every variant and real pricing. 22" DTF transfers, 46" DTF transfers, Glitter DTF collection (Silver, Gold, Multi), Glow in the Dark DTF collection. Each product gets proper images, descriptions, size variants, and quantity pricing.
Days 15–18
Integrations
Embed Kicksy gang sheet builder, build the custom artwork file upload component, connect GHL webhook for lead capture, and wire up Shopify checkout flow from product page to order confirmation.
Days 19–22
QA & Testing
Full mobile responsiveness testing across all devices. Cross-browser testing (Chrome, Safari, Firefox, Edge). Live order test through the entire flow. Performance optimization for fast load times. Fix every bug, polish every interaction.
Days 23–25
Launch
DNS configuration and domain pointing. Deploy to Vercel. Final production smoke test. Record a full Loom walkthrough video showing you how to manage products, check orders, and use your new site.

Phase 1 Deliverables

Custom Next.js frontend (you own the code)
Shopify store fully configured
22" DTF catalog with real pricing
46" DTF catalog with real pricing
Glitter DTF collection (Silver/Gold/Multi)
Glow in the Dark DTF collection
Gang Sheet Builder (Kicksy embed)
Artwork file upload component
Shopify checkout + Payments
Mobile responsive on all devices
Vercel hosting (free tier)
Loom walkthrough video
Phase 2

Backend Automations

GoHighLevel CRM + Kicksy integration — the engine that runs your business on autopilot after launch.

Abandoned Cart Recovery

3-touch sequence via email + SMS. If someone adds to cart and doesn't check out, we follow up automatically — within 1 hour, 24 hours, and 72 hours.

New Order Notification

Instant alert to your phone and email the second a new order comes in. Never miss a sale.

Order Confirmation Email

Branded confirmation email sent to customers automatically after purchase with order details and estimated timeline.

Shipped + SMS Tracking

When you mark an order as shipped, the customer gets an SMS and email with tracking info. Zero manual work.

Delivery Confirmation

Automated follow-up when the package is delivered. Includes a review request and re-order prompt.

Customer Tagging

Every customer is auto-tagged by product type, order value, and frequency. Segment your audience for targeted marketing later.

Pipeline & Opportunity Creation

Each order creates a deal in your CRM pipeline. Track revenue, monitor lifetime value, and manage your sales funnel visually.

Kicksy Integration

  • Gang sheet builder embedded directly into your site
  • Customers build custom gang sheets with their own artwork
  • Webhook fires to GHL on every submission for lead capture and follow-up
Section 4: FAQs

Frequently Asked Questions

Everything you need to know about your new site.

Section

The Site

What exactly am I getting?

You're getting a fully custom website built specifically for Hatfield & McCoy DTF. This is not a Shopify theme or a drag-and-drop template — it's a hand-coded Next.js application with a custom design, your brand colors, your products, and your pricing all built in from scratch.

The site connects to Shopify on the backend for product management and payments, but the frontend that your customers see and interact with is 100% custom. That means it looks exactly how we design it — no theme limitations, no generic layouts, no "this looks like every other Shopify store" problems.

You also get a full product catalog, artwork upload functionality, a gang sheet builder (Kicksy embed), mobile responsiveness, Vercel hosting, and a Loom walkthrough video showing you how everything works.

What is headless and why does it matter?

"Headless" means we separate the frontend (what your customers see) from the backend (where products and orders are managed). Think of it like this: Shopify handles the engine — products, inventory, payments, orders. Our custom Next.js site is the body — the design, the experience, the feel.

Why does this matter to you? Because a standard Shopify theme limits what you can do. You're stuck with their templates, their layout restrictions, and their design constraints. With a headless setup, there are zero limitations on design. We can build exactly what we want, exactly how we want it.

It also means your site is significantly faster than a standard Shopify store because Next.js pre-renders pages and serves them from Vercel's global CDN. Faster site = better Google rankings = more customers finding you organically.

Who owns the code?

You do. 100%. Once the project is complete and paid for, all source code belongs to you. It lives in a GitHub repository that you have full access to. If you ever want to hire another developer to make changes, they can pick up right where we left off.

This is a major difference from most agencies that lock you into their platform or proprietary systems. Your website is your asset — you own it, you control it, and you're never locked in to working with us (though we'd love to keep the relationship going).

What hosting do I need?

Your site will be hosted on Vercel, which is the company that makes Next.js (the framework your site is built on). Their free tier is generous and handles a substantial amount of traffic. You don't need to buy separate hosting, manage servers, or worry about uptime — Vercel handles all of that.

You'll also need an active Shopify plan for the backend (product management, payments, order processing). The Basic Shopify plan at $39/month covers everything you need. Shopify also charges standard payment processing fees (2.9% + $0.30 per transaction on their standard plan), but you receive payments directly — no middleman.

That's it. Vercel (free) + Shopify ($39/mo) = your total monthly operating cost.

Section

Your Products

How do I add or edit products?

All product management happens in your Shopify admin dashboard. It's a clean, simple interface where you can add new products, update prices, change descriptions, upload images, and manage inventory. If you've ever used any content management system, you'll feel right at home.

When you add or update a product in Shopify, the change shows up on your live site automatically — no code changes needed, no developer required. The Loom walkthrough video we deliver at launch will walk you through the entire process step by step.

For more complex changes to the site itself (new pages, layout changes, new features), that's where we come in. But day-to-day product management is 100% in your hands.

Do you set up all my pricing?

Yes. We set up your entire product catalog with all of your real pricing, including every size variant and quantity tier. Here's what that includes:

22" DTF Transfers — all widths and pricing tiers. 46" DTF Transfers — all widths and pricing tiers. Glitter DTF — Silver, Gold, and Multi-Color collections with individual pricing. Glow in the Dark DTF — full collection with proper pricing.

You give us your pricing sheet, and we enter everything into Shopify with the correct variants, quantities, and price breaks. When we hand the site over, your catalog is ready to take orders from day one.

Can customers upload artwork?

Yes — two ways. First, we're building a custom artwork file upload component directly into the product pages. Customers can attach their design files (PNG, JPG, PDF, AI, PSD, SVG) when they place an order. The files get attached to the order so you can access them from your Shopify admin.

Second, the Kicksy gang sheet builder is embedded directly into your site. This lets customers build their own custom gang sheets by uploading their artwork, arranging designs on the sheet, and submitting it as part of their order. It's an interactive tool your customers will love, and it saves you time because they do the layout work themselves.

Section

Payments

How do payments work?

Payments are handled through Shopify Payments, which is Shopify's built-in payment processor (powered by Stripe under the hood). When a customer checks out on your site, they're taken to a secure Shopify checkout page where they can pay with credit card, debit card, Apple Pay, Google Pay, and Shop Pay.

The money goes directly into your bank account on Shopify's standard payout schedule (typically 2 business days). You'll see every transaction in your Shopify dashboard with full order details, customer information, and payment status.

The processing fee on Shopify's Basic plan is 2.9% + $0.30 per transaction for online sales — which is industry standard. There's no additional markup from us. Shopify Payments is the simplest, most reliable option and it's already included in your Shopify plan with no extra monthly fees.

Can I use Square instead?

For the online store, Shopify Payments is strongly recommended and what we're building around. Here's why: Shopify charges an additional transaction fee (2% on Basic) on top of the payment processor's fee when you use a third-party gateway like Square. With Shopify Payments, that additional fee is waived entirely.

Square can be connected to Shopify as a third-party payment gateway, but it adds cost and complexity without any real benefit for an online store. Square is excellent for in-person point-of-sale (and you can absolutely keep using it for that), but for your website checkout, Shopify Payments gives you the cleanest integration, lowest fees, and simplest setup.

If you have a specific reason for wanting Square on the online store, we can discuss it — but in 99% of cases, Shopify Payments is the right call.

Section

Timeline

How long does this take?

25 business days total — 10 completed, approximately 15 remaining. The breakdown is: 3 days for discovery and Shopify setup, 5 days for the foundation build, 6 days for your full product catalog, 4 days for integrations (Kicksy, file uploads, GHL), 4 days for QA and testing, and 3 days for final launch prep.

We encountered some delays sourcing the right developer for this build. Shopify developers with the right skills and availability within budget are in high demand right now — we wanted to make sure we found someone who would do excellent work. We appreciate your patience and are fully on track.

This timeline assumes reasonable turnaround on your end for feedback and approvals. We won't hold things up waiting for weeks, but we do need your input at a few key checkpoints — mainly the design direction approval and product pricing confirmation.

What do you need from me?

We keep this simple. Here's the short list:

Before we start: Your design concept pick (from the 5 options we built), your complete pricing sheet for all DTF products with every size and quantity tier, any product photos you want used on the site, and your Shopify account credentials (or we'll help you set one up).

During the build: Feedback at 2-3 key checkpoints (we'll show you progress and ask for your sign-off), answers to any questions about your business or products, and your domain registrar login for DNS setup at launch.

That's it. We handle the heavy lifting. You handle the decisions. Most responses we need from you can be handled in a quick text or 5-minute call.

What if I want changes after launch?

Day-to-day stuff — adding products, updating prices, changing descriptions, uploading new images — you can do all of that yourself through Shopify. No developer needed, no extra cost.

For changes to the actual website (new pages, new features, design updates, layout changes), that's development work and we'd scope it as a separate project or put you on a monthly retainer. We're not going to nickel-and-dime you for small tweaks during the first couple weeks after launch — that's just part of a smooth handoff. But substantial new features or redesigns would be a new conversation.

Remember: you own the code. If you ever want to hire a different developer, they can work with the codebase we've built. You're never locked in.

Section

Phase 2

What is GoHighLevel?

GoHighLevel (GHL) is a customer relationship management (CRM) and marketing automation platform. Think of it as your business autopilot. It handles email marketing, SMS messaging, automated follow-ups, customer tracking, and pipeline management — all in one place.

For your business, GHL will power things like abandoned cart recovery emails, order confirmation messages, shipping notifications via SMS, customer tagging and segmentation, and sales pipeline tracking. Instead of manually emailing every customer or chasing abandoned carts, GHL does it automatically based on rules we set up.

It's the difference between you manually managing every customer interaction vs. having a system that handles 80% of it while you focus on printing transfers.

What is Kicksy?

Kicksy is a gang sheet builder tool that lets your customers create their own custom gang sheets directly on your website. Instead of going back and forth over email about layout and sizing, your customer can drag and drop their artwork onto a virtual gang sheet, arrange the designs exactly how they want, and submit it with their order.

It's embedded directly into your site as an iframe, so it feels like a native part of the experience — not some third-party redirect. When a customer submits a gang sheet, a webhook fires to GHL so you get notified instantly and the customer enters your automated follow-up sequence.

This saves you significant time on every gang sheet order and gives your customers a premium, self-service experience that most DTF shops don't offer.

When does Phase 2 start?

Phase 2 begins after Phase 1 is launched and stable. We want your site live, taking orders, and running smoothly before we layer on automations. Rushing both phases together creates unnecessary complexity and risk.

Typically, Phase 2 kicks off 1-2 weeks after launch. That gives us time to make sure the site is performing well, fix any post-launch issues, and get real customer data flowing through the system before we start building automation rules around it.

Phase 2 is scoped and priced separately. We'll have a clear picture of what you need after seeing how Phase 1 performs with real traffic, and we'll put together a Phase 2 proposal at that point. The automations listed in your roadmap are the standard package — we may add or adjust based on what makes the most sense for your business after launch.

Section

About

Why is this price lower than other quotes?

Because we work differently than traditional agencies. Most web development shops have large teams, overhead, account managers, project managers, and layers of bureaucracy that inflate costs. A comparable custom headless e-commerce build from a typical agency runs $5,000–$15,000+.

We're a lean studio that uses AI-augmented development workflows to move faster and more efficiently. That's not a gimmick — it means we can deliver the same quality (often better) at a fraction of the cost because we've eliminated the bloat. We're not cutting corners on quality; we're cutting corners on overhead.

The $2,500 investment also reflects that we're building a relationship, not just a website. We want Hatfield & McCoy DTF as a long-term client. The site build is Phase 1 — and when you see the quality of the work and the ROI it drives, Phase 2 automations and ongoing support become an easy yes.

Who do I contact?

Your project team at GHL Mastery — that's your direct line for everything. No account managers, no support tickets, no runaround. You reach out and you get the people actually building your site.

For questions, feedback, approvals, or just to check in — reach out the same way we've been communicating. We keep it simple and direct. If something's urgent, say so and we'll prioritize it. If it can wait, we'll address it in the normal workflow.

You'll never be left wondering who to talk to or waiting for someone to "get back to you." That's the advantage of working with a focused studio instead of a big agency.

Section 5: Pick Your Design