I handled the Webflow build from structure to launch, including variables, reusable components, CMS collections and forms. I also built the site's interactions, including loading, scrolling and hover animations, redesigned the navigation and dropdowns and added a custom SVG underline animation that stretches across highlighted words as they enter the viewport. SwiperJS was used for the site's sliders and CMS content was connected to the relevant sections for articles and blog posts.

The site was also built to support a campaign promoting the practice, so it needed to work as a clear hub for information and enquiries. I structured the contact form to let visitors select their reason for reaching out, giving the team more context around incoming enquiries. After launch, those submissions became a useful signal that people were finding the information they needed and taking the next step. I also worked on post-launch performance improvements to help bring up the site's Lighthouse scores

The main challenge was making the data update automatically without relying on paid services. I built a workflow that pulls market data from the CoinGecko API, processes it through GitHub Actions and updates both the Webflow CMS and a Google Sheet. A Make automation then triggers a Webflow publish whenever the CMS is updated. The dashboard itself uses Webflow CMS, Finsweet Attributes for filtering and search and Chart.js for the interactive charts.

Working within free-tier limits influenced how the system was built. The dashboard updates every two hours to stay within Make's monthly credit allowance while GitHub Actions handles the scheduled data updates. CoinGecko's rate limits also meant chart data had to be processed in batches, so I limited the dashboard to the top 50 coins and built the system to automatically archive coins that fall outside that range. The result is a fully automated dashboard that runs on real market data without requiring a paid data pipeline.

The gallery is powered mainly by Webflow CMS, making it easy to add and organise new work without rebuilding the pages. I used SwiperJS for the site's sliders and GSAP for the main gallery interaction, creating a diagonal slider with a momentum-based movement that responds to how the user drags and scrolls through the work. I also built the loading animation and page transitions to give the site a more continuous feel as you move between pages.

The main gallery was the biggest interaction challenge and the part I wanted to push furthest. Instead of a standard image slider, I built an experience where movement carries through the gallery, giving the images a sense of momentum as you navigate them. It keeps the interface simple while making the photography itself feel more dynamic.

The shop is built on Webflow Ecommerce, with the blog running on Webflow CMS. I kept the interaction design minimal and intentional throughout, letting the product photography and content carry the pages rather than layering on animation for its own sake.

This project was less about pushing a single flashy interaction and more about handling the full scope of an ecommerce build, product pages, cart flow, blog structure and content types all working together as one coherent site. It's a good example of being able to take a project from a single starting point and build out a complete, functional system around it.

The site leans heavily on scroll-driven storytelling, with GSAP powering the text animations and Webflow's native interactions handling scroll and page load movement throughout. Because the brand's story unfolds across several sections, there are a lot of scroll interactions layered through the page, each one timed to reveal content as the narrative moves forward rather than all at once. The gallery is built on Webflow CMS, with a hover interaction that brings each piece to life as you move through previous work.

The goal with Allure was to make a luxury brand feel the way it should online: considered, paced and a little theatrical without getting in the way of the content. The scroll sequencing does most of that work, giving the site a sense of pace as you move from section to section, while the gallery hover keeps the focus on the craftsmanship itself. It's one of the stronger examples of how I think about interaction design, not just interaction execution.