We began by working with a theme that Apéro purchased from the Theme Store to make sure it was as customisable as it needed to be for their team, and for us, to make custom changes on the fly without touching the code. First, we pulled the theme apart to make it look like our design mockups for style. Then, we got to work adding functionality.
Because Apéro was already on Shopify Plus, we could edit the Checkout to make sure it matched the brand style. The whole store reflecting the carefully curated brand was super important to Apéro, so we made a variety of changes across the site with this in mind. The highest impact edits were inside the Checkout, which were otherwise Shopify’s default.
Using our tried-and-true bundling know-how, we implemented a mix and match product bundle feature for Apéro to upsell related items in a collection. We wrote a script that automatically discounted the third item in a Cart from a chosen collection — it was pretty complex to get working but when it did, it was robust and effective.
Because Apéro often sells both mum and bub versions of their products (cute), we also built a discount script that applied a 10% discount when both mum and baby products were purchased together. A matchy-matchy markdown, if you will.
Similarly, we built a Frequently Bought Together feature that pulled products to the Cart based on product tags for optimal upselling opportunities. These product tags were applied to individual products manually which empowered Apéro to upsell hero items.
Because the site had been active for years and had been tinkered with by a number of agencies, freelancers, and internal staff, there was a lot of code that either wasn’t required or could be refactored in a new theme build. This also helped quicken the site load speed to further bolster our SEO work, especially in the competitive fashion niche where every kilobyte counts.
On the product cards across the site, whether they were displayed in a collection or as a recommended product on another product page, we added a few cool tweaks to make them pop. The first of these adjustments was to show variant size availability on hover so customers could see at a glance if their size was in stock. We also customised the price’s font using the brand fonts we installed across the theme.
