AGMS Website — Webflow + Shopify Integration

Project: AGMS Website — Webflow + Shopify Integration

Client: AGMS (Australian Guild of Music & Speech)
Role: Webflow Developer / Integration Engineer

What I Did:

Webflow Theme & CMS Setup
I built the front-end site in Webflow, designing and implementing a custom theme that aligned with AGMS’s branding. Using Webflow’s CMS, I modeled and built dynamic content structures (e.g. pages for syllabi, news, exam schedules, virtual festival, etc.) so that non-technical admins could easily add, edit, or remove content without needing code.

Data Modeling & CMS Collections
Set up CMS Collections for all repeatable content types: syllabi (downloadable PDFs), events / virtual festivals, news posts, exam dates, etc. Defined fields for each (e.g. title, date, description, media, download link) so content displays correctly in listing pages, detail pages, and search/filter where needed.

Design & Responsive Layout
Created responsive layouts (desktop, tablet, mobile) for all site types (home, listings, detail pages). Ensured consistency in typography, spacing, navigation, and image handling. Optimised for performance and for good user experience (fast loading, intuitive flows).

Shopify Integration
Integrated the Webflow front-end with Shopify for the “Shop” portion of the site. This includes embedding / linking to the Shopify storefront, managing product listings, shopping cart, payment, etc., in a way that feels seamless from the Webflow site. Ensured the shopping experience matches the site’s design and user flow.

User-Actions & Functionalities
Implemented special user interactions and workflows like “Book an Exam”, “Download Syllabi”, newsletter subscription, etc. Ensured that forms work correctly, file downloads are handled securely, and external parts (Shopify / any external systems) connect smoothly.

SEO, Accessibility & Performance
Ensured good SEO practices: clean HTML, meta tags, alt text on images, sitemap, fast page load times. Also built with accessibility in mind (readable fonts, color contrast, keyboard nav, etc.). Optimized assets (images, scripts) to keep the site lightweight.

Maintenance & Training
Delivered handover documentation / training to AGMS’s staff so they can manage the CMS (add news posts, update syllabi, etc.). Set up Webflow backups, revisions, and processes for future updates. Also handled Shopify product catalog updates and store maintenance where required.