Siete años en la misma cuenta, y tres formas de estar en ella.
En marzo de 2014 el departamento de sistemas de Tecnoglass entregó las credenciales de tres dominios. En marzo de 2021 se rehizo por última vez el formulario de pedidos de ESWindows. En medio hay más de veinte aplicaciones internas, seis sitios públicos, un cambio de contratante, dieciséis meses de silencio y tres agencias externas que entraron a hacer lo que yo no hice.
- Cliente
- Tecnoglass · ESWindows · Alutions · Fundación Tecnoglass ESWindows
- Contratantes
- Tecnosystems IT S.A.S. hasta 2017 · Interfaz Creativa S.A.S., directo, desde 2016
- Periodo
- Marzo de 2014 a marzo de 2021
- Rol
- Diseñador de interfaz · Webmaster · Planeación digital
- Alcance
- Seis sitios públicos, más de veinte aplicaciones internas, marca y campañas
- Interlocución
- Dirección de sistemas y dirección de la fundación
- Evidencia
- Propuestas, contrato de actividades, informes firmados, cotizaciones y el historial de guardado de los archivos de diseño
Cómo empieza
Una cuenta de siete años no se gana con una propuesta. Se hereda, se sostiene y en algún momento casi se pierde.
El 12 de marzo de 2014, la dirección de sistemas de Tecnoglass entregó las credenciales de tecnoglass.com, energiasolarsa.com y alutraficled.com. Quince días después se firmó el contrato — pero no conmigo: con Tecnosystems IT, la empresa de software para la que yo diseñaba.
Ese detalle explica los tres primeros años. Yo no era el proveedor de Tecnoglass; era el diseñador de su proveedor. Y la bitácora del último trimestre de 2015 muestra hasta qué punto esa cuenta era el negocio: de 143 actividades repartidas entre diez clientes, 103 eran del grupo Tecnoglass.
Casi todo portafolio muestra proyectos entregados. Este muestra otra cosa: qué hace falta para que un cliente se quede siete años cuando el contrato cambia de dueño, el diseño se va a otras agencias y la operación sigue.
2014 – 2015 · Los dos sitios insignia
El primer encargo fue web. En noviembre de 2014 se reconstruyó entero el sitio de ESWindows —navegación, auditoría de valores térmicos, corrección de un catálogo donde dos modelos compartían descripción por error—, y tecnoglass.com se rehizo en paralelo.
No son dos sitios parecidos. Tecnoglass vende vidrio a quien construye: certificaciones, ensayos, planta, capacidad instalada. ESWindows vende ventanas a quien especifica: sistemas, perfiles, valores térmicos, tamaños máximos. Un mismo grupo, dos vocabularios y dos formas de buscar.
El pie azul con el mapa del sitio completo, la barra de idiomas y el sello The Power of Quality. Era lo único que tenía que verse igual en los dos.
Las dos portadas
Marzo de 2014 en tecnoglass.com y noviembre de 2014 en eswindows.com. Mismo grupo, dos públicos.
El catálogo técnico, en dos idiomas
Cada sistema tiene perfil, corte, valores térmicos y tamaño máximo. La ficha es el producto.
Lo que un fabricante de vidrio tiene que probar
Certificaciones, ubicación estratégica y tecnología de curvado: las tres páginas que cierran una venta institucional.
2015 · Configurar antes de cotizar
Una fachada no es un producto: es un ensamble de perfiles, cristales, accesorios, empaque, mano de obra, instalación y flete. Antes de poder cotizarla hay que poder describirla, y eso exigió dos piezas distintas.
La pública es el configurador de producto: tres pestañas —ventanas, puertas, personalizado— y un formulario que se valida contra lo que la fábrica puede hacer de verdad. Cuando la combinación no existe, el sistema no devuelve una lista vacía: propone la alternativa más cercana.
La interna es el cotizador de fachadas, de febrero de 2015: veintidós módulos, del maestro de perfiles al flete.
El campo se marca en el momento, no al enviar. Un comercial que configura mal una fachada pierde días; el error tiene que salir en la pantalla donde se comete.
El configurador público
Configurar, buscar y —si no existe— recibir una alternativa en vez de un resultado vacío.
El cotizador de fachadas
Veintidós módulos para calcular un producto que no es un producto, sino un ensamble. Antes y después del rediseño.
Entrar, elegir marca, armar el sistema
El acceso, la elección de marca y tipo de fachada, y el armado por nodos y vidrios.
2015 · La planta, pantalla por pantalla
En doce meses el trabajo bajó del sitio corporativo al piso de fábrica.
Entre mayo y diciembre de 2015 salieron once aplicaciones que cubren el recorrido completo de una fachada: la recepción del aluminio, la proyección de inventario, la fundición, el horno, la producción, el empaque, el despacho, el transporte y el monitor de representantes comerciales.
Casi todas se usan de pie, con guantes, con ruido y con la luz de una nave. Eso decide el diseño más que cualquier guía de estilo: tipografía grande, un dato por línea, el estado en color y el botón crítico donde llega el pulgar.
- Recibo — entra el aluminio
- Fundición — la colada, en Alutions
- Hornadas — el templado
- Producción — el maestro de órdenes
- Inventario — la proyección
- Empaque y Despacho
- Transporte y Representantes
Recibo de aluminio
Lo primero que ocurre: el material llega, se ubica y, si algo no cuadra, se levanta una no conformidad ahí mismo.
Fundición — la parte que es de Alutions
La colada y el cálculo de aleación. Silicio, hierro, cobre y manganeso: cuatro casillas que deciden si el perfil sirve.
El horno — templado, curvado y rechazo
La aplicación del área de temple. Cada hornada entra, sale, y en la salida se decide si el vidrio se acepta o se rompe.
Empaque
Del paquete al contenedor. La etiqueta es el único documento que viaja con el vidrio: obra, orden, composición, área y peso.
Despacho
Programar y validar. Cada paquete lleva su obra, su producción y su consecutivo, y el estado se decide en la lista.
El maestro de producción, antes y después
La misma tabla, dos épocas. La segunda versión separa filtros de datos, agrupa por proceso y pone el avance de planta abajo, siempre visible.
La proyección de inventario
Qué hay, qué falta y cuándo llega. Es la pantalla que decide si una obra se promete o no.
El monitor de representantes
Mayo de 2015. Tabletas asignadas a los representantes comerciales, y un mapa que responde dónde estuvo cada uno.
2016 · El año en que casi se pierde
Entre marzo de 2016 y julio de 2017 no se creó ni una sola aplicación nueva. Dieciséis meses.
En la mitad de ese silencio, el 29 de septiembre de 2016, hay dos propuestas formales: una a Tecnoglass y otra a C.I. Energía Solar. Es el momento en que la operación web deja de pasar por Tecnosystems y se contrata directo.
No fue un corte limpio. Las aplicaciones siguieron siendo de Tecnosystems hasta octubre de 2017, así que durante más de un año la misma cuenta se trabajó por dos vías a la vez. El traspaso no fue una puerta: fue una rampa.
El portal de inversionistas se lanzó el 22 de marzo. La arquitectura de marca se reorganizó y Alutions salió como marca propia. La fundación del grupo entró a la cuenta. Y en septiembre llegaron las dos propuestas.
El silencio fue de aplicaciones, no de trabajo.
Tres marcas, un grupo
Febrero de 2016: la reunión que separa a Alutions como marca independiente, y cómo quedó contada después.
El portal de relación con inversionistas
Lanzado el 22 de marzo de 2016 sobre la plataforma de Nasdaq. Aquí mi papel fue de planeación, no de diseño: está contado más abajo.
Un buscador para las obras
La sección de proyectos de tecnoglass.com: portada, búsqueda por país y producto, resultados y ficha de obra. Cuatro pantallas para un solo recorrido.
La fundación entra a la cuenta
Desde 2018 esta web sostiene la publicación que exige la DIAN para conservar el Régimen Tributario Especial: informe de gestión, estados financieros, certificados y actas del consejo.
2017 – 2019 · Volver, y firmar
Las aplicaciones vuelven en julio de 2017 — todavía por Tecnosystems. Llegan el empaque, la medición en línea de producción, la mesa de servicios y el portal de ofertas a proveedores.
Y en marzo de 2018 pasan tres cosas en nueve días: el 14 se firma la declaración de confidencialidad, el 22 el contrato de actividades —Webmaster y Diseño, en ese orden— y el 23 sale la circular que transforma a la compañía en sociedad por acciones. El contrato no fue una negociación suelta: fue parte de una reorganización jurídica que obligó a poner en regla a los proveedores.
De ahí en adelante el alcance se ensancha: logística con evidencia fotográfica en ruta, seguimiento de pedido para los distribuidores en Estados Unidos, dos marcas de producto interno, campañas de relación con clientes y el mantenimiento del catálogo técnico en dos idiomas.
- 14 — declaración de confidencialidad
- 22 — contrato de actividades
- 23 — circular de transformación a S.A.S.
El acuerdo es indefinido. Por eso en esta página no hay ni una cifra interna del cliente.
Tecnómetro — una aplicación que vive en el ruido
Medición en línea de producción. La aplicación casi no tiene contenido: es una máquina de estados. Buscar, conectar, asociar, fallar.
La mesa de servicio y el portal de ofertas
Dos aplicaciones administrativas del mismo tramo: pedir soporte interno, y recibir ofertas de proveedores con una sola oportunidad de envío.
Del piso de planta a la ruta
Transporte y logística: zonas, tarifas, órdenes y la evidencia fotográfica que se captura en el camino.
Seguimiento de pedido
Diciembre de 2018: el distribuidor en Estados Unidos deja de llamar para preguntar por su orden. Tres barras y una frase.
Marca de producto interno
La iconografía de la familia logística y los dos logotipos de 2019.
Miami Heat — la temporada como excusa para llamar
Temporada 2019/20. La pieza lista el calendario entero y pide una sola cosa: escoge tu juego. A la derecha, la invitación animada que salió por correo.
La línea residencial y las obras
Dos frentes de 2018 y 2019 en eswindows.com: cómo mostrar proyectos, y cómo separar Prestige de Elite sin partir el sitio en dos.
2020 – 2021 · Sostener
El último tramo cambia de naturaleza. Ya no se trata de diseñar productos nuevos sino de que la operación no se caiga: infraestructura, copias de respaldo, seguridad de los formularios, publicación en cinco sitios, campañas de correo y posicionamiento.
En 2020 el trabajo está registrado mes a mes. Aparece la campaña interna de ciberseguridad —que tiene capítulo propio—, se construye el pedido en línea de ESWindows, se prototipa la nueva web de la fundación, se levanta el formulario de servicio al cliente y salen dos aplicaciones para el COVID-19.
En marzo de 2021 se rehace el pedido en línea en inglés y español. Es el último documento del archivo. La cuenta no se cierra con una carta: simplemente deja de haber entradas.
Es la parte menos vistosa y la de mayor consecuencia. Desde 2018 la web de la fundación publica los documentos que exige la DIAN para conservar el Régimen Tributario Especial: informe de gestión, estados financieros, certificados y actas del consejo.
Si esa publicación falla, la fundación pierde el beneficio. No es diseño: es cumplimiento.
Escuchar al cliente, y contestarle
El portal de servicio al cliente de ESWindows y la encuesta de satisfacción que lo alimenta. Cinco preguntas de producto, cinco de organización y un número.
Dos aplicaciones para el año del COVID-19
MaskTech: signos vitales, medicación y alarma en una sola pantalla, para volver a la planta sin volver a ciegas.
La campaña interna de ciberseguridad
Ochenta y una piezas entre 2019 y 2021, con su propio capítulo: la serie Sabías QUÉ?
El pedido en línea, rehecho en dos idiomas
Marzo de 2021, el último documento del archivo. Web y móvil, en inglés y español.
La fundación, de la maqueta a la portada
Cuatro exploraciones y el resultado. Se conservó la ilustración de la ventana de transformación porque era lo único que la fundación ya reconocía como suyo.
Crédito compartido
Una cuenta de siete años no la sostiene una sola persona. Y no todo lo que aparece en esta página lo diseñé yo.
- Diseño de interfaz y webmaster — Carlos J. Carvajalino
- Desarrollo full-stack — Frank Jairo Ojeda
- Portal de inversionistas — plataforma de Nasdaq
- Los dos rediseños de 2020 — agencias externas
Frank Jairo Ojeda, la otra mitad del trabajo
Ninguna de estas pantallas funcionó por estar bien diseñada. Frank Jairo Ojeda acompañó la operación web como desarrollador full-stack desde los primeros días, y siguió ahí los siete años: lo que había detrás de cada formulario, de cada consulta y de cada aplicación de planta lo levantó y lo sostuvo él.
Esa continuidad es la otra mitad de la respuesta a por qué la cuenta duró tanto. Seis sitios públicos y más de veinte aplicaciones internas no los sostiene un diseñador solo: hace falta alguien que conteste cuando algo se cae, y que conozca la operación tan bien como para arreglarlo sin preguntar de qué se trata.
Trabajar de a dos también cambió el diseño. Cuando quien programa está en la misma conversación desde el principio, una pantalla deja de ser una propuesta y pasa a ser un acuerdo.
Y tres veces en siete años el grupo trajo una plataforma o una agencia de fuera. Las tres veces fui quien la hizo aterrizar, no quien la diseñó.
El portal de inversionistas de 2016 corría sobre la plataforma de Nasdaq y el menú desplegable lo implementó un desarrollador de Nasdaq. Mi papel fue de planeación digital: coordinar al cliente, a la agencia de relación con inversionistas y al equipo técnico hasta el lanzamiento.
Los rediseños de 2020 de los dos sitios insignia fueron de otras dos agencias. Yo había presentado una propuesta de rediseño en agosto de 2018 y entregado mapa del sitio, maquetas y sistema tipográfico en enero de 2019. No prosperó. Lo que hice en 2020 fue acompañar la publicación de lo que hicieron ellas.
Decirlo importa por dos razones. La primera es que es verdad. La segunda es que explica el caso: el diseño de los sitios rotó, y el equipo no. Lo que sostuvo siete años no fue ganar cada proyecto, sino ser los que conocían la operación cuando alguien tenía que mantenerla andando.
Lo que deja el caso
De marzo de 2014 a marzo de 2021: once aplicaciones de planta en el primer tramo, seis sitios públicos sostenidos hasta el final, una fundación mantenida en regla ante la autoridad tributaria y un cambio de contratante atravesado sin perder al cliente.
Los capítulos hondos de esta historia están escritos aparte: la planta de ESWindows cuenta el detalle de diseño de los dos sistemas de producción y calidad, el archivo de Tecnosystems guarda las veintiocho piezas de la primera etapa, y la serie Sabías QUÉ? reúne dos años de campaña interna de ciberseguridad.
Una cuenta se pierde el día que dejas de ser necesario. Esta duró siete años porque la parte aburrida —la que sostiene— nunca dejó de serlo.
Otros casos: la planta de ESWindows, el archivo de Tecnosystems, la serie Sabías QUÉ? y La Oficina de Proyectos.
Ver el portafolio