Cinco pasos del brief a los archivos en tu producto. Ves el trabajo en cada paso y eliges antes de seguir.
01Alcance
Tu público, tu competencia y tu marca actual estudiados, y el posicionamiento decidido.
02Dirección
Dos o tres caminos en moodboards, bocetos y style frames, y tú eliges uno.
03Diseño
El logotipo, la tipografía, el color, las ilustraciones y los iconos dibujados como un solo sistema.
04Animación
El logotipo, las transiciones y los momentos del producto animados con las mismas reglas.
05Entrega
La guía de marca, la librería de Figma y los archivos SVG, Lottie y vídeo, listos para el desarrollo.
01Alcance
Tu público, tu competencia y tu marca actual estudiados, y el posicionamiento decidido.
02Dirección
Dos o tres caminos en moodboards, bocetos y style frames, y tú eliges uno.
03Diseño
El logotipo, la tipografía, el color, las ilustraciones y los iconos dibujados como un solo sistema.
04Animación
El logotipo, las transiciones y los momentos del producto animados con las mismas reglas.
05Entrega
La guía de marca, la librería de Figma y los archivos SVG, Lottie y vídeo, listos para el desarrollo.
Por qué SafeBlockLab para branding y animación
Un estudio que diseña tu marca, tus ilustraciones y tus animaciones, y las integra en tu producto.
01
Dibujado a mano, no generado.
La IA nos ayuda a explorar al principio; cada símbolo, ilustración e icono final se dibuja en vector, limpio a cualquier tamaño y tuyo.
02
Diseñado por el equipo que lo desarrolla.
Quien dibuja tu animación trabaja junto a quien la publica, así que lo que apruebas es lo que funciona en tu app.
03
Ligero para el producto.
Las animaciones pesan unos pocos kilobytes y se prueban en el navegador antes de entregarse, para que el movimiento nunca frene una pantalla.
04
Movimiento que respeta a quien lo usa.
Cada animación tiene una versión fija para quien desactiva el movimiento, y cada color se revisa por contraste.
05
Un solo estilo en todo.
Logotipo, ilustraciones, iconos y animación comparten una paleta y unas reglas, para que la marca se lea igual donde aparezca.
06
Primero, un presupuesto por escrito.
Alcance, precio y fechas por escrito tras una primera llamada, antes de empezar a diseñar.
Sectores para los que desarrollamos software
Desarrollo de software a medida para cada sector: web, móvil e IA, construido y auditado en seguridad por un mismo equipo.
También desarrollamos software para seguros (insurtech), administración pública (govtech), energía y medios. Si tu sector no aparece, también podemos desarrollar software para él.
Tecnologías y herramientas para branding, ilustración y animación
Las herramientas con las que dibujamos, animamos y entregamos, y las que tu equipo ya use.
Un símbolo y un logotipo, el icono de la app y el favicon, una paleta de color y una tipografía, y un manual sobre cómo usarlos. Se pueden sumar ilustración, iconos y animación en el mismo estilo, y aplicamos la marca a tu app y tu web.
¿Cuánto cuesta el branding y cuánto tarda?
Depende de lo que haga falta: solo un logotipo, una identidad completa, o también ilustración, iconos y animación. Tras una primera llamada te enviamos un presupuesto por escrito con el alcance, el precio y las fechas, y nada empieza antes de que lo aceptes.
¿Usáis IA para hacer logotipos?
Usamos herramientas de imagen con IA al principio, para explorar direcciones rápido. Los símbolos, ilustraciones e iconos finales se dibujan a mano en vector. Así se ven limpios en cualquier tamaño, y además importa para la propiedad: en EE. UU., una imagen hecha solo con IA no puede registrarse con derechos de autor.
¿De quién son el logotipo y los archivos?
Normalmente, tuyos: en un trabajo para un cliente, los derechos sobre el trabajo final se te ceden según el acuerdo, y recibes cada archivo y su original, de los vectores maestros a los archivos de animación.
¿Podéis actualizar nuestro logotipo en vez de empezar de cero?
Sí. Una actualización conserva lo que la gente ya reconoce y arregla lo que no funciona: el símbolo redibujado sobre una retícula, colores accesibles, la tipografía sustituida. Un rebranding completo vuelve a empezar desde el brief.
Lottie, Rive o vídeo: ¿cuál necesitamos?
Lottie encaja con animaciones que se reproducen, como cargas, bienvenidas y logotipos animados, y funciona en web, iOS y Android. Rive encaja con animaciones que responden, con estados al pasar, pulsar y avanzar. El vídeo encaja con escenas largas y ricas para marketing. Recomendamos uno para cada uso, y a menudo usamos más de uno.
¿Las animaciones harán más lenta nuestra app?
No si están hechas para el producto. Mantenemos las formas simples, revisamos el peso de cada archivo antes de entregarlo y cargamos las animaciones solo cuando aparecen en pantalla. Las animaciones de esta página son los propios archivos, con su peso a la vista. Cada animación tiene además una versión fija para quien desactiva el movimiento.
¿Podéis ampliar nuestro set de iconos o nuestro sistema de diseño?
Sí. Igualamos la retícula, el trazo, los radios y el estilo de lo que tienes, dibujamos los iconos que faltan y los añadimos a tu librería de Figma y a tu código.
¿Podéis integrar las animaciones y los iconos en nuestro producto?
Sí. Somos un estudio de desarrollo además de diseño, así que el equipo que dibuja una animación puede añadirla a tu app web o móvil, con los iconos como componentes y los colores y tiempos como tokens.
¿Qué archivos recibiremos?
Depende del servicio. Una identidad de marca incluye el logotipo en SVG, PDF y PNG, el icono de la app, el manual y una librería de Figma; las ilustraciones, SVG por capas y PNG o WebP exportados; las animaciones, Lottie o dotLottie, Rive o vídeo, con un fotograma fijo; los sets de iconos, archivos SVG, una fuente de iconos, un sprite y componentes de Figma.