Software Engineer & Product Lead • 2024 • Ottawa, Canada • July 2024 – Present

OVERVIEW

Led the complete redesign and build of the public website for Ikebana International Ottawa Centennial Chapter No.120, spanning information architecture, UX design, development, testing, and launch. The project prioritized cultural aesthetics alongside audience accessibility.

The site features a refined, minimalist design inspired by traditional Japanese aesthetics—clean layouts, generous whitespace, and nature-inspired imagery including animated cherry blossom petals. Advanced GSAP animations (SplitText, ScrollTrigger, MorphSVG) create an immersive experience while maintaining performance.

Implemented AI-assisted wireframes and content polishing workflows, cutting iteration time by approximately 28%. Established baseline WCAG 2.2 compliance, SEO optimization, and automated CI/CD pipelines with linting, type checks, and Lighthouse performance gates.

WORK

Led end-to-end redesign of Ikebana International Ottawa's website, combining Japanese-inspired aesthetics with modern web standards. Implemented GSAP animations, WCAG 2.2 compliance, and AI-assisted workflows achieving 28% faster iterations.

>GSAP-powered animations (SplitText, ScrollTrigger, MorphSVG)

>Responsive design with fluid typography scaling

>Image lightbox galleries filtered by exhibition year

>Event showcase and membership management

>WCAG 2.2 baseline compliance

>SEO optimization with Lighthouse performance gates

>AI-assisted wireframes and content workflows

GALLERY

[01]

> Elegant Hero Experience

The homepage features a perspective-enabled hero with animated petal elements and chapter branding. SVG-based decorative elements create depth while sophisticated loading animations ensure smooth page presentation.

[02]

> Exhibition Gallery System

Curated photography from exhibitions spanning 2015-2019, organized chronologically with lightbox viewing. The gallery employs card-based architecture with animated borders and asymmetrical layouts featuring floating decorative elements.

[03]

> Events & Membership

Showcases upcoming exhibitions, international conferences, and community demonstrations. The membership section promotes community benefits with card components featuring decorative border animations.

IMPACT

28% Faster Iterations

AI-assisted wireframes and content polishing dramatically reduced design iteration cycles.

WCAG 2.2 Compliance

Established baseline accessibility standards ensuring inclusive access for all users.

Automated Quality Gates

CI/CD pipeline with linting, type checks, and Lighthouse performance monitoring.