BOS Oceansport Website Build
-
Location
Northern Beaches, Australia -
Company Size
1 to 4 employees -
Annual Revenue
$500,000 to $1 million
-
Founded
2016 -
Industry
Sporting Goods Manufacturing
Approach
Site Strategy
BOS Oceansport’s previous website was built on Wix – a prosumer platform that lacked the right functionality.
Facing increased competition from larger brands, the BOS team wanted to showcase their bespoke surf skis in a way that made self-serve customisation simple.
They also needed a fully featured e-commerce experience that catered to customers, resellers, and sponsored athletes.
Visuals
Interface Design
BOS’s ideal customers are athletes, both amateur and professional.
We knew that neither group needed walls of persuasive copy – they just wanted to see, feel and interact with the products.
To make that as simple as possible, we built a user interface dominated by bold headings and dramatic, full-width imagery.
Everything else was stripped back to its essential elements, creating space for what mattered most: BOS’s hand-designed surf skis.
Visuals
3D Model Design
One of the site’s key requirements was a product configurator – software that would let potential customers experiment with different surf ski styles.
Our choice was Kickflip, a fully featured plugin that played nicely with the rest of our development stack.
Working off 3D models built by the BOS team, we created sections that could be overlaid onto those models in Kickflip, allowing prospects to trial different colour combinations.
Everything from the seat to the tail colour can be customised – right down to the hue of the BOS branding.
Code
Site Development
To make ongoing management simple, the BOS site was developed in WordPress and hosted at our Brisbane data centre.
We used WooCommerce, the world’s most popular e-comm plugin, to build out the online store and membership portals.
The site also included custom-built profiles for brand ambassadors – athletes who relied on BOS surf skis in their sporting careers.
Code
WooCommerce Customisation
WooCommerce is a plugin designed for simple transactions: click, pay and ship.
For BOS, that basic functionality wasn’t enough.
To accommodate its more complex order flow, we developed custom statuses that allowed the BOS team to track an order’s progress from payment to delivery (all without leaving WordPress).
We also automated order-related emails using conditional logic, notifying both BOS and its customers when orders reached critical stages like ‘Ready to Ship’.
Integrations
Xero–WooCommerce Middleware
BOS needed a way to send WooCommerce orders to its manufacturing hub – something that couldn’t be done with native integrations or no-code tools like Zapier.
Instead, we built custom Laravel middleware that:
- detects when an order is placed
- itemises the order and calculates
- region-specific pricing, taxes and shipping
- passes that information to Xero, BOS’s accounting platform.
The middleware then generates a Xero invoice for the customer and a purchase order for BOS’s manufacturing hub.
At the same time, it creates quick links to both the invoice and PO in WooCommerce.
The BOS team can simply select an order, click on the relevant link, then send or modify the invoice/PO as needed – no trawling through Xero required.
Integrations
Shipping Label Generation
Once an order has been manufactured and sent to the BOS warehouse, that same middleware automates shipping label creation.
All the team has to do is select the relevant orders and click a ‘Print’ button, eliminating hours of manual work each month.
Home Page Comparison
Before
After
Before
After
