An embedded web app allowing customers to visually compose products together to make an outfit then add it to cart, share on social media or with a friend, or save to their wish list. Built with Vue.js, Vite, Pinia, and Shopify APIs.

Highlights:

• Native–app–like pinch and drag gestures to visually compose items in a natural and highly responsive way on touch devices.
• URL state persistence allows outfits to be reconstructed across devices, or shared with friends at any point, without logging in.
• Allows product pages to pass the user’s current selections to the app as a starting point.
• Integration with the main store’s wish list, allowing outfits to be saved as custom wish lists straight from the app.
• Dynamic suggestions of products using the Shopify Product Recommendations API.
• Shop-wide search within the app, including live search suggestions using the Predictive Search API.

A sophisticated Shopify store made for the Australian fashion brand Meshki. Composable and media-rich layouts showcase an extensive product range in engaging and dynamic ways, and advanced third-party services deliver enhanced functionality in key areas like search and product sizing.

Highlights:

• Search integration with Tagalys for enhanced search relevance, typo tolerance, performance, and natural language processing.
• Virtual Sizer integration with Bold Metrics, allowing customers to provide their measurements and get a personal size recommendation for the product they are viewing.
• Product cards that can dynamically swap to separate colour products, feature video and multiple images, and show dynamic badges highlighting unique qualities, sales or stock status.
• Advanced wish list allowing customers to create multiple lists, manage and browse them, and add products and new lists from throughout the shop.
• Loyalty rewards program allowing customers to progress through tiers to receive benefits.
• Embedded quiz app recommending products based on quiz answers.
• Extensive use of metaobjects to create reusable blocks, e.g. for promos displayed within product listings.
• Custom metafields to enhance product management and collection filtering.
• Highly custom Accounts pages integrating with third party services to pull in detailed order status information.
• Integrations with third-party services to enhance functionality for customer support, email newsletter functionality, and data privacy options.

A bespoke Shopify theme built for luxury footwear brand Aminah Abdul Jilil. The theme featured media-rich layouts, video and scrolling effects, and a minimal and elegant design providing a focused and efficient shopping experience.

Highlights:

• Video-focused layouts scrolling effects and animation.
• Lookbook pages to scroll through images and videos alongside product tiles.
• Overlaying logos with background intersection detection to ensure contrast as you scroll.
• Multiple layout options to present product collections in varying styles.
• Linked colour products and custom size guides.
• Dynamic search suggestions and recommended products.
• Wish list and live chat integrations.

For the initial launch of GXVE on Shopify, Gwen Stefani’s beauty brand, I provided a set of custom shopping features to complement the core theme.

This included:

• Mini-cart with dynamic upsells, progress bars showing incentives to qualify for free shipping, samples, and gift products, and the ability to choose between and swap samples.
• Custom product bundles, displaying sets of multiple products presented as a single product to buy together with a discount.
• “Shoppable videos” to play videos hosted on YouTube with overlays showing products as they appear in the video, allowing adding to cart as the user sees them.
• “Shade finder” showing images of models wearing different shades of lipstick, to easily compare and pick the preferred shade to add to cart.