Yonah’s front porch.
Keep the current brand and Razor content on the main domain. Its Shop buttons link to the Next.js store.
yonahbaits.comYONAH BAIT COMPANY / DIGITAL STOREFRONTOne home for
One home for
the brand.
One shop for
the water.
A custom, mobile-first shopping experience that keeps Yonah’s existing brand site intact and makes it simple to buy tackle and join the monthly Tin subscription.
01THE BUILD / STACK
Three parts.
One smooth handoff.
Keep the existing Astro brand website. Build a separate Next.js shop and let Shopify handle commerce behind it.
The custom shop.
Build the mobile-first storefront in code, preserving the Yonah look while leaving room for more products.
shop.yonahbaits.comThe store engine.
Manage products, inventory, checkout, payments, orders, subscriptions, customer accounts, and shipping.
SHOPIFY ADMIN + APPS02WHAT THE STORE NEEDS TO DO
Made to sell.
Ready to grow.
The first version focuses on the essentials. New products can be added in Shopify and displayed in the shop without redesigning the whole site.
Product store
Feature the Yonah Tin first, with room for individual tackle, kits, rods, and reels.
One-time or subscribe
Offer the Tin individually or as a $24.99 monthly subscription with shipping included.
Secure checkout
Shopify handles checkout, payment processing, order creation, and payment records.
Customer accounts
Customers can sign in to view orders, update details, and manage subscriptions.
Shipping & tracking
Manage fulfillment in Shopify and send shipment tracking links to customers.
Meta tracking
Connect the Meta catalog, Pixel, and ecommerce conversion events for Facebook and Instagram.
Product / inventory note: the Yonah Tin should start as its own Shopify product and stock count. Shopify’s native Bundles app does not support subscription products; list the individual Tin contents separately and reconcile shared stock until a compatible inventory workflow is chosen.
03PLANNED WEBSITE PAGES
A small first release.
Room for the next cast.
These are the customer-facing pages and flows planned for the store. The custom admin remains Shopify Admin for the first release.
Home
Brand-led landing page with the Yonah Tin as the main feature and clear Shop / Subscribe calls to action.
CoreShop
Product grid that starts with the Tin and expands as new products are added in Shopify.
CoreProduct detail
Photos, price, description, contents, purchase choice, and Add to Cart.
CoreCart & checkout
Next.js cart connected to Shopify’s hosted checkout.
CoreCustomer account
Sign-in, orders, shipping updates, and subscription management via Shopify accounts.
CoreHelp & policies
Shipping, returns, contact, privacy, and terms information.
CoreChristmas gift offer
Rod-and-reel combo with a unique free-month subscription gift code.
Later04ROADMAP
From setup
to first shipment.
Confirm the store
Set up Shopify, product details, prices, photos, shipping rules, and policies.
Build the storefront
Connect Next.js to Shopify and deploy the shop to Vercel.
Sell & fulfill
Configure checkout, subscriptions, customer accounts, order handling, and tracking.
Measure & promote
Connect Meta ecommerce tracking, then add the Christmas gift-code promotion.
WHAT WE’LL NEED FROM YONAHBring the gear.
Bring the gear.
We’ll build the shop.
These details let us configure the catalog accurately and make the first release ready for real orders.
Product photos and logoProduct descriptions and pricesTin contents and inventoryBusiness country and payment setupShipping destinations and ratesShopify and Meta account access