Damorus · Portafolio

En enero de 2026, antes de que existiera Damorus Projects, el fundador necesitaba conseguir trabajo. Es ingeniero ambiental, había trabajado varios veranos en Estados Unidos y estudiado en Berlín, y había vuelto a Colombia con la decisión de dominar la inteligencia artificial. Lo que le faltaba era cómo demostrar lo que ya podía construir con ella. Así salió un portafolio propio, publicado en damorus.com, con una portada que hablaba en primera persona. Tenía un saludo directo y la promesa de usar IA para construir sitios web vivos y convertir ideas en productos reales.

Lo hizo con React, Vite, Tailwind y Framer Motion, y lo fue puliendo por versiones. La portada tenía un fondo morado profundo y una moneda que giraba rodeada por la frase "Creando las multinacionales del futuro", la misma que hoy aparece, reconstruida, en la página de este proyecto. Debajo venía lo principal, una cuadrícula titulada "Lo que construyo" con ocho demostraciones animadas. Seguía una sección con tres ofertas (sitios de lanzamiento, tiendas en línea y automatización con IA) y, al final, un cierre que se abría como una persiana e invitaba a escribir un correo para construir algo grande juntos.

Desde el principio el fundador quiso saber si alguien leía el portafolio y hasta dónde llegaba, así que el sitio se medía a sí mismo, un detalle que desde afuera casi no se veía. Registraba las visitas, de dónde llegaban, el país del visitante sin guardar su dirección IP y cuánto duraba cada sesión. Calculaba hasta qué tramo de la página bajaba cada persona, con cada tramo anclado a una sección real. Y un cambio de idioma solo contaba como visita nueva si después la persona interactuaba con la página.

El portafolio medía hasta dónde leía cada visitante y de qué país venía, sin guardar su dirección IP.

Fuente: Código de damorus.com: DisenoWebPro.jsx (estructura de la página y medición por tramos) · Textos de damorus.com (i18nDict.js, rama es): portada, cuadrícula y ofertas · Entrevista con el equipo de Damorus Projects, 2026: portafolio de enero de 2026

La animación estrella iba a todo lo ancho de la cuadrícula y era la de ingeniería de conversión: una ficha de producto con etiqueta de más vendido, descuento, compra en un clic, comprobante y correo de bienvenida. Las demás celdas de "Lo que construyo" tenían cada una su animación, y todas seguían la misma idea. Para decir que el fundador sabía construir un panel de administración, la página mostraba uno funcionando. El centro de mando enseñaba un acceso seguro, notificaciones de pedidos en vivo, inventario en tiempo real, estadísticas y correos que se redactaban solos. Otra celda recorría una venta automática, del clic en comprar al pedido en camino.

El resto cubría otras partes de un negocio digital. Un asistente con IA respondía preguntas sobre envíos, garantía y transferencias. Una celda de pagos mostraba los medios aceptados, de Mercado Pago y Bre-B a Visa, Mastercard, American Express y Nequi. La caja negra de protección bloqueaba direcciones sospechosas en vivo, y la de doble factor simulaba un ingreso con un código obtenido al escanear un QR. Había también una de identidad de marca que cambiaba paletas de color y un monitor de visitantes. Muchas escenas usaban como ejemplo la tienda que se estaba construyendo para URG Technology↗, con datos ficticios de demostración.

El movimiento también estaba pensado. Las tarjetas entraban desde el borde que ocupaban en la cuadrícula (las de la izquierda por la izquierda, las de la derecha por la derecha y las centrales desde abajo), así que la sección se veía armarse sola. Los títulos se escribían letra por letra, pero solo cuando su tarjeta terminaba de aparecer, para no juntar varias animaciones a la vez y que todo corriera fluido. La moneda de la portada respetaba la preferencia de menos movimiento y se pausaba al salir de pantalla.

Para mostrar que sabía hacer un panel de administración, la página tenía uno funcionando, con pedidos que entraban en vivo.

Fuente: Textos de damorus.com (i18nDict.js, rama es): cuadrícula, centro de mando y demostraciones · Código de damorus.com: BentoFase3.jsx (entrada de las celdas por su borde y escritura diferida de títulos) · Entrevista con el equipo de Damorus Projects, 2026: animaciones de e-commerce, panel, pagos, asistente IA, BlackBox, psicología de conversión y monitor de visitantes

Arriba a la derecha había un selector para cambiar entre español, inglés y alemán en cualquier momento, y cada texto del sitio, desde el saludo hasta las escenas de las animaciones, tenía su versión en los tres. Son los idiomas del fundador. El español es su lengua materna, el inglés lo afinó en sus veranos de trabajo en Estados Unidos y el alemán lo aprendió en Berlín. Si buscaba trabajo o clientes fuera de Colombia, lo lógico era que el portafolio llegara en el idioma de quien lo recibía.

Por dentro, todos los textos estaban en un diccionario organizado como un árbol, con las mismas ramas y en el mismo orden para los tres idiomas, así ninguna lista se desordenaba al traducir. Al cambiar de idioma cambiaban también el título de la pestaña, la descripción que leen los buscadores y las redes al compartir el enlace, y el idioma declarado de la página. El cierre se escribió aparte en cada lengua, con su propio tono; en alemán, por ejemplo, invitaba a conversar con una frase natural de allá, sin calcar el español.

Esas versiones todavía se usan. Damorus Projects aún no tiene su traducción completa, y mientras llega, el selector de idioma de este sitio manda las opciones de inglés y alemán a la réplica del portafolio, en /damorusold/en y /damorusold/de. Es una solución temporal. Quien llega desde Estados Unidos o Alemania encuentra algo de Damorus en su idioma, en lugar de una página a medio traducir.

Mientras llega la traducción de Damorus Projects, las opciones de inglés y alemán llevan a la réplica del portafolio.

Fuente: Textos de damorus.com (i18nDict.js): ramas es, en y de con estructura idéntica · Código de damorus.com: DisenoWebPro.jsx (título, descripción e idioma sincronizados) · Damorus Projects (septiembre de 2026): selector de idioma con EN y DE enlazados a /damorusold

El fundador envió el portafolio a más de cien empresas y recibió una sola respuesta positiva. Del resto no llegó nada. No publicamos cuántas personas abrieron el enlace ni hasta dónde leyeron, porque esas cifras no forman parte de este caso. Pero más de cien envíos es bastante esfuerzo y bastante alcance, así que la falla tenía que estar en lo que decía el portafolio.

Ese silencio llevó a un cambio de estrategia que quedó documentado en los proyectos siguientes. Después de una etapa de mensajes sin respuesta, dejamos de mandar una presentación general y empezamos a construir pruebas para negocios concretos: sitios reales, hechos para alguien en particular, con el antes y el después a la vista. De ahí salieron bocetos como Pastime Lanes↗, elegido con un filtro de reputación y web vieja, y The Medspa by Rayray↗, que se construyó para postularse a una vacante mostrando un sitio ya publicado.

Con más de cien envíos y una sola respuesta positiva, había que revisar qué decía el portafolio.

Fuente: Entrevista con el equipo de Damorus Projects, 2026: más de 100 empresas contactadas y 1 respuesta positiva · Pastime Lanes · Informe completo, §2: cambio de estrategia tras una etapa de mensajes sin respuesta · The Medspa by Rayray · Informe completo, §2: aplicar con una prueba en lugar de palabras

La respuesta positiva vino de Ruckus Marketing, una agencia de Nueva York que mostró interés en el trabajo del fundador. Para un portafolio hecho desde Bogotá, que una agencia de uno de los mercados más competitivos del mundo levantara la mano fue una señal importante: lo construido le podía interesar a gente exigente. La conversación no terminó en un acuerdo, y no vamos a inventarle razones ni un final más bonito.

Lo que sí quedó fue una referencia. Estudiando a Ruckus con atención, el fundador encontró una forma de presentar el trabajo que admira: poco texto, tipografía grande, pruebas a la vista y un contacto directo. Buena parte de la navegación de Damorus Projects↗ se inspira hoy en esa estructura, con una regla que cumplimos al pie de la letra. De Ruckus tomamos la usabilidad y nunca sus frases firma, porque esa voz es de ellos y la nuestra tiene que sonar a nosotros.

De Ruckus tomamos la estructura y la usabilidad. Sus frases firma se quedan con ellos.

Fuente: Entrevista con el equipo de Damorus Projects, 2026: Ruckus Marketing (Nueva York) mostró interés; no se cerró · Decisión de marca de Damorus Projects (2026): inspiración de estructura en Ruckus, nunca de sus frases

En el código del portafolio quedaron, versión tras versión, las huellas de todo lo que se fue quitando. Detrás había una idea tomada de la ingeniería de Elon Musk: la mejor pieza es la que no existe. Cada pieza que se agrega es algo más que puede fallar, pesar o distraer, así que antes de optimizar algo conviene preguntarse si debería estar ahí. En una web eso incomoda, porque obliga a borrar trabajo que costó hacer.

Los botones de la portada se retiraron y la conversión quedó en un solo lugar, el correo del cierre. Salió una sección entera con una frase gigante sobre la tienda física que abre a una ciudad y la digital que se abre al mundo. Se eliminaron cuatro bloques grandes, y sus animaciones pasaron a las celdas de la cuadrícula. Desapareció un subtítulo que repetía lo que ya decía el título. El encabezado de la cuadrícula dejó de escribirse letra por letra, porque sumaba movimiento en el peor momento, y una entrada lateral de los planes que secuestraba el desplazamiento se cambió por un fundido tranquilo.

La misma lógica terminó ordenando lo que vendemos hoy. El portafolio ofrecía tres cosas según el tipo de producto: sitios de lanzamiento, tiendas en línea y automatización con IA. Damorus Projects conservó tres planes, Plata, Oro y Diamante, pero los ordena por ambición, porque una web o un software caben en cualquiera de ellos. Con menos categorías, quien decide tiene menos dudas. Los detalles de cada plan están en precios↗.

Versión tras versión, el portafolio fue perdiendo botones, secciones y animaciones que sobraban.

Fuente: Entrevista con el equipo de Damorus Projects, 2026: filosofía inspirada en Elon Musk · Código de damorus.com: DisenoWebPro.jsx y BentoFase3.jsx (secciones retiradas y sus motivos) · Damorus Projects, planes (2026): tres niveles por ambición, no por tipo de producto

Con el tiempo, y con el silencio de por medio, apareció el error de fondo. El portafolio explicaba muy bien lo que el fundador sabía hacer y muy poco de lo que ganaba quien lo contratara. La portada empezaba por la herramienta ("uso IA") y las celdas se titulaban con capacidades: centro de mando administrativo, protección multifactor, identidad única. Eso puede impresionar a alguien técnico, pero el dueño de un negocio que recibe decenas de correos lee esa lista y se queda preguntando qué le resuelve a él. La única sección escrita pensando en esa pregunta se titulaba "Lo que te llevarás trabajando conmigo", y estaba casi al final.

Desde entonces es regla en todo lo que escribimos. Cada bloque empieza por lo que gana el negocio, sean más clientes, menos trabajo repetitivo o ventas que no dependen de estar pendiente. La tecnología sigue ahí, en su propio espacio de detalle técnico para quien lo quiera leer. Los términos difíciles llevan una explicación que aparece al pasar el dedo o el mouse, para que nadie tenga que decidir con palabras que no entiende. Y los proyectos se cuentan con sus resultados y sus decisiones en lugar de listas de funciones, como intentamos hacer en este mismo caso.

La portada empezaba por la herramienta, "uso IA", y lo que ganaba el cliente aparecía casi al final.

Fuente: Textos de damorus.com (i18nDict.js, rama es): portada, títulos de la cuadrícula y título de la sección de ofertas · Reglas de voz de Damorus Projects (2026): primero el beneficio, la tecnología aparte

Hoy la cara de Damorus es Damorus Projects↗, un sitio que vende proyectos en lugar de presentar a una persona. Aun así, el portafolio no se borró. Una réplica sigue visible dentro de este sitio, en /damorusold, en español, inglés y alemán, y el código original se conserva intacto como proyecto aparte. Queremos que se vea de dónde venimos, con los aciertos y con los errores: cualquiera puede abrir el primer sitio, abrir este y sacar sus propias conclusiones.

También hay motivos prácticos. La réplica sostiene las versiones en inglés y alemán mientras llega la traducción del sitio nuevo, y conserva animaciones que muestran en segundos piezas de URG Technology↗ que todavía cuesta explicar con palabras.

Y hay uno más personal, que también tiene que ver con la marca. En ese portafolio nació la identidad con la que hoy nos reconocen, del morado a la moneda con su frase.

Una réplica del primer sitio sigue abierta en /damorusold, en español, inglés y alemán.

Fuente: Entrevista con el equipo de Damorus Projects, 2026: reemplazado por Damorus Projects y conservado visible en ES, EN y DE · Réplica pública en /damorusold, /damorusold/en y /damorusold/de