惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
V2EX
C
Check Point Blog
博客园_首页
B
Blog
D
Docker
U
Unit 42
量子位
I
InfoQ
有赞技术团队
有赞技术团队
Martin Fowler
Martin Fowler
GbyAI
GbyAI
L
LangChain Blog
云风的 BLOG
云风的 BLOG
博客园 - Franky
美团技术团队
T
The Blog of Author Tim Ferriss
阮一峰的网络日志
阮一峰的网络日志
月光博客
月光博客
Vercel News
Vercel News
Recent Announcements
Recent Announcements
雷峰网
雷峰网
大猫的无限游戏
大猫的无限游戏
小众软件
小众软件
Google DeepMind News
Google DeepMind News

Codrops

Drawing With Light: An Exploration of Lit GPU Tubes with TSL and WebGPU | Codrops Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js | Codrops Building an Infinite Loom: Unravelling Images into Threads with Three.js | Codrops Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js | Codrops From Rays to Meshes: Building Vercel’s Prism with vgpu | Codrops More Three.js Speakers, More Ideas from Paris | Codrops Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js | Codrops Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js | Codrops Volatile Nexus: Tinkering with Glass, Caustics, Cubes and Sound in Three.js | Codrops Goodgrowth: Boot Sequences, Spinning Discs, and the Art of the Portfolio | Codrops Building a Mouse-Following Square Lens Effect with Three.js and GLSL | Codrops Blender to Three.js and Back: 10 Tips for a Better Workflow | Codrops Sixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall of CRTs | Codrops Run Rob Run: Building a Music-Reactive Goo with Three.js and WebGPU | Codrops Relighting Images with Depth Maps and Three.js | Codrops Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data | Codrops Creativity at Enterprise-Scale, Without Compromise: The OFF+BRAND. Story | Codrops Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage | Codrops From Motion to Meaning: Denis Avramenko’s Approach to Interactive Design | Codrops Creating an Interactive 3D Cluster with Three.js, TSL and Three Start | Codrops Exploring Procedural Geometry with Three.js and WebGPU | Codrops From Brand Systems to Cultural Worlds: Inside Antinomy and 27b | Codrops Designing a Flexible Digital Archive for Chems.Studio’s Creative Practice | Codrops The Department Is Open: Building the PX PUSH Website | Codrops Garden Anomaly: A Tiny WebGPU and TSL Experiment | Codrops A Canvas for Individuality: Creating Websites That Feel Unmistakably Human with Readymag | Codrops Building an Endless Interactive Glass Xylophone with Three.js | Codrops The Story Is in the Interaction: Bonhomme’s Digital Experiences for Luxury Brands | Codrops Building an Infinite GSAP Scroll Gallery with Parallax and Flip Transitions | Codrops Studio Freight: Moving Missions Forward | Codrops
No Two Paths Alike: Inside San Rita’s Approach to Digital...
By San Rita · 2026-06-08 · via Codrops

We are San Rita, an independent creative studio based in Montréal.
We design and build digital experiences that people don’t just use, but move through.

Our work spans brand platforms, e-commerce, and experimental websites. Some projects are expressive and narrative-driven, while others are structured, conversion-focused, and quietly efficient. We’re comfortable in both.

We see every project as a different trail. Some are straight lines, some are steep climbs, some require building the path along the way. We adapt to each context, creatively, technically, and strategically. Whether we lead the vision or integrate into an existing system, we’re equipped for it.

We also collaborate behind the scenes through white-label partnerships, working closely with agencies, studios, and teams who need a strong design and development backbone without expanding internally.

The Journey

San Rita started from a simple intention: to create work that feels considered from end to end.

The studio was founded by a small team of designers and developers who shared a frustration with fragmented processes, where strategy, design, and development happen in silos. We wanted to bring those layers together into a single, coherent flow.

Early days were hands-on, direct, and resourceful. We worked on a mix of client projects and self-initiated experiments, using each opportunity to refine how we think and build. That period shaped our approach: stay flexible, stay curious, and treat constraints as part of the design.

Over time, the studio evolved through a series of defining moments: first recognitions, more ambitious builds, deeper collaborations, and the trust of partners who gave us room to push further. Each project added a layer, not just to our portfolio, but to how we operate.

Today, we still carry that same mindset. We’re not trying to scale into something bigger for the sake of it. We’re focused on staying sharp, adaptable, and intentional in the work we take on.

Showcase

Podium

Podium was built as a global platform designed to showcase high-end projects, collaborations, and cultural initiatives through a clean and immersive digital experience.

The challenge was to create a website capable of presenting a large amount of content while maintaining clarity, rhythm, and emotional impact. Instead of relying on a rigid corporate structure, we approached the platform like a living editorial system, balancing storytelling, navigation, and flexibility.

We focused heavily on pacing, transitions, typography, and visual hierarchy to create a journey that feels fluid without becoming overwhelming. Every interaction was designed to support the content rather than compete with it.

The project reflects an important part of our approach: adapting the experience to the identity of the brand instead of forcing a predefined formula.

Achievements

  • Large-scale content architecture designed for long-term evolution
  • Strong balance between editorial storytelling and usability
  • Fully custom design and development approach

Explore Podium

Alexis Jay Adrian

For photographer and creative Alexis Jay Adrian, we designed and developed a portfolio experience focused on depth, atmosphere, and storytelling.

The goal was to move away from the limitations of social media and create a space where photography could breathe. Instead of reproducing the logic of an Instagram feed, we built a platform centered around immersion, sequencing, and emotional pacing.

The project was designed and launched in only a few weeks, while still maintaining a highly crafted approach across branding, art direction, development, and content structure. The final result gives Alexis full independence to evolve and manage his work over time. 

Challenges

One of the biggest challenges was balancing speed and ambition. The entire project moved from concept to launch extremely quickly, requiring a highly agile workflow and close collaboration throughout the process.

Achievements

  • Fully designed and launched in under a month
  • Strong growth in visibility after launch
  • Complete creative and technical ownership from concept to deployment 

Explore Alexis Jay Adrian

GZNA + Vinyl Visualizer

GZNA is the North American division of one of the world’s largest vinyl manufacturing ecosystems. The platform needed to serve multiple purposes at once: present the company’s large-scale manufacturing expertise, showcase bespoke packaging possibilities, and provide tools capable of helping artists and labels visualize their records before production.

One of the core pieces of the project was the Vinyl Visualizer, an interactive tool allowing users to explore vinyl colors, materials, and pressing effects in real time. Instead of creating a static catalog, we designed a system that feels tactile and exploratory, helping users experiment directly within the browser. 

This project perfectly represents our ability to adapt to more complex ecosystems: combining branding, user experience, technical tooling, product visualization, and large-scale content management into a single coherent platform.

Challenges

The biggest challenge was organizing an enormous amount of technical information without making the experience feel industrial or cold. The platform needed to remain inspiring while also functioning as a practical production tool.

Achievements

  • Interactive vinyl visualization experience
  • Complex product ecosystem simplified into an intuitive journey
  • Scalable platform designed for continuous expansion

Explore GZNA

San Rita

Our own website became an opportunity to express how we think about digital experiences as a whole.

Rather than building a traditional agency portfolio, we created a world that reflects our philosophy: exploration, movement, atmosphere, and adaptability. The experience was designed to feel alive without relying solely on spectacle. Every section acts like a different trail, each revealing projects, ideas, and fragments of the studio progressively.

The site also became a creative playground for experimentation, allowing us to test interactions, transitions, layouts, and storytelling systems that later informed client projects.

More than anything, the project represents our belief that digital experiences should carry identity. Not just information.

Background Story

San Rita was built during a period where we were redefining how we wanted to work as a studio. The website naturally became an extension of that reflection, not simply a showcase but a statement of intent.

Read the case study

Achievements

  • Featured across major international design platforms
  • Recognized for both creative direction and technical execution
  • Became a defining piece of the studio’s identity

Explore San Rita

Culture & Team

Our culture is shaped by how we work together: small team, tight feedback loops, and a shared responsibility for the final output.

There’s no strict separation between roles. Design informs development; development informs design. Ideas move freely, and the best ones win regardless of where they come from. We value clarity over ego, and execution over noise.

What makes us unique is our ability to shift gears. We can be highly conceptual when needed, or deeply pragmatic when the project calls for it. That balance allows us to work across different types of clients and constraints without losing coherence.

We care about the details, not as decoration, but as structure. Rhythm, pacing, hierarchy, interaction, everything plays a role in how a project is experienced.

Outside of work, we stay connected to what inspires us: nature, architecture, music, objects. That influence naturally feeds back into the studio.

If there’s one constant, it’s this: we like building things that feel right.

If you’re looking to collaborate, partner, or build something together, whether it’s visible or behind the scenes, we’re always open to the conversation.