🚧 Website currently under construction • New content coming soon • Website currently under construction • New content coming soon • Website currently under construction • 🚧 Website currently under construction • New content coming soon • Website currently under construction • New content coming soon • Website currently under construction •

CREATIVE
AUDIOVISUAL
COLLECTIVE

Crafting visual stories for brands and ideas.

We are a collective of
filmmakers and creatives

We are directors, editors, animators, writers and visual storytellers working together to create powerful audiovisual content. Our collective was born from a shared desire to approach projects with more freedom, creativity and collaboration.

(function() { function addStyle() { if (document.getElementById('wv-style')) return; var s = document.createElement('style'); s.id = 'wv-style'; var css = ''; css += 'video.player:not(#video01)::-webkit-media-controls { display: none !important; }'; css += 'video.player:not(#video01)::-webkit-media-controls-enclosure { display: none !important; }'; css += 'video.player:not(#video01)::-webkit-media-controls-panel { display: none !important; }'; css += '.frame::before { display: none !important; }'; css += '.frame::after { display: none !important; }'; css += '.wv-frame video { opacity: 0; transition: opacity 0.4s; }'; css += '.wv-frame video.playing { opacity: 1; }'; s.textContent = css; document.head.appendChild(s); } function processVideo(video) { if (video.dataset.wvDone) return; video.dataset.wvDone = '1'; var frame = video.parentElement; var poster = video.getAttribute('poster'); if (poster) { frame.style.backgroundSize = 'cover'; frame.style.backgroundPosition = 'center'; frame.style.backgroundImage = 'url(' + poster + ')'; } frame.classList.add('wv-frame'); video.removeAttribute('autoplay'); video.removeAttribute('controls'); video.pause(); video.addEventListener('mouseenter', function() { video.play().catch(function(){}); video.classList.add('playing'); }); video.addEventListener('mouseleave', function() { video.classList.remove('playing'); var v = video; setTimeout(function() { v.pause(); }, 400); }); } function init() { addStyle(); var videos = document.querySelectorAll('video.player:not(#video01)'); for (var i = 0; i < videos.length; i++) { processVideo(videos[i]); } } var observer = new MutationObserver(function() { var videos = document.querySelectorAll('video.player:not(#video01)'); for (var i = 0; i < videos.length; i++) { processVideo(videos[i]); } }); observer.observe(document.body, { childList: true, subtree: true }); init(); setTimeout(init, 500); setTimeout(init, 1500); setTimeout(init, 3000); })();
(function() { function handleMobile() { if (window.innerWidth > 767) return; if (document.getElementById('wv-mobile')) return; var frames = document.querySelectorAll('.wv-frame'); if (!frames.length) return; var srcs = []; for (var i = 0; i < frames.length; i++) { var v = frames[i].querySelector('video'); if (v && v.getAttribute('src')) { srcs.push(v.getAttribute('src')); } } if (!srcs.length) return; var components = document.querySelectorAll('.video-component'); for (var k = 0; k < components.length; k++) { components[k].style.setProperty('display', 'none', 'important'); } var rand = Math.floor(Math.random() * srcs.length); var src = srcs[rand]; if (src.indexOf('http') !== 0) { src = 'https://wannavid.com/' + src.replace(/^\//, ''); } var wrapper = document.createElement('div'); wrapper.id = 'wv-mobile'; wrapper.style.width = '100%'; wrapper.style.padding = '0 24px 40px 24px'; wrapper.style.margin = '0 -20px'; wrapper.style.width = 'calc(100% + 40px)'; wrapper.style.boxSizing = 'border-box'; var outer = document.createElement('div'); outer.style.width = '100%'; outer.style.height = '300px'; outer.style.position = 'relative'; outer.style.borderRadius = '8px'; outer.style.overflow = 'hidden'; outer.style.backgroundColor = '#000'; var vid = document.createElement('video'); vid.setAttribute('src', src); vid.setAttribute('muted', ''); vid.setAttribute('loop', ''); vid.setAttribute('playsinline', ''); vid.setAttribute('autoplay', ''); vid.style.width = '100%'; vid.style.height = '100%'; vid.style.objectFit = 'cover'; vid.style.display = 'block'; outer.appendChild(vid); wrapper.appendChild(outer); var container = components[0].parentElement; container.appendChild(wrapper); vid.muted = true; vid.volume = 0; vid.load(); vid.play().catch(function(){}); if ('IntersectionObserver' in window) { var obs = new IntersectionObserver(function(entries) { for (var i = 0; i < entries.length; i++) { if (entries[i].isIntersecting) { vid.play().catch(function(){}); } else { vid.pause(); } } }, { threshold: 0.3 }); obs.observe(outer); } } setTimeout(handleMobile, 800); setTimeout(handleMobile, 2000); setTimeout(handleMobile, 4000); })();
(function() { function reorderColumns(containerId) { if (window.innerWidth > 767) return; var el = document.getElementById(containerId); if (!el) return; var inner = el.querySelector('.inner'); if (!inner) return; var col0 = inner.children[0]; var col1 = inner.children[1]; if (!col0 || !col1) return; if (col0.dataset.wvReordered) return; col0.dataset.wvReordered = '1'; var imgEl = col0.querySelector('.image-component'); var txtCol = col1; if (!imgEl) { imgEl = col1.querySelector('.image-component'); txtCol = col0; } if (!imgEl) return; var title = txtCol.querySelector('p.text-component'); var subtitle = txtCol.querySelector('h3.text-component'); var paragraph = txtCol.querySelector('h1.text-component'); inner.innerHTML = ''; var wrapper = document.createElement('div'); if (title) wrapper.appendChild(title); if (subtitle) wrapper.appendChild(subtitle); imgEl.style.margin = '34px 0'; wrapper.appendChild(imgEl); if (paragraph) wrapper.appendChild(paragraph); inner.appendChild(wrapper); } function init() { reorderColumns('container08'); reorderColumns('container09'); reorderColumns('container05'); } setTimeout(init, 500); setTimeout(init, 1500); setTimeout(init, 3000); })();

Selected Work

A selection of recent work across short films, branded content, animation and commercial projects, highlighting our refined creative approach and multidisciplinary collaboration vision,
craft and detail.

- PHILOSOPHY -

We believe creativity should never be limited by routine

Our collective was born from a shared experience in the audiovisual industry, where creative processes often become repetitive and driven by volume rather than ideas.We came together to build something different.A collaborative space where filmmakers, animators, editors and storytellers create strong concepts, powerful visuals and stories that truly connect with people.

- SERVICES -

From concept to final delivery, combining creativity, expertise and efficient production

(function() { if (window.innerWidth > 768) return; const pairs = [ ['text28','text29'], ['text32','text33'], ['text36','text37'], ['text40','text41'], ['text30','text31'], ['text34','text45'], ['text38','text39'], ['text42','text43'], ]; function init() { const wrap = document.getElementById('wvSliderWrap'); const dotsEl = document.getElementById('wvDots'); if (!wrap || !dotsEl) return; let count = 0; pairs.forEach(([tid, did]) => { const tEl = document.getElementById(tid); const dEl = document.getElementById(did); if (!tEl || !dEl) return; const slide = document.createElement('div'); slide.className = 'wv-slide'; const titleClone = tEl.cloneNode(true); const descClone = dEl.cloneNode(true); [titleClone, descClone].forEach(el => { el.style.opacity = '1'; el.style.transform = 'none'; el.style.textAlign = 'center'; el.querySelectorAll('*').forEach(n => { n.style.opacity = '1'; n.style.transform = 'none'; n.style.textAlign = 'center'; }); }); slide.appendChild(titleClone); slide.appendChild(descClone); wrap.appendChild(slide); const dot = document.createElement('div'); dot.className = 'wv-dot' + (count === 0 ? ' active' : ''); dotsEl.appendChild(dot); count++; }); const slides = wrap.querySelectorAll('.wv-slide'); const dots = dotsEl.querySelectorAll('.wv-dot'); const total = slides.length; let current = 0; let autoTimer = null; let resumeTimer = null; function goTo(idx) { current = (idx + total) % total; const slideW = slides[0].offsetWidth + 14; wrap.scrollTo({ left: current * slideW, behavior: 'smooth' }); dots.forEach((d, i) => d.classList.toggle('active', i === current)); } function startAuto() { stopAuto(); autoTimer = setInterval(() => goTo(current + 1), 3000); } function stopAuto() { clearInterval(autoTimer); clearTimeout(resumeTimer); } function pauseAndResume() { stopAuto(); resumeTimer = setTimeout(startAuto, 5000); } let hasSeenFirst = false; const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { if (!hasSeenFirst) { hasSeenFirst = true; setTimeout(() => { goTo(current + 1); setTimeout(startAuto, 3000); }, 800); } else { startAuto(); } } else { stopAuto(); } }, { threshold: 0.3 }); observer.observe(wrap); wrap.addEventListener('scroll', () => { const slideW = slides[0].offsetWidth + 14; const idx = Math.round(wrap.scrollLeft / slideW); if (idx !== current) { current = idx; dots.forEach((d, i) => d.classList.toggle('active', i === current)); } }); wrap.addEventListener('touchstart', pauseAndResume, { passive: true }); dots.forEach((dot, i) => { dot.addEventListener('click', () => { goTo(i); pauseAndResume(); }); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => setTimeout(init, 600)); } else { setTimeout(init, 600); } })();

Creative Development

Concept development, storytelling, scriptwriting and creative direction for audiovisual projects.

Motion Design & Animation

2D and 3D animation, motion graphics and visual storytelling through design and animation.

Film & Video Production

Professional video production including directing, cinematography and full production management.

Commercial & Brand Films

Cinematic content designed to communicate brand identity and connect with audiences.

Post-Production

Editing, color grading, sound design and finishing that shape the final narrative and visual identity.

Product & eCommerce Video

Engaging product videos designed to showcase features, aesthetics and brand value.

Social Media Content

Dynamic video content designed for digital platforms including Instagram, TikTok and YouTube.

Video Marketing Strategy

Strategic audiovisual content designed to help brands communicate effectively and grow.

(function() { function init() { const el = document.getElementById('text44'); if (!el) return; el.style.whiteSpace = 'pre-wrap'; const isMobile = window.innerWidth < 1024; let breakAfterWord = Infinity; if (isMobile) { breakAfterWord = 2; } else { const originalHTML = el.innerHTML; const breakMatch = originalHTML.match(/|<\/p>/i); if (breakMatch) { const beforeBreak = originalHTML .substring(0, breakMatch.index) .replace(/<[^>]+>/g, '') .trim(); breakAfterWord = beforeBreak.split(/\s+/).filter(w => w.length > 0).length; } } const fullText = (el.textContent || '').trim(); const words = fullText.split(/\s+/); const total = words.length; function buildVisible(visible, fading, alpha) { let text = ''; let fadingOnNewLine = false; if (breakAfterWord < Infinity && visible.length > breakAfterWord) { text = visible.slice(0, breakAfterWord).join(' ') + '\n' + visible.slice(breakAfterWord).join(' '); } else if (breakAfterWord < Infinity && visible.length === breakAfterWord && fading) { text = visible.join(' '); fadingOnNewLine = true; } else { text = visible.join(' '); } if (fading) { const sep = fadingOnNewLine ? '\n' : (text.length ? ' ' : ''); return text + sep + `${fading}`; } el.textContent = text; return null; } function update() { const rect = el.getBoundingClientRect(); const vh = window.innerHeight; const progress = (vh - rect.top) / (vh / 2); const clamped = Math.max(0, Math.min(1, progress)); const floatPos = clamped * total; const fullWords = Math.floor(floatPos); const fraction = floatPos - fullWords; const visible = words.slice(0, fullWords); const fading = fullWords < total ? words[fullWords] : null; if (clamped >= 1 || !fading) { const result = buildVisible(fullWords >= total ? words : visible, null, 0); if (result !== null) el.innerHTML = result; return; } const result = buildVisible(visible, fading, fraction.toFixed(2)); if (result !== null) el.innerHTML = result; } window.addEventListener('scroll', update, { passive: true }); update(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => setTimeout(init, 600)); } else { setTimeout(init, 600); } })();

"Every project
begins with an idea"

- APPROACH -

How We Work

Our collective structure allows us to assemble the right team for each production, bringing together specialists in direction, cinematography, animation, editing and sound.This flexible approach allows us to adapt to different types of projects while maintaining a high level of creative quality and efficiency.From concept development to filming, animation and post-production, we focus on building visuals that are both creatively strong and strategically effective.

- ABOUT US -

The collective

We are a multidisciplinary team of audiovisual professionals with experience across film, advertising, digital content and animation.Our collective brings together directors, cinematographers, editors, animators, writers and sound designers who share the same passion for visual storytelling.By working as a collaborative network, we are able to adapt to the needs of each project and bring together the right creative talent at every stage of production.Our goal is simple: to create visual work that feels authentic, engaging and meaningful.

- CONTACT -

Let’s Create Something Together

If you have a project in mind or would like to collaborate, we would love to hear from you.Tell us about your idea and let's bring it to life.

  • First item

  • Second item

  • Third ite

  • First item

  • Second item

  • Third ite

  • First item

  • Second item

  • Third ite

© 2026 Wannavid — All rights reserved.

  • First item

  • Second item

  • Third ite

  • First item

  • Second item

  • Third ite

  • First item

  • Second item

  • Third ite

© 2026 Wannavid — All rights reserved.

Info▼
Proyecto
Cliente
Año
Descripción
(function() { var lightbox = document.getElementById('wv-lightbox'); var lbVideo = document.getElementById('wv-lightbox-video'); var lbClose = document.getElementById('wv-lightbox-close'); var lbPrev = document.getElementById('wv-lightbox-prev'); var lbNext = document.getElementById('wv-lightbox-next'); var infoBar = document.getElementById('wv-info-bar'); var infoTab = document.getElementById('wv-info-tab'); var currentIndex = 0; var srcs = []; var keys = []; function updateInfo(key) { var info = (window.wvVideoInfo && window.wvVideoInfo[key]) || {}; document.getElementById('wv-info-title').textContent = info.title || ''; document.getElementById('wv-info-client').textContent = info.client || ''; document.getElementById('wv-info-year').textContent = info.year || ''; document.getElementById('wv-info-desc-value').textContent = info.description || ''; infoBar.classList.remove('open'); } function openLightbox(index) { currentIndex = index; lbVideo.muted = false; lbVideo.src = srcs[currentIndex]; lbVideo.load(); lbVideo.play().catch(function(){}); updateInfo(keys[currentIndex]); lightbox.classList.add('open'); document.body.style.overflow = 'hidden'; } function closeLightbox() { lightbox.classList.remove('open'); lbVideo.pause(); lbVideo.src = ''; document.body.style.overflow = ''; infoBar.classList.remove('open'); } infoTab.addEventListener('click', function() { infoBar.classList.toggle('open'); }); lbClose.addEventListener('click', closeLightbox); lightbox.addEventListener('click', function(e) { if (e.target === lightbox) closeLightbox(); }); lbPrev.addEventListener('click', function() { currentIndex = (currentIndex - 1 + srcs.length) % srcs.length; lbVideo.muted = false; lbVideo.src = srcs[currentIndex]; lbVideo.load(); lbVideo.play().catch(function(){}); updateInfo(keys[currentIndex]); }); lbNext.addEventListener('click', function() { currentIndex = (currentIndex + 1) % srcs.length; lbVideo.muted = false; lbVideo.src = srcs[currentIndex]; lbVideo.load(); lbVideo.play().catch(function(){}); updateInfo(keys[currentIndex]); }); document.addEventListener('keydown', function(e) { if (!lightbox.classList.contains('open')) return; if (e.key === 'Escape') closeLightbox(); if (e.key === 'ArrowLeft') lbPrev.click(); if (e.key === 'ArrowRight') lbNext.click(); }); function processVideo(video, index) { if (video.dataset.wvWorksDone) return; video.dataset.wvWorksDone = '1'; var frame = video.parentElement; frame.style.cursor = 'pointer'; var poster = video.getAttribute('poster'); if (poster) { frame.style.backgroundSize = 'cover'; frame.style.backgroundPosition = 'center'; frame.style.backgroundImage = 'url(' + poster + ')'; } video.removeAttribute('autoplay'); video.removeAttribute('controls'); video.muted = true; video.setAttribute('muted', ''); video.pause(); video.style.opacity = '0'; video.style.transition = 'opacity 0.4s'; video.addEventListener('mouseenter', function() { video.play().catch(function(){}); video.style.opacity = '1'; }); video.addEventListener('mouseleave', function() { video.style.opacity = '0'; setTimeout(function() { video.pause(); }, 400); }); video.addEventListener('click', function(e) { e.stopPropagation(); openLightbox(index); }); } function init() { var videos = document.querySelectorAll('video.player'); if (!videos.length) return; srcs = []; keys = []; for (var i = 0; i < videos.length; i++) { var src = videos[i].getAttribute('src') || ''; var key = src.match(/video\d+/) ? src.match(/video\d+/)[0] : ''; if (src.indexOf('http') !== 0) { src = 'https://wannavid.com/' + src.replace(/^\//, ''); } srcs.push(src); keys.push(key); } for (var j = 0; j < videos.length; j++) { processVideo(videos[j], j); } } var observer = new MutationObserver(function() { init(); }); observer.observe(document.body, { childList: true, subtree: true }); init(); setTimeout(init, 500); setTimeout(init, 1500); setTimeout(init, 3000); })();
window.wvVideoInfo = { 'video01': { title: 'Noche en Lisboa', client: 'Turismo de Portugal', year: '2023', description: 'Un recorrido visual por las calles y miradores de Lisboa al caer la noche.' }, 'video02': { title: 'Raíces', client: 'Fundación Cultural Ibérica', year: '2022', description: 'Documental corto sobre la relación entre la tierra y la identidad en comunidades rurales.' }, 'video03': { title: 'Move With Us', client: 'Nike Iberia', year: '2024', description: 'Campaña de marca para el lanzamiento de la línea de running primavera-verano.' }, 'video04': { title: 'La Última Cosecha', client: 'Bodegas Valduero', year: '2023', description: 'Film institucional sobre el proceso de vendimia y la filosofía detrás de cada botella.' }, 'video05': { title: 'Ciudad Flotante', client: 'Ayuntamiento de Sevilla', year: '2024', description: 'Pieza audiovisual para la promoción turística de Sevilla durante la Feria de Abril.' }, 'video06': { title: 'Forma y Vacío', client: 'Galería Espacio 36', year: '2022', description: 'Vídeo de arte en colaboración con la escultora Marina Vidal para su exposición anual.' }, 'video07': { title: 'Demo Reel 2024', client: 'WannaVid', year: '2024', description: 'Selección de los mejores trabajos del colectivo a lo largo del año.' }, 'video08': { title: 'Entre Mareas', client: 'Fundación Mar Atlántico', year: '2023', description: 'Cortometraje documental sobre la vida de los pescadores artesanales en la costa gallega.' }, 'video09': { title: 'Pulso Urbano', client: 'Spotify España', year: '2024', description: 'Serie de microfilms para la campaña de artistas urbanos emergentes en España.' }, 'video10': { title: 'Blanco Sobre Blanco', client: 'Zara Home', year: '2023', description: 'Campaña de producto para la colección de invierno con enfoque en texturas y materiales.' }, 'video11': { title: 'El Peso del Silencio', client: 'Festival de Cine de Málaga', year: '2022', description: 'Cortometraje de ficción seleccionado en la sección oficial del festival.' }, 'video12': { title: 'Lola Matos', client: 'Universal Music España', year: '2023', description: 'Videoclip oficial del primer single del álbum debut de la artista canaria Lola Matos.' }, 'video13': { title: 'Sin Fronteras', client: 'Cruz Roja España', year: '2024', description: 'Campaña institucional de sensibilización sobre la crisis migratoria en el Mediterráneo.' }, 'video14': { title: 'Arquitectura Viva', client: 'Estudio Morales & Asociados', year: '2023', description: 'Presentación audiovisual de tres proyectos residenciales premiados en Europa.' } };

Projects

Our collective structure allows us to assemble the right team for each production, bringing together specialists in direction, cinematography, animation, editing and sound.This flexible approach allows us to adapt to different types of projects while maintaining a high level of creative quality and efficiency.

Messi’s World Cup: The Rise of a Legend

Messi’s World Cup: The Rise of a Legend Docuseries, 2024

Messi’s World Cup: The Rise of a Legend Docuseries, 2024

Messi’s World Cup: The Rise of a Legend

Messi’s World Cup: The Rise of a Legend Docuseries, 2024

Messi’s World Cup: The Rise of a Legend Docuseries, 2024

Messi’s World Cup: The Rise of a Legend

Messi’s World Cup: The Rise of a Legend Docuseries, 2024

Messi’s World Cup: The Rise of a Legend Docuseries, 2024

  • First item

  • Second item

  • Third ite

  • First item

  • Second item

  • Third ite

  • First item

  • Second item

  • Third ite