Zelf — carruseles y banners web para una app de identidad digital

La idea

Todo el sistema parte de un fondo negro con un campo de estrellas fino y una luz naranja que sale de la propia imagen. Los titulares usan una sans geométrica ancha en blanco; algunas palabras se apagan en gris para marcar el ritmo de lectura («If Your Private Data Lives On A Server, It Can Be Breached») y las palabras clave van en degradado de naranja a violeta («Identity», «Ownership», «Zelf Legacy»). El símbolo de Zelf, un rombo partido en planos, aparece en blanco en todas las láminas y en blanco sobre naranja en monedas 3D e íconos de app.

Para hablar de privacidad sin caer en el candado genérico, los carruseles usan personajes ilustrados con gafas redondas y luz naranja: una multitud para «One Face. Infinite Identities. Owned By You.», un rostro escaneado por el celular, alguien frente a un formulario de login. Se combinan con un rack de servidores dibujado en líneas de neón, un planeta que se deshace en píxeles y una llave antigua de cobre.

Las piezas

• Carrusel sobre el modelo de Zelf: tres láminas de riesgos (servidores, bases de datos, contraseñas) y cierre con «No Servers. No Databases. No Digital Trace.».
• Carrusel de presentación de marca, de «Something Has Changed» a «Meet The New Face Of ZELF», con fotografía, planeta pixelado y llave.
• Carrusel de Zelf Legacy: etiquetas tachadas en rojo para el problema, diagrama circular con biometrics, zk cryptography y self-custodian, lista de control en verde menta y cierre con el enlace zelf.world/zelf-legacy.
• Post de anuncio del nuevo sitio, con mockup de portátil y píldoras «New design» y «Better experience».
• Seis banners horizontales para los productos, la economía de identidad, los tokens, la suscripción anual y la descarga de la app.

Cómo se mantiene la coherencia

El naranja es el único color de acción: botones, píldoras y luces. El violeta solo aparece en degradados de fondo y en el texto destacado. En los banners el texto siempre va a la derecha y la imagen a la izquierda, para que funcionen como secciones de una misma página.