Prazin Karki

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.

Project: Custom Theme & Plugin E-Commerce Website

Client: Bradley Eustace (example)
Role: Front-End / Full-Stack Developer (Theme & Plugin Specialist)

What I Did:

Theme Design & Development:
I created a fully custom WordPress / Shopify (or whichever CMS you used) theme from scratch, implementing the client’s branding, visual design, and user experience requirements. This included responsive layout (mobile/tablet/desktop), accessible navigation, fast load times, and a clean, modern aesthetic.

Plugin & Functionality Builds:
Developed custom plugins or extended existing ones to handle the site’s special features. Features I implemented included:

Product filtering (by category, price, attributes)

Custom product page layouts

Dynamic image galleries / video embeds

Wishlist / favorites

Custom checkout flow or cart enhancements

E-Commerce Integration:
Integrated and configured e-commerce infrastructure (WooCommerce / Shopify / etc.), including product management, inventory, pricing, tax rules, shipping options, payment gateways. Ensured smooth user experience from product discovery through checkout.

Performance Optimization:
Enhanced site performance through image optimization, lazy loading, minification of CSS & JS, caching strategy, and code optimization. Ensured site loads quickly and performs well across devices.

SEO & Accessibility:
Built in SEO best practices: clean semantic markup, proper heading structure, meta tags, schema-markup for products, fast page speed. Ensured accessibility standards are met (keyboard navigation, ARIA where needed, alt texts, etc.).

Maintenance & Support:
Provided ongoing support post-launch: bug-fixes, updates (theme, plugin, CMS), performance tweaks, content updates, and new-feature rollouts.

Technologies / Tools Used:
HTML5, CSS3 / SASS, JavaScript (maybe React / Vue or jQuery as needed), PHP, MySQL (or relevant database), custom plugins, Git version control, possibly modern build tools (Webpack / Gulp), performance tools (like Lighthouse), etc.