◆Atalai.
◆ Portfolio · Atalai · 2026

Convertimos problemas de diseño en web que funciona.

135 piezas de trabajo real — plantillas para PYMES turísticas de Baleares, propuestas visuales para MOCA, artefactos de interacción y secciones editoriales listas para reutilizar. Todo abre en local, todo es tuyo.

portfolio.ts
// del problema a la solución
const portfolio = {
  piezas: 135,
  categorias: 8,
  stack: ['HTML', 'JS', 'React'],
  idiomas: ['ES', 'CA', 'EN'],
  codigo: 'siempre tuyo'
};
Total piezas
135
plantillas, proyectos y snippets
Categorías
08
líneas de trabajo
Tecnologías
HTML · JS · React
stack moderno, sin cajas negras
Idiomas base
ES · CA · EN
multi-idioma

Cómo verlo en local

Todo el portfolio se abre desde un solo index.html. Cada tarjeta lleva una miniatura viva y un enlace directo al proyecto completo.

  1. Abre index.html con doble clic en tu navegador — verás esta galería.
  2. Pulsa cualquier tarjeta o el enlace Ver plantilla → para abrir la web en una pestaña nueva.
  3. ¿Un proyecto React? Levanta un servidor: python -m http.server 8000 desde esta carpeta y abre http://localhost:8000. También puedes ejecutar start-local-server.bat.
01→
Turismo Baleares · estáticas
10 plantillas · HTML + CSS
+

Diez estilos visuales diferenciados para hoteles, restaurantes, bares, actividades y alojamiento vacacional. Multipágina, responsive, listas como escaparate.

02→
Turismo Baleares · interactivas
10 plantillas · HTML + JS
+

Diez plantillas con funcionalidad real en el navegador — buscadores, filtros, calendarios, carritos, i18n. Preparadas para conectar a un PMS, motor de reservas, TPV o CMS.

03→
MOCA · estudios visuales
20 pantallas · single-page
+

Veinte direcciones visuales explorando la marca MOCA en una sola pantalla — desde el clásico porteño hasta lo generativo, neón, pop, brutalist y cinemático.

04→
MOCA · prototipos multipágina
10 variantes · 3 páginas cada una
+

Diez variantes con la misma arquitectura (Inicio · Carta · Horario) probando lenguajes visuales muy distintos: ticket de caja, zine risograph, neobrutalismo, vinilo, editorial suizo, terraza botánica, retro porteño, generativo, reloj-dial y corcho.

05→
MOCA · proyectos completos
11 sitios · producción
+

Los sitios completos en distintos niveles de acabado: tres ediciones multipágina, dos snapshots en un solo archivo, la experiencia inmersiva de Talaiot Systems, la versión React con Home / Carta / Reservas, la landing dual día/noche y tres iteraciones del ciclo Manus (editorial café de barrio, MOCA React empaquetada, archivo de tostador).

Nota técnica — la versión React (moca-react-experience) requiere servidor local: python -m http.server 8000 en esta carpeta y luego http://localhost:8000/moca-react-experience/.
06→
Artefactos · interacciones y microexperiencias
62 snippets · HTML + JS
+

Sesenta y dos piezas cortas de dirección de arte y desarrollo: granos, vapor, ondas, cursor magnético, texto que se sirve, escritura viva, marquee 3D, campos de partículas, mandalas, tipografía líquida, glitch hover…

07→
Secciones editoriales · bloques para construir
10 secciones · listas para copiar
+

Diez bloques de sección con acabado editorial: hero, ficha de producto, narrativa cinemática, menú, testimonios, ubicación atelier, galería museo, línea de tiempo, secuencia de apertura y pieza insignia.

08→
Otros · cafetería y arte
2 proyectos · piezas sueltas
+

Dos piezas fuera del eje MOCA — Café Flow (cafetería editorial en React con brief creativo completo) y Pop Art Warhol (experimento visual de una sola pantalla).