Performed migration from a fractured, unmanageable React environment with technical debt, “abandoned” dependencies, poor accessibility and SEO, to a high-performance Webflow ecosystem.
Technical Engineering: Rebuilt the site architecture to prioritize internal autonomy, integrating Swiper.js and GSAP for sophisticated, architectural-inspired effects and motion while ensuring full WCAG Accessibility compliance across all interactive galleries.
UI/UX Refinement: Overhauled the site’s typography and information architecture to streamline navigation and reducing friction for high-net-worth clients.
Tactile Brand Integration: Engineered “material-inspired” visual details—including a bespoke frosted navigation effect—to mirror the firm’s physical architectural finishes, creating a seamless transition from the built environment to the digital screen.
The Result: Delivered a scalable digital presence that the client can now manage independently, eliminating reliance on external development teams for routine updates. Also reduced monthly hosting costs by 80%.
Design System for Instagram: The Firm also wanted to redo their Instagram account to act as a ‘first touch’ or secondary portfolio. Less concerned with engagement and more with brand identity.
As firm is aligned with artists and exploratory thinking, they wanted to break out of the stale conventions of social media.
Using the entire feed grid as a an editorial style layout, variations of groupings, white space, overlap, and narrative themes are explored to convey the aesthetic of the firm. I developed a modular grid system that allowed the use of photography in various aspect ratios, from wide landscape to tall verticals and nearly everything in between to properly showcase the work.
Feed grid is complemented with a strategy of reels and carousels to increase engagement and reinforce the branding and introduce new narratives.
Webflow CMS. Swiper.js. GSAP. CSS. Javascript, Figma, Adobe CC.
visit site: https://www.guga.la
