Caso · Trabajo formativo

Construida en 2019. Sigue vigente.

Siete años en línea.

En Hemaka, el trabajo web dejó de ser un puesto con una sola función. La página que ayudé a construir en 2019 todavía se ve actual porque su movimiento se diseñó con intención, no por novedad. El logo se arma solo, las ilustraciones responden a la interacción y cada animación cumple una función clara. Debajo de esa personalidad hay trabajo menos visible: restricciones de producción, necesidades del cliente, control de calidad, soporte y criterio, a veces todo en el mismo día. Esa combinación de carácter y cuidado técnico le da vigencia a la página.

Rol
Desarrollo de interfaz, animación, control de calidad y soporte de producto
Materiales
React, Meteor.js, TypeScript, Three.js, animación SVG e interfaces responsive
Aprendizaje
Aprender la próxima herramienta y usarla con criterio.
Animación del logo piramidal de Hemaka con piezas negras y grises cargando en su lugar
Ir a la sección Resumen
Desafío

Aprender con presión real de producción.

El aprendizaje siempre estaba ligado a problemas reales. Los componentes de React, las decisiones en TypeScript, los experimentos con Three.js y los errores de diseño o del navegador tenían que terminar en algo claro y usable. La tecnología importaba solo cuando mejoraba el resultado final.

Enfoque

Prototipar, revisar, publicar, repetir.

Aprendí a pasar de un prototipo rápido a una implementación sólida: ajustar animaciones, entender código ajeno, rastrear errores y convertir una idea visual ambiciosa en una interfaz fácil de mantener.

Enredaderas del caso Endpain creciendo alrededor del logo y la tarjeta de contenido en el sitio de Hemaka

Otro proyecto de esa época

Construido en 2014.
Sigue siendo visualmente eléctrico.

Cosmic Symbolism

La dirección visual sigue siendo dinámica, vibrante y sorprendentemente actual.

En Hemaka ayudé a construir esta experiencia inmersiva para el navegador cuando era desarrolladora junior. Aprendí cómo se conectan los sistemas de animación, el renderizado adaptable y las restricciones de producción.

Cliente
Imaginary Foundation
Rol
Desarrolladora junior
Contribución
Implementación frontend, soporte de animación y control de calidad
Tecnologías del proyecto
Meteor.js, HTML5 Canvas 2D, CoffeeScript, JavaScript, jQuery, Underscore.js
Lo que aprendí en el camino
Animación para navegadores y Three.js
Visitar el sitio ↗

Lo que me enseñó

Saber resolver lo técnico también mejora el diseño.

Hemaka me hizo más rápida porque aprendí a leer el proyecto entero antes de tocar el código. Aprendí a ver una página como un sistema donde el código, los datos, las animaciones, los textos, la estructura visual, la publicación y el soporte se afectan entre sí. Esa sigue siendo mi forma de diagnosticar y construir una página.

Animación

SVG, secuencias de movimiento, ritmos de animación e interacciones que hacen que cada detalle se note pensado.

Tecnologías

React, Meteor.js, TypeScript, estado, rutas, flujo de datos y las decisiones detrás de elegir una librería.

Criterio de producción

Depurar lo que realmente se rompió, reducir código frágil y tomar decisiones que aguanten después del lanzamiento.

Cambiar de rol

Pasar de desarrollo a diseño, control de calidad, comunicación con clientes y resolución de problemas sin perder el hilo del proyecto.

Hemaka fue una escuela en sí misma: el lugar donde aprendí que construir buenas webs combina oficio, pensamiento de sistemas y calma para resolver problemas.

Resultado

Una base desde la que sigo construyendo.

Hemaka era un lugar para trabajo ambicioso en el navegador, pero la regla nunca fue perseguir la novedad. Cada herramienta tenía que ganarse su lugar en producción. De ahí nacía la creatividad: ingenio dentro de las restricciones, no novedad por sí misma.

Lo más valioso no fue una pantalla ni una tecnología, sino una forma de trabajar: entender cómo se relacionan las distintas partes, implementar cada detalle con precisión y cuidar la experiencia incluso cuando el proyecto se complica.

  • Desarrollé experiencia con interfaces basadas en JavaScript y animaciones complejas, incluidas Three.js y la animación de gráficos SVG.
  • Aprendí a evaluar React, Meteor.js, TypeScript y otras tecnologías según restricciones reales de producción, no por moda.
  • Aprendí a ordenar proyectos poco definidos y llevarlos adelante entre diseño, código, control de calidad y soporte.

Lo que eso significa para tu proyecto: los errores caros ya los cometí en otro momento, no en tu página.

Ver proyectos
Roles que fui sumando
  • Animación
  • React / TypeScript
  • Meteor.js
  • Three.js
  • Arquitectura de interfaz
  • Responsive
  • Debugging
  • Contexto de cliente
  • Soporte de lanzamiento

Empecemos un proyecto.

Contame qué estás construyendo, qué necesita cambiar y cuándo querés lanzarlo. Te respondo dentro de un día hábil.