COAF Dev Phase 2

COAF Dev Phase 2 Overview For GRAFIT, I brought the Children of Armenia Fund (COAF) digital experience to life in Webflow, translating the supplied Figma system into a flexible, production-ready website. The goal Create a responsive, accessible digital home that helps COAF communicate its work in rural Armenia, guide visitors through programmes and stories, and create clear pathways for engagement and giving. Scope of work I built 13 Webflow components and two navigation bars from the handed-over Figma designs. The component system supports a modular homepage and reusable journeys across campaigns, programme content, editorial cards, video and donations. Technical implementation • Client-First and BEM naming conventions for a clean, maintainable build • Component properties and visibility toggles for practical card and slide management • Swiper.js for carousel and slider components • Bunny.net CDN video delivery for the homepage hero and Component 13 • YouTube embeds for standard video components • A configurable Hero component with Bunny and YouTube playback options • Component 13: a Kids Video Slider built with Swiper.js • Responsive implementation across desktop and mobile breakpoints Outcome A vibrant, scalable Webflow foundation that makes a complex organisation easier to explore and gives the team a consistent system for future campaigns and content updates. Role Webflow Developer Live website: https://coaf.webflow.io/