برچسب: Meets

  • Reality meets Emotion: The 3D Storytelling of Célia Lopez

    Reality meets Emotion: The 3D Storytelling of Célia Lopez


    Hi, my name is Célia. I’m a French 3D designer based in Paris, with a special focus on color harmony, refined details, and meticulous craftsmanship. I strive to tell stories through ground breaking interactivity and aim to create designs that truly touch people’s hearts. I collaborate with renowned agencies and always push for exemplary quality in everything I do. I love working with people who share the same dedication and passion for their craft—because that’s when results become something we can all be truly proud of.

    Featured Projects

    Aether1

    This project was carried out with the OFF+BRAND team, with whom I’ve collaborated regularly since February 2025. They wanted to use this product showcase to demonstrate to their future clients how brilliantly they combine storytelling, WebGL, AI integration, and a highly polished UI, and flawlessly coded.

    I loved working on this project not only because of the intense team effort in fine-tuning the details, but also because of the creative freedom I was given. In collaboration with Gilles Tossoukpé and Ross Anderson, we built the concept entirely from scratch, each bringing our own expertise. I’m very proud of the result.

    We have done a full case study explaining our workflow on Codrops

    aether1.ai

    My collaboration with OFF+BRAND began thanks to a recommendation from Paul Guilhem Repaux, with whom I had worked on one of the biggest projects of my career: the Dubai World Expo.

    Dubai World Expo

    We recreated over 200 pavilions from 192 countries, delivering a virtual experience for more than 2 million viewers during the inauguration of the Dubai World Expo in 2020.

    This unique experience allowed users to attend countless events, conferences, and performances without traveling to Dubai.

    To bring this to life, we worked as a team of six 3D designers and two developers, under the leadership of the project manager at DOGSTUDIO. I’m truly proud to have contributed to this website, which showcased one of the world’s most celebrated events.

    virtualexpodubai.com/

    Heidelbarg CCUS

    The following website was created with Ashfall Studio, another incredible studio whose meticulous work, down to the way they present their projects, inspires me tremendously.

    Here, our mission was nothing short of magic: transforming a website with a theme that, at first glance, wasn’t exactly appealing—tar production—into an experiential site that evokes emotion! I mean, come on, we actually managed to make tar sexy!

    ccus.heidelbergmaterials.com/en/

    Jacquemus

    Do you know the law of attraction? This principle is based on the idea that we can attract what we focus our attention and emotions on. I fell in love with the Jacquemus brand—the story of Simon, its creator, resonates deeply with me because we both grew up in the same place: the beautiful South of France!

    I wanted to create a project for Jacquemus, so I first made it a personal one. I wanted to explore the bridges between reality, 3D, photography, and motion design in one cohesive whole—which you can actually see on my Instagram, where I love mixing 3D and fashion in a harmonious and colorful feed.

    I went to their boutique on Avenue Montaigne and integrated my bag into the space using virtual reality. I also created a motion piece and did a photoshoot with a photographer.

    Céramique

    Last year, a friend of mine gave me a ceramics workshop where I created plates and cups. I loved it! Then in 2025, I decided I wanted to improve my animation skills—so I needed a subject to practice on. I was inspired by that workshop and created a short animation based on the steps involved in making my cups.

    Philosophy

    Are you one of those people who dream big—sometimes too big—and, once they commit to something, push it to the extreme of what it could become? Well, I am. If I make a ceramic plate once, I want to launch my own brand. If I invest in real estate, I want to become financially independent. If I spend my life in stylish cafés or designer gyms I discover on ClassPass, I start imagining opening a coffee shop–fitness space. When I see excellence somewhere, I think: why not me? And I give myself the means to reach my goals. But of course, one has to be realistic: to be truly high-quality, you need to focus on one thing at a time. So yes, I have many future projects—but first, let’s finish the ones already in progress.

    My next steps

    I recently launched my Airbnb in Paris, for which I’ll be creating some content, building a brand identity, and promoting it as much as I can.

    I’ve also launched my lifestyle/furniture brand called LABEGE named after the village where I grew up. For now, it’s a digital brand, but my goal is to develop it for commercialization. I have no idea how to make that happen just yet.

    Background & Career highlights


    Awwwards class

    There have been many defining moments in my career—or at least, I treat every opportunity as a potential turning point, which is why I invest so much in every project.

    But two moments, in particular, stand out for me. The first was when Awwwards invited me to create a course explaining my 3D WebGL workflow. Today, I might update it with some new insights, but at the time it was extremely valuable because there was nothing like it available online. Combined with the fact that it was one of the first four courses they launched, it gave me great visibility within our community.

    My Awwwards Class

    Spline

    Another milestone was when I joined the Spline team. Back then, the software was still unstable—it was frustrating to spend days creating only to lose all my work to a bug. But over time, the tool became incredibly powerful. The combination of Spline’s excellent social media presence and the growing strength of the software helped it grow from 5K to 75K Twitter followers in just two years, along with thousands of new users.

    Thanks to the tool’s early popularity and the small number of people who mastered it at first, I was able to build a strong reputation in the interactive 3D web field. I shared a lot about Spline on my social channels and even launched a YouTube channel dedicated to tutorials.

    It was fascinating to see how a tool is built, showcase new features to the community, and watch the enthusiasm grow. Being part of such a close-knit, human team—led by founder Alejandro, whose visionary talent inspires me—was an unforgettable experience.

    Tools & Techniques

    • Cinema 4D
    • Redshift
    • Blender
    • Figma
    • Pinterest
    • Marvelous Designer
    • Spline Tool
    • PeachWeb

    Final Thoughts

    Life is short—know your limits and your worth. Set non-negotiable boundaries with anything or anyone that drags you down: no second chances, no comebacks. Be good to people and to the world, but also be selfish in the best way—do what makes you feel alive, happy, and full of magic. Surround yourself with people who are worth your attention, who value you as much as you value them.

    Put yourself in the main role of your own life, dream big, and be grateful to be here.

    LOVE!

    Contact

    Thanks a lot for taking the time to read about me!

    Let’s connect!

    Instagram
    X (Twitter)
    LinkedIn
    Email for new inquiries: hello@celialopez.fr 💌





    Source link

  • Bloom Paris TV: Where Refined Art Direction Meets World-Class Production

    Bloom Paris TV: Where Refined Art Direction Meets World-Class Production



    In today’s oversaturated landscape of production service companies vying for attention, Bloom Paris TV approached our studio with an extraordinarily bold ambition: to distinguish themselves through an uncompromising combination of refined style and substantive expertise. Strategically positioned in the cultural and creative heart of Paris, Bloom offers international productions comprehensive and seamless on-the-ground support throughout France — meticulously handling everything from complex technical logistics to complex administrative workflows and regulatory requirements.

    But what truly sets Bloom apart is that they don’t merely facilitate shoots — they orchestrate them with exceptional precision, artistic vision, and unwavering reliability. In an industry where every minute counts, their discerning clients demand speed without sacrificing quality, complete trust in execution, and uncompromising excellence at every touchpoint. Bloom consistently delivers all three elements — seemingly effortlessly and with characteristic French sophistication.

    Our mission became crystal clear: design and develop a digital experience that authentically reflects the remarkable sharpness of their creative eye, the methodical structure of their production process, and the sophisticated elegance of their flawless execution across every project they undertake.

    The Concept

    We approached the website design with one unambiguous and defining intention: make an immediate, memorable impact upon first impression.

    Operating in a fast-paced industry where critical decisions are often made in mere seconds, we recognized that the digital experience needed to be simultaneously bold, fluid, and instantaneously engaging. Our strategic approach centered on minimalism with deliberate intent — methodically stripping away all superfluous elements while preserving only the absolute essentials, then thoughtfully amplifying Bloom’s distinctive core identity throughout the interface.

    At the conceptual heart of Bloom’s sophisticated logo lies a deceptively simple dot — subtle in appearance yet powerful in significance. We strategically extended this symbolic element across the entire user interface: integrating it within interactive buttons, intuitive navigation elements, typographic superscripts, and responsive interaction states. This visual motif evolved into the unifying thread throughout the experience, functioning as a recurring punctuation mark that guides users through a clean, cinematic narrative journey.

    Typography & Color System

    After careful consideration, we selected a commanding, contemporary sans-serif typeface specifically chosen to convey professional confidence and exceptional clarity. This distinctive font effectively anchors the entire site within a precisely calibrated, almost editorial layout structure — creating a harmonious balance between the dynamically asymmetric grid system and the meticulously structured, authoritative tone of voice that characterizes Bloom’s communication style.

    The carefully curated color palette features a sophisticated high-contrast dialogue between rich soft black and warm, inviting light grey, consciously avoiding the harshness of traditional monochrome combinations. A strategically placed vibrant yellow accent punctuates key interactive elements throughout the interface — subtly referencing cinematic film titles and professional cue markers, while simultaneously introducing a welcome sense of warmth, energy and approachability to the otherwise restrained interface design.

    Technology Stack

    Beneath the visually striking surface, the site is meticulously constructed with a powerful combination of technologies:

    • WordPress implemented as a robust, infinitely customizable content management system, providing Bloom with comprehensive control over their content strategy and presentation
    • GSAP for implementing buttery-smooth, cinematically-inspired animations and seamless page transitions throughout the experience
    • Custom-developed SVG masking techniques meticulously crafted to achieve elegantly seamless panel-based transitions between content sections
    • A fully responsive, thoroughly performance-optimized front-end architecture that ensures consistent excellence across all devices and connection speeds

    Loader & Page Transitions

    From the earliest conceptual discussions, we were determined to ensure that every transition moment within the experience would feel authentically cinematic and emotionally resonant.

    Each individual page opens with a dynamically animated panel that dramatically reveals the upcoming section title with a sweeping, theatrical gesture. This carefully choreographed visual sequence not only significantly enhances user orientation within the site architecture, but deliberately sets the sophisticated tone for a fluid, immersive journey through Bloom’s professional world.

    The distinctive homepage loader was specifically designed to create instant emotional resonance and connection: a fullscreen mask elegantly opens to dramatically reveal Bloom’s captivating showreel — creating an unforgettable first impression that immediately communicates their production capabilities. Thoughtfully combined with an interactive progress indicator, this element transforms into an engaging interactive curtain, gracefully inviting users to step into Bloom’s compelling narrative universe.

    Project Grid & Hover States

    Throughout the portfolio section, Bloom’s impressive projects are presented within a sophisticated asymmetric editorial grid structure, deliberately breaking the predictable monotony of conventional layouts while thoughtfully echoing the dynamic rhythm of visual storytelling. Individual content sizes and positions shift intuitively throughout the composition, creating intentional moments of both contemplative pause and energetic flow.

    During user interaction, the signature dot elegantly reappears as an intuitive focus indicator, while a smoothly animated marquee title gracefully glides over the preview image — simultaneously drawing attention and adding perceptual depth to the experience. This carefully considered combination creates a remarkably tactile, multi-layered effect that meaningfully rewards user interaction without overwhelming the visual hierarchy or distracting from the exceptional quality of Bloom’s project portfolio.

    Footer

    Thoughtfully designed as a final memorable touchpoint rather than an afterthought, the site’s footer functions as much more than a mere sign-off — it serves as an compelling invitation to further engagement.

    The footer section artfully reprises elements from the initial showreel presentation, elegantly contained within a precisely masked frame that maintains consistent visual language throughout the experience. Both functionally informative and poetically expressive, this distinctive footer ensures that Bloom’s powerful brand experience lingers in the user’s memory — even long after the final scroll action concludes their immediate journey.

    Who We Are

    We proudly define ourselves as a specialized digital design studio operating at the fascinating intersection of compelling narrative, intuitive interaction design, and cutting-edge technology implementation. We fundamentally believe in the transformative power of crafting digital interfaces that move with deliberate intention and purpose, thoughtfully combining minimalist aesthetic principles with boldly distinctive creative identity expressions.

    With each project we undertake, we consistently strive to create memorable digital experiences that communicate with exceptional clarity, move with captivating beauty, and feel genuinely alive and responsive to human interaction.



    Source link