Nuestros Últimos Proyectos

Fundada hace más de 75 años, LECE France es la sección francesa de la Liga Europea de Cooperación Económica, una organización histórica comprometida con el análisis, la reflexión y el debate en torno a los grandes retos económicos europeos. Desde su creación, la Liga reúne a personalidades del mundo económico, institucional y político, y contribuye activamente a la difusión de ideas y a la producción de reflexiones estratégicas a escala europea.

A través de su actividad, LECE France se inscribe en una tradición de diálogo y de intercambio, organizando conferencias, desayunos y almuerzos-debate, publicando notas de reflexión y análisis económico, y favoreciendo la puesta en relación de actores influyentes procedentes de distintos ámbitos. Esta fuerte dimensión institucional implica un alto nivel de exigencia en términos de imagen, claridad y credibilidad, también en el plano digital.

Es en este contexto donde surge la necesidad de replantear por completo el sitio web de la asociación.

Como muchas asociaciones, LECE France utilizaba AssoConnect como plataforma central para su gestión diaria. AssoConnect permite gestionar eficazmente las adhesiones, la organización de eventos, las inscripciones y los pagos en línea, así como el envío de newsletters y la relación con los miembros. Desde el punto de vista funcional y administrativo, la plataforma responde perfectamente a las necesidades del sector asociativo.

Sin embargo, las posibilidades de personalización gráfica y de valorización editorial que ofrece AssoConnect son limitadas. Para una asociación con una fuerte dimensión institucional, cuyos contenidos se dirigen a un público exigente e informado, estas limitaciones ya no permitían reflejar plenamente la identidad, la historia y el posicionamiento de LECE France.

En lugar de cuestionar una herramienta de gestión ya consolidada, se optó por diferenciar claramente la gestión y la comunicación. El proyecto se orientó hacia una arquitectura híbrida que combina un sitio web corporativo completamente a medida con la conservación de AssoConnect para todas las funcionalidades administrativas.

El sitio web corporativo fue desarrollado sin CMS, con el objetivo principal de valorizar la asociación, sus acciones y sus contenidos. Se concibe como un espacio de presentación institucional, pensado para destacar la historia de LECE France, su gobernanza, sus publicaciones y sus eventos, dentro de una lógica de claridad, coherencia y durabilidad.

AssoConnect, por su parte, sigue asegurando todas las funciones de gestión: adhesiones, inscripciones a eventos, pagos y comunicación con los miembros. Esta separación de funciones permite conservar toda la flexibilidad de AssoConnect, beneficiándose al mismo tiempo de un sitio web totalmente libre desde el punto de vista gráfico y editorial.

En la práctica, el sitio web corporativo actúa como punto de entrada único para los visitantes. Cuando se publica un evento, este se presenta en el sitio con una maquetación cuidada, un contenido editorial claro y elementos visuales adaptados. Un enlace permite posteriormente a los participantes inscribirse directamente en AssoConnect, donde se realizan la inscripción y el pago, sin ruptura en la experiencia de usuario.

Esta organización garantiza al mismo tiempo una experiencia fluida para los visitantes y una continuidad total en las herramientas de gestión utilizadas por la asociación.

La elección de un desarrollo a medida, sin CMS, responde a una visión a largo plazo. Permite una libertad gráfica total, un rendimiento optimizado y una estructura perfectamente adaptada a los contenidos institucionales. El sitio web se convierte así en una verdadera herramienta de comunicación, capaz de evolucionar junto con las acciones y publicaciones de la asociación, sin estar limitada por las restricciones de un sistema estandarizado.

En este proyecto, el sitio web no sustituye a AssoConnect. Lo complementa, ofreciendo a LECE France una vitrina digital acorde con su papel, su historia y su proyección.

Este proyecto ilustra una situación frecuente en el mundo asociativo. Muchas asociaciones utilizan AssoConnect para sus adhesiones y eventos, y consideran que una renovación del sitio web no es posible mientras toda su gestión repose sobre esta plataforma. El ejemplo de LECE France demuestra que es perfectamente viable conservar AssoConnect y, al mismo tiempo, desarrollar un sitio web corporativo a medida, pensado exclusivamente para la comunicación y la valorización de las acciones.

Si es una asociación y utiliza AssoConnect para la gestión de sus miembros, de sus eventos y de sus pagos, pero desea mejorar su imagen en línea y disponer de un sitio web corporativo profesional, puedo acompañarle en la creación o renovación de su sitio web.

El objetivo es permitirle beneficiarse de un sitio web a medida, fiel a su identidad y a sus valores, conservando al mismo tiempo la flexibilidad y fiabilidad de AssoConnect para la gestión administrativa y financiera de su asociación.

Someware desarrolla soluciones de alto valor añadido, a menudo complejas desde el punto de vista funcional y técnico. Ville Marchable no es una excepción: se trata de una herramienta que agrupa datos, indicadores y análisis avanzados para ayudar a las colectividades a repensar el lugar del peatón en la ciudad. El principal reto consistía, por tanto, en hacer que este producto fuera inmediatamente comprensible, atractivo y claro para públicos diversos: cargos electos, técnicos territoriales, urbanistas, socios institucionales y actores privados.

En este contexto, el vídeo motion design se impuso como una palanca estratégica. Permite sintetizar un discurso complejo, estructurar un mensaje claro y crear un soporte de comunicación duradero, reutilizable en múltiples canales (sitio web, presentaciones comerciales, redes sociales, ferias profesionales y reuniones con clientes).

Desde las primeras fases del proyecto, se definieron claramente varios objetivos junto a Someware:

- Explicar el concepto de Ville Marchable de forma sencilla, sin empobrecer el contenido.

- Poner en valor los beneficios concretos de la herramienta para las colectividades y los responsables de la toma de decisiones.

- Posicionar el producto como una solución experta, fiable e innovadora.

- Reforzar la imagen de marca de Someware mediante un contenido visual profesional y coherente con su identidad.

- Disponer de un soporte de comunicación largo, estructurado y atemporal, capaz de acompañar la estrategia comercial a largo plazo.

Estos objetivos guiaron todas las decisiones creativas, narrativas y técnicas del proyecto.

La realización de este vídeo motion design se extendió durante algo más de un mes, un plazo deliberadamente amplio para garantizar un alto nivel de calidad. Una parte importante del trabajo se dedicó a comprender en profundidad el producto, sus funcionalidades y su posicionamiento.

Se llevó a cabo un trabajo detallado de guionización: estructuración del discurso, jerarquización de la información, definición de los mensajes clave y del ritmo global del vídeo. El reto consistía en construir una narración fluida y progresiva, capaz de captar la atención y acompañar al espectador en el descubrimiento de la herramienta.

Cada secuencia fue pensada para responder a una pregunta concreta: ¿qué problema se aborda?, ¿por qué la caminabilidad es un reto central?, ¿cómo funciona la herramienta?, ¿qué beneficios aporta a los usuarios? Este enfoque pedagógico es esencial en el caso de productos digitales dirigidos a responsables y decisores.

A nivel visual, la dirección artística se diseñó para integrarse de forma natural en el universo gráfico de Someware. Colores, tipografías, formas y animaciones se armonizaron con su identidad para reforzar la coherencia global de la comunicación.

El motion design permite dar vida a los datos, mapas, indicadores y conceptos abstractos. Las animaciones facilitan la comprensión, guían la mirada y ponen en valor los puntos clave sin sobrecargar visualmente el conjunto. El ritmo se ajustó cuidadosamente para mantener la atención a lo largo de una duración relativamente extensa, evitando la monotonía.

Cada movimiento, transición y elemento gráfico cumple una función precisa: aclarar, ilustrar o reforzar el mensaje. Este nivel de exigencia es indispensable para producir un vídeo realmente útil en un contexto profesional.

Este vídeo motion design desempeña un papel central en la estrategia de comunicación de Someware. Actúa como un puente entre un producto técnicamente avanzado y interlocutores que no necesariamente dominan todos sus aspectos.

- Reducir los tiempos de comprensión durante las presentaciones comerciales,

- Valorizar el producto desde los primeros segundos en el sitio web,

- Reforzar la credibilidad y el posicionamiento de la empresa,

- Unificar el discurso comercial en torno a un soporte claro y controlado.

Para Someware, disponer de un vídeo de este tipo, largo y estructurado, representa una inversión estratégica: se convierte en un pilar de su comunicación, capaz de acompañar el desarrollo del producto durante varios años.

La elección del motion design no es casual. A diferencia de un simple vídeo institucional o de una demostración técnica sin contextualización, el motion design permite construir un relato. Transforma una herramienta digital en una solución comprensible, concreta y atractiva.

En este proyecto, el motion design aporta:

- Una capacidad de divulgación sin pérdida de credibilidad,

- Una puesta en escena dinámica de conceptos y datos,

- Una fuerte memorización de los mensajes clave,

- Una gran adaptabilidad a distintos soportes de difusión.

Es precisamente esta capacidad de combinar pedagogía, estética y eficacia lo que convierte al motion design en una herramienta de comunicación privilegiada para empresas innovadoras.

Este proyecto ilustra plenamente nuestro enfoque como estudio de desarrollo web, diseño gráfico y motion design. No se trata únicamente de producir un vídeo estético, sino de diseñar una herramienta de comunicación alineada con los objetivos de negocio del cliente.

Cada etapa —análisis, escritura, diseño y animación— se concibe como una respuesta estratégica a una necesidad concreta. Esta metodología es especialmente adecuada para empresas que desarrollan productos complejos y desean hacerlos accesibles, comprensibles y atractivos.

El vídeo Ville Marchable es hoy un soporte clave para Someware. Demuestra cómo un motion design bien concebido puede convertirse en un verdadero motor de desarrollo, al servicio de un producto, una visión y una estrategia global de comunicación.

Si su empresa desarrolla un producto, un servicio o una herramienta que necesita ser explicado, valorizado y comprendido de forma inmediata, el vídeo motion design es una palanca especialmente eficaz. Ya se trate de un proyecto técnico, institucional o innovador, le acompañamos desde la reflexión estratégica hasta la realización final. Como estudio de desarrollo web, diseño gráfico y motion design, concebimos contenidos a medida, alineados con sus objetivos y su estrategia de comunicación. No dude en contactarnos para hablar de su proyecto y construir juntos un soporte audiovisual realmente útil para su crecimiento.Este proyecto de vídeo motion design se enmarca en una colaboración estrecha con la empresa francesa Someware, especializada en el desarrollo de soluciones digitales dirigidas a colectividades y actores del ámbito de la planificación urbana. El objetivo principal fue diseñar un vídeo de presentación completo y pedagógico para su producto Ville Marchable, una herramienta innovadora dedicada al análisis, la valorización y la mejora de la caminabilidad de los espacios urbanos.

En el marco de su desarrollo digital, la asociación Agir pour Tous, ubicada en los valles del Vilaine en Bretaña (Francia), recurrió recientemente a nosotros para la realización de un video explicativo en motion design, destinado a integrarse en su sitio web.

Este proyecto constituye la segunda colaboración entre nuestro equipo y la asociación. De hecho, ya habíamos diseñado previamente un mapa interactivo a medida para su sitio, con el fin de visualizar de manera dinámica e intuitiva los municipios que forman parte del plan de acción de la asociación. Satisfecha con esa primera prestación, la asociación quiso ir más allá enriqueciendo su web con un contenido en video explicativo que fuera pedagógico, gráficamente coherente y profesionalmente realizado.

Para garantizar una fuerte coherencia visual entre el video y el resto del sitio, decidimos reutilizar los elementos gráficos ya utilizados, como el mapa interactivo y los diferentes elementos visuales de las páginas del sitio de la asociación. Este enfoque permite ofrecer a los visitantes una experiencia fluida, sin rupturas de estilo, al tiempo que refuerza la identidad visual de la asociación.

El motion design permite aquí dar vida a la información, haciéndola dinámica y accesible. Gracias a animaciones simples pero eficaces, los mensajes clave se ilustran de manera clara y comprensible, incluso para un público no especializado. El objetivo: valorizar el compromiso de la asociación, sus misiones y sus acciones, captando la atención de sus públicos objetivos y permitiendo un uso adecuado de las herramientas disponibles en el sitio web.

Uno de los elementos fundamentales de un video explicativo exitoso es la voz en off. Para este proyecto, colaboramos con una actriz profesional de voz en off, grabada en estudio. El tono, el ritmo, la dicción y la entonación fueron cuidadosamente trabajados para transmitir el mensaje de manera eficaz, estableciendo al mismo tiempo una relación de confianza con la audiencia.

Primero redactamos un guion claro, estructurado en torno a escenas principales definidas previamente con la asociación. Este guion fue probado con una voz de prueba generada por inteligencia artificial, para ajustar el ritmo de las animaciones y el desarrollo de la narración antes de la grabación final.

El proyecto se desarrolló en una semana de trabajo intensivo, con una metodología estructurada en varias fases esenciales para la creación de un video de calidad profesional:

- Definición de las escenas clave y construcción de una narración fluida en relación con los mensajes prioritarios de la asociación.

- Redacción del guion en colaboración con el cliente, para garantizar la claridad y la adecuación del tono al público objetivo.

- Diseño gráfico de las escenas con Adobe Illustrator, respetando la identidad gráfica del sitio web existente.

- Creación de una voz de prueba con IA especializada para ajustar la sincronización y validar el tono general.

- Búsqueda de una música libre de derechos perfectamente adaptada al universo sonoro deseado, en un banco de sonidos profesional.

- Animación de las escenas en After Effects, prestando especial atención a la legibilidad y al ritmo.

- Montaje y mezcla de audio en Avid Protools, para un resultado sonoro equilibrado, limpio y profesional.

- Finalización del proyecto en Davinci Resolve Studio, para garantizar una óptima calidad visual en todos los formatos.

Utilizamos diversas herramientas profesionales para llevar a cabo esta realización:

- Adobe Illustrator para la creación de los elementos visuales y gráficos animados.

- Adobe After Effects para la animación en motion design, con transiciones fluidas y una dirección artística armoniosa.

- Avid Protools para la grabación, edición y mezcla de la voz en off y la banda sonora.

- Davinci Resolve Studio para el etalonaje, el renderizado final y la exportación del video.

El uso de esta cadena de software profesional garantiza un resultado a la altura de los estándares actuales, muy por encima de las limitaciones de las herramientas gratuitas o automatizadas en línea.

Puede resultar tentador, por razones económicas, crear uno mismo un video explicativo con una herramienta gratuita o semi-automatizada online. Sin embargo, estas plataformas no ofrecen ni la flexibilidad creativa, ni la calidad de acabado, ni el control narrativo necesarios para producir un video profesional y coherente.

Un video explicativo mal realizado tendrá sin duda un efecto contraproducente: gráficos poco adecuados y claramente amateurs, voz monótona, animaciones imprecisas, mala calidad de sonido...  El resultado final sera decepcionante o peor todavía... cutre! Todos estos defectos perjudican la credibilidad de su sitio web, su empresa o su asociación. Un video es un escaparate: debe estar cuidado, ser atractivo y coherente con su identidad visual.

Confiar su producción a un estudio especializado en diseño gráfico y edición de video permite obtener un contenido verdaderamente profesional, que capta la atención, despierta el interés y refuerza su imagen de marca.

Para una asociación como Agir pour Tous, este video explicativo constituye una herramienta de comunicación central. Permite explicar su misión de forma sintética y atractiva, movilizar a sus socios y sensibilizar al gran público sobre sus acciones.

Ya seas una asociación, una empresa o una entidad pública, el video de presentación profesional es hoy en día un recurso indispensable dentro de cualquier estrategia de comunicación digital. Te acompañamos en todas las etapas de su realización, desde la escritura hasta la difusión, para un resultado a medida.

¿Tienes un proyecto que deseas presentar?

Contáctanos para transformar tus ideas en videos atractivos, profesionales e inolvidables.

Esta empresa, activa desde 2003, no contaba con un sitio que reflejara la calidad de sus servicios ni su posicionamiento estratégico en el mercado. Nuestra misión fue doble: modernizar su imagen y optimizar su presencia online.

Como FTS no necesitaba funcionalidades dinámicas, optamos por un sitio 100 % estático, desarrollado en HTML, CSS y JavaScript.

Esta decisión ofrece múltiples ventajas para empresas que buscan una presencia online simple, eficaz y duradera:

- Sin necesidad de mantenimiento técnico mensual

- Máxima fiabilidad, sin errores por actualizaciones

- Mayor seguridad, con mínima superficie expuesta a ataques

- Costes de servidor reducidos gracias a un alojamiento ligero

- Carga ultra rápida en todos los dispositivos

A diferencia de un sitio “genérico”, el diseño fue completamente personalizado, transmitiendo una imagen profesional, moderna y alineada con los valores de FTS. Cada sección fue pensada para destacar sus servicios, garantizando a la vez una navegación fluida e intuitiva.

Paralelamente, renovamos la identidad visual de FTS con un nuevo logotipo en azul y rojo.

Dos colores fuertes que evocan fiabilidad, control y capacidad de reacción – cualidades esenciales en el sector del transporte y la gestión aduanera.

La tipografía en cursiva refuerza la idea de movimiento, fluidez y rendimiento.

Si eres una empresa y solo necesitas una presencia online clara y profesional, no es necesario invertir en un sitio complejo con Wordpress u otro CMS.

- No requiere mantenimiento técnico

- No hay gastos mensuales por actualizaciones o seguridad

- Es más rápido, más seguro y más sostenible

- Ofrece una imagen profesional desde el primer clic

Es la solución ideal si no necesitas un blog, tienda online o funcionalidades avanzadas.

Un sitio bien pensado, personalizado y sin complicaciones técnicas

Un sitio que trabaja para tu imagen y te representa con profesionalismo.

¿Estás pensando en rediseñar o crear el sitio web de tu empresa? Hablemos.

Como parte de su compromiso con una movilidad más accesible y sostenible, la asociación Agir Pour Tous de Francia nos encargó el diseño y desarrollo de un mapa interactivo para integrar en su sitio web Mobilité Pour Tous.

El objetivo de este proyecto era ofrecer una solución ergonómica e intuitiva que permitiera a los usuarios acceder rápidamente a la información sobre transporte en su municipio. Este mapa interactivo, desarrollado en HTML, CSS y JavaScript, se integró en el sitio web como un plugin de WordPress, lo que facilita su implementación y gestión.

El mapa incluye 38 municipios de Vallons de Haute Bretagne y Bretagne Port de Loire, cada uno de los cuales es clickeable y redirige a una página específica con información detallada sobre las soluciones de transporte disponibles (trenes TER, autobuses BreizhGo, opciones de coche compartido, rutas para ciclistas y peatones, etc.).

Los principales desafíos técnicos de este proyecto fueron:

- Optimización de la visualización: el mapa debía ser claro y fácil de usar en cualquier tamaño de pantalla y resolución.

- Accesibilidad móvil: se desarrolló una interfaz responsive que se adapta a ordenadores, smartphones y tabletas, garantizando una navegación fluida.

- Interactividad: cada municipio se resalta al pasar el cursor y reacciona al clic, redirigiendo rápidamente a la página correspondiente con animaciones fluidas para una mejor experiencia de usuario.

- Rendimiento y velocidad de carga: el mapa fue optimizado para minimizar su impacto en los tiempos de carga del sitio, asegurando un uso eficiente incluso en conexiones limitadas.

Para garantizar una experiencia de usuario fluida e intuitiva, utilizamos diversas tecnologías y buenas prácticas:

- SVG, para un diseño gráfico preciso y ligero, manteniendo flexibilidad en la visualización.

- JavaScript, para gestionar las interacciones dinámicas sin afectar la velocidad de navegación.

- CSS y Media Queries, para asegurar una adaptación óptima a todo tipo de pantallas, desde smartphones hasta monitores grandes.

- Integración en WordPress como un plugin, lo que facilita su administración y futuras actualizaciones.

Crear un mapa interactivo eficiente y ergonómico es más complejo de lo que parece y puede suponer un verdadero desafío técnico, especialmente cuando se trata de garantizar una experiencia de usuario uniforme en ordenadores, tabletas y teléfonos móviles. Lograr el equilibrio entre diseño, rendimiento e interactividad es clave para desarrollar una herramienta eficaz y fácil de usar.

Si necesitas una solución personalizada para integrar un mapa interactivo en tu sitio web, no dudes en contactarnos. Te ayudaremos a diseñar una solución adaptada a tus necesidades y a tu audiencia.