Delta Protect

Diseñando para Delta Protect

Desde el inicio de Superficial, conocimos al equipo fundador de Delta, desde entonces,  hemos hecho esfuerzos para llevar el diseño de su website al siguiente nivel. Iniciamos auditando la estructura de su contenido, encontrando patrones de interacción positivos y negativos. 

Delta Protect
Sitio Web inicial de Delta Protect, antes de nosotros.

Resultados

Uno de los criterios de aceptación del equipo Delta, fue armar su estructura sobre React, mismo que nos permitió tener una capa liviana de assets y tener la libertad de crear transiciones de movimiento de cero. 

  • Atomic Deisgn: Construimos un Design System basado en componentes para poder escalar múltiples templates.
  • Módulos: A través de módulos creamos espacios de mayor a menos jerarquía para jugar con un storytelling claro.
  • Mobile first: Nos basamos en pantallas pequeñas, aplicando estándares de interacción basados en material design. 
Delta Protect
Apolo Page
Delta Protect
Home Page
Delta Protect
Testimoniales
Delta Protect
Features Apolo

De Figma a Webflow

Creamos un nuevo proyecto sobre Figma para que múltiples equipos puedan consumir los Foundations y Componentes del Design System que consume tanto el sitio web como su web app. Este es un ejemplo de cómo entregamos la interfaz para el equipo que implementa Webflow, la herramienta donde vive la última versión del sitio web.