Concept project · WordPress

Night Shift Bar Co.

A mobile cocktail bar in Austin that takes event requests and sells home-bar kits online. One WordPress site: an Elementor landing page, a WooCommerce shop and card checkout.

Platform
WordPress, Astra child theme
Page builder
Elementor
Shop
WooCommerce, block checkout
Payments
Card on a hosted payment page
Night Shift Bar Co. home page with the headline A full bar, parked at your party

The brief

The owner wanted a site that looks like the bar feels at night, gets event requests from a phone in under a minute and sells the same kits the bartenders use.

From the first screen to a paid order

Shop page with cocktail kits, sale and best-seller badges
Shop: categories, sale price with the percentage saved and a best-seller badge on featured kits.
Product page on a phone
Product page on a phone with trust badges under the button.
Checkout with a US address, shipping and card payment
Block checkout with US shipping and card payment.
Landing page on a phone
The landing page on a 390 px screen.
Order received page with payment confirmed
After payment the customer is sent back to the site and sees the confirmed order.

How it was checked

22automated payment checks: paid order, declined card, 3-D Secure, refund, totals in cents
6failure scenarios tested on purpose: forged return link, unsigned webhook, duplicate webhook, late decline and two more
390 pxfull test purchase on a phone and on desktop. Two layout bugs on phones were found and fixed in the child theme.

Speed work was done on a separate, deliberately heavy Elementor page: render-blocking files 15 → 9, CSS 449 → 266 KB, layout shift (CLS) 0.298 → 0.001, all images given sizes and lazy loading except the hero.

This is a concept project, not client work. The bar, the people and the reviews are invented, photos are from Unsplash. The site was built and tested on a local WordPress install with a sandbox payment provider.