Este es el sitio de Eliana Miliani, community manager en Caracas. Lo diseñamos y lo programamos a partir de una frase, y esa frase decide desde la tipografía hasta el color del fondo.
- Proyecto
- Sitio web de marca personal
- Nuestro papel
- Diseño y código
- Alcance
- Siete páginas en español e inglés
- Tecnología
- Next.js, GSAP y Three.js
Presencia que se nota, gestión que no se ve.
Es la frase con la que su sitio la presenta. Su trabajo tiene una parte que todo el mundo ve y otra que nadie ve, y el sitio lo dice con su estructura antes que con sus palabras.
Cada cosa tiene su par.
Cada titular tiene dos voces: una grotesca pesada y una didona fina en cursiva. La cinta es perla por una cara y plata por la otra, y pasa por delante de unas letras y por detrás de otras. El fondo pertenece a la página entera: la parte que todo el mundo ve va sobre claro y la que nadie ve sobre grafito. Al pasar de una a otra cambia todo a la vez, con la cabecera y la cinta, en poco más de un segundo.
El color vive bajo la tinta.
Todas las fotografías se muestran en gris. En escritorio, el puntero deja tinta que se riza, se hunde y en unos tres segundos se ha ido. Solo donde cae esa tinta la imagen recupera su color. El fluido es la simulación de código abierto de Pavel Dobryakov, que portamos y después afinamos contra filmaciones de tinta real en agua.
Su oficio cabe en sus iniciales.
El monograma es una sola línea sin cortes que se lee C M, de community manager. Una barra dentro de la C, sin tocarla, lo convierte en E M. El sitio lo explica una vez, al cargar: escribe la línea, pone la barra y cambia las palabras de debajo.
El primer mensaje ya está escrito.
La página de contacto escribe el mensaje por quien llega. El visitante elige lo que necesita, anota su marca si quiere, y una burbuja lo redacta mientras lo hace. Después decide por dónde enviarlo: WhatsApp, su propio correo o el sitio.
Dos tipografías en cada titular
Cinta de tela simulada, con dos caras
Color solo donde cae la tinta
Tinta medida por el reloj, no por fotograma
Monograma construido, nunca compuesto en una fuente
Fondo que cambia con la página entera
Sitio completo sin WebGL ni animación
Sin cookies y sin base de datos