Saltar al contenido

Ignacio Allaria, diseñador gráfico, diseñador digital, desarrollador.

Diseñador gráficoDiseñador digitalDesarrollador

Firmo como Banner. Pienso identidades, interfaces y productos digitales, y después los construyo. Desde Buenos Aires.

Estás viendo la versión sin animaciones.

Qué hago

  1. Diseñoidentidades

    Vibratto · identidad y portada: captura real del proyecto.
    Vibratto · identidad y portada
  2. Dirijoel arte

    Vibratto · dirección visual: captura real del proyecto.
    Vibratto · dirección visual
  3. Diseñointerfaces

    Bitácora · panel del taller: captura real del proyecto.
    Bitácora · panel del taller
  4. Piensoproductos

    Bitácora · del cuaderno al sistema: captura real del proyecto.
    Bitácora · del cuaderno al sistema
  5. Diseño y programositios

    La Criolla · catálogo online: captura real del proyecto.
    La Criolla · catálogo online
  6. Construyosistemas reales.

    La Criolla · rubros y pedidos: captura real del proyecto.
    La Criolla · rubros y pedidos

No diseño una pantalla. Pienso el sistema completo, y lo construyo.

Cómo pienso

Primero entiendo qué hay que resolver. Después decido cómo se ve.

Criterio antes que decoración. Si algo está en la pantalla, tiene que estar por un motivo; si no lo tiene, sobra.

Claro no es lo mismo que genérico.

Prefiero una identidad que se reconozca a una tendencia que se repite en todos lados.

Detalle de la tipografía de Vibratto: las curvas de «tu».
Vibratto. Una serif que no se parece a ninguna otra agencia.

Una interfaz que no funciona no está terminada, por linda que sea.

Los detalles son la forma de demostrar que algo se hizo con cuidado. Y concepto, imagen y código no son tres etapas: son la misma conversación.

Detalle del panel de Bitácora: cada ítem del auto con su estado.
Bitácora. Cuatro estados, cuatro colores, una lectura de un segundo.

Cómo trabajo

  1. Entender

    Antes de abrir cualquier programa, pregunto. Qué hay que resolver, para quién y por qué ahora.

  2. Pensar

    Ordeno las ideas en una estructura. Todavía sin colores: primero tiene que funcionar el esqueleto.

  3. Diseñar

    Recién ahí aparece la identidad: tipografía, color, imagen. Cada decisión responde a algo de lo anterior.

  4. Construir

    Lo programo yo, así lo que se diseñó es lo que se publica. Sin nada que se pierda en el camino.

  5. Refinar

    Reviso, ajusto, vuelvo a probar. Los detalles aparecen cuando algo se usa de verdad.

  6. Publicar

    Y sale al mundo. Esta página pasó por cada uno de estos pasos.

No es un procedimiento rígido: es cómo me gusta encarar un proyecto. Involucrarme de punta a punta, iterar y llevarlo hasta algo que funcione.

bannerdg.dev

IgnacioAllaria

Diseñador gráfico
Diseñador digital
Desarrollador

Lo que hice

2424¿Quién soy, en una pantalla?Tres proyectos realesQue el scroll cuente algoDiseño + código, sin traducirNada de plantillas

Lo que hice

01 — Software para talleres mecánicos y lubricentros

Portada de Bitácora: un auto negro bajo la lluvia y el título Llegó Bitácora.

Bitácora

Los talleres llevan el mantenimiento de cada auto en planillas y en la memoria del mecánico. Bitácora ordena todo alrededor de una pregunta: ¿qué le toca a este auto? Cada ítem tiene su vencimiento, cada auto su QR, y el turno sale por WhatsApp con el mensaje ya armado.

Qué es
Software para talleres mecánicos y lubricentros
Qué hice
Producto, interfaz y desarrollo
bitacoraqr.com(se abre en otra pestaña)

AB123CD · Toyota Corolla XEI — vehículo de ejemplo de la demo

¿Qué le toca
a este auto?

  1. AceiteVence pronto
  2. FrenosAl día
  3. Filtro de aireVencido
  4. CubiertasVence pronto
  5. BateríaAl día
  6. Correa distr.Sin trackear

Hola! Vimos que a tu Corolla ya le toca hacer el service. ¿Coordinamos un turno esta semana?

21:48 ✓✓

El primer mensaje se arma solo. El resto lo charla el taller.
Panel del taller con un vehículo de ejemplo: vencimientos, turno por WhatsApp e historial.
El panel del taller, con el auto de ejemplo de la demo.
Comparación: a la izquierda un cuaderno con los problemas del taller, a la derecha el estado de cada ítem del auto en Bitácora.
Del cuaderno al estado de cada ítem.

Del cuaderno
al panel

02 — Agencia de marketing digital, San Isidro

Vibramostu negocio.

Portada del sitio de Vibratto con el título Vibramos tu negocio.
Portada del sitio de Vibratto con el título Vibramos tu negocio.

Vibratto

Una agencia nueva, con mucha personalidad y sin marca ni web. Le hice una identidad que no se queda quieta, rojo, rosa y una serif de curvas exageradas, y un sitio que lleva todo hacia una reunión.

Qué es
Agencia de marketing digital, San Isidro
Qué hice
Identidad, diseño web y desarrollo
vibrattosocialmedia.com(se abre en otra pestaña)
Sección de servicios de Vibratto: Branding, Social Media y Producción Audiovisual.
Seis servicios que se leen en una sola pasada.
Vibratto en el teléfono: Vibramos tu idea.
La palabra del título rota sola: idea, marca, redes, negocio.

03 — Ferretería familiar · Catálogo online y pedidos

La
Criolla.

caños

Resultados en Plomería

Agregar al pedidoMi pedido1

Se confirma por WhatsApp. Retiro o envío.

Recorrido recreado con los rubros y las fotos del catálogo real.

Ferretería
Todas las categorías
Electricidad
Bulonería
Construcción
Sanitarios
Limpieza
Plomería
Gas
Herramientas
Adhesivos
Pinturería
Bazar
Fischer
Más

Miles de artículos que se parecen entre sí y una clientela de barrio. El catálogo se ordena como el mostrador, por rubro, y el pedido se confirma por WhatsApp, como se hizo siempre. Sin checkout, sin vueltas.

Qué es
Ferretería familiar · Catálogo online y pedidos
Qué hice
Diseño y desarrollo
Ver el catálogo(se abre en otra pestaña)
Portada del catálogo de La Criolla: el frente rojo de la ferretería y el título Todo lo que necesitás.
Portada del catálogo de La Criolla: el frente rojo de la ferretería y el título Todo lo que necesitás.
Los rubros del catálogo con fotos de producto: ferretería, electricidad, bulonería, sanitarios, plomería y más.
Los rubros, con los nombres que usa el que atiende.

Conversemos

Todo empiezacon un punto

¿Ponemos el primero?

Una idea a medio armar también sirve.

Una marca que necesita forma, un sitio que tiene que funcionar, un producto que hay que diseñar y construir. Contame en qué estás: lo leo yo y te respondo yo.

En qué podemos trabajar