Miss Penny Charters

The Challenge

Miss Penny Charters needed a site that matched the quality of the experience on the water, professional, clean, and built to book trips fast. The old setup was a template-built site with a third-party booking widget that opened in a modal, required too many clicks to confirm a reservation, and looked nothing like the rest of the brand. Mobile performance was rough: hero images were full-resolution JPEGs, the booking widget blocked the main thread for 2-3 seconds, and roughly 40% of returning visitors bounced before seeing the trip options.

The charter’s repeat-family customer base is a huge part of the business. Those families need to quickly re-book the same boat, same mate, same dates-next-year, and the old site was costing Miss Penny those easy renewals.

The Build

Custom Astro build with Tailwind CSS and FareHarbor booking integration baked in at the component level instead of bolted on in a modal. Mobile-first, so anglers can book from the dock, the couch, or the passenger seat of a pickup truck on US-1. Load times under 2s on mobile, clean layout, and every trip card surfaces the basics up front: duration, price, boat, captain, what’s included, what to bring.

The FareHarbor reservation flow embeds inline on the trip page rather than in a modal, which removes a click between intent and confirmation. Astro’s <Image> component serves WebP at device-appropriate sizes, cutting hero image weight by about 70%. LocalBusiness and FishingCharter-flavored Service schema give Google what it needs on the first crawl. The header CTA links straight to the trip types most commonly re-booked, so repeat-family customers skip the homepage scroll.

The Result

A site that looks sharp, loads fast, and puts the booking calendar right where it needs to be. No friction between “I want to fish” and “I’m booked.” The captain reports cleaner phone calls, callers who do reach out already know what trip they want because the site told them, freeing dock staff from repeat-answering basics.