Studio Cultura
A marketing & creative agency with a focus on videography, dedicated to telling stories that blend cultural depth with climate-awareness. With a hands-on creative team, they support sustainable brands to ensure their messaging resonates across all marketing channels.
Intro
This project was a fusion of expertise, with branding & core design by DESIGNSAKE Studio and creative input from Studio Cultura's in-house team. My role was to weave everything together into an interactive, immersive experience.
Transitions
The site’s page transitions were designed to feel effortless, connecting each page seamlessly like a single cohesive experience. Studio Cultura's distinctive category icons take center stage in these transitions, reinforcing their significance across the design.
Work
For a creative agency like Studio Cultura, their portfolio is the heart of their website, a showcase of their innovative approach & expertise. We created a space where their projects could take the spotlight, seamlessly tied together by carefully crafted animations.
An overview
The work overview page offers a visually engaging showcase of Studio Cultura’s portfolio. Each project is highlighted with its distinctive category icon, providing a clear visual cue about the market it represents. To add dynamic variety, featured projects break the grid, spanning the full width of the viewport for maximum impact.
A bold opening
Each project page begins with a bold title that dynamically transforms as you scroll, splitting into two lines and sliding aside to reveal a video player. The video initially plays within a mask, shaped like the project’s category icon, then smoothly morphs into a standard player shape as the page progresses. It was a joy to build this.
A modular approach
Studio Cultura’s project pages are designed for maximum creative freedom. With nine modular building blocks to choose from, each offering six layout variations & adjustable settings, they can easily build custom pages filled with text, images, & videos, all managed through a fully customised, user-friendly back-end.
Studio
The studio page is a lively celebration of Studio Cultura’s identity, blending dynamic animations with vibrant visuals to reflect the agency’s colorful spirit. It showcases their services, philosophy, & approach while highlighting team members, history & clients.
Breaking the flow
The Studio page opens with a twist, breaking the traditional downward scroll with a sleek horizontal scroll. This thoughtfully designed interaction draws visitors into the content and sets the stage for a memorable experience that embodies the agency’s creative energy.
Bursting with life
The products and services section comes alive with Studio Cultura’s signature colors, paired with captivating images and metaphors from nature & agriculture. This harmonious blend creates an engaging visual narrative that perfectly complements their diverse offerings.
Effects
The whole site is packed with engaging interactions, from captivating parallax scrolling to seamless morphing animations & creative stacking effects. While this overview only captures a glimpse, the live site offers the full experience — feel free to dive in!
