Sitio de contenido · Lo hice completo
MIAWSEO — Michiteca
Un sitio sobre razas de gatos donde te mueves como en el metro: líneas, estaciones y rutas. La gente puede aportar contenido, pero nada se publica sin revisión. Lo diseñé y lo programé completo.
- Producto propio
- tipo de proyecto
- Next.js 15 · React 19
- herramientas principales
- 6
- capturas reales del proyecto
01 · El reto
Qué estaba pasando
Contexto
MIAWSEO es un proyecto que empecé por mi cuenta. La idea era simple: hay muchísima información sobre razas de gatos, y toda está organizada como enciclopedia, que es justo la forma más aburrida de descubrir algo.
El problema
Ordenar mucho contenido sin que te pierdas, y dejar que la gente aporte sin que eso arruine la calidad de lo que ya está publicado.
Mi parte
Todo: qué debía ser, cómo se organiza el contenido, cómo se ve, y la programación del sitio y del panel de moderación.
02 · Cómo lo resolví
Cómo decidí resolverlo
- 01
Usar un mapa de metro como forma de navegar: sabes dónde estás y qué viene después sin pensarlo.
- 02
Que cada raza se cuente como una historia, no como una ficha técnica, pero siempre con la misma estructura.
- 03
Aceptar aportaciones del público, con una revisión obligatoria antes de que se publiquen.
03 · Lo que hice
Lo que quedó hecho
- La Michiteca: el catálogo navegable con buscador, estaciones y rutas.
- Veinte exhibiciones temáticas que se arman solas desde los datos.
- El formulario para que la gente aporte y el panel donde yo apruebo o rechazo.
04 · Gráficos
Los números en gráficos
MIAW-RED
La red del museo
Dos líneas para recorrer y una puerta para que la gente aporte.
- 01Michiteca
La exposición de razas: estaciones y rutas.
- 02Michi Plaza
El muro donde la comunidad cuelga sus fotos.
- 03Moderación
Nada se publica sin pasar por revisión.
05 · El producto
Explora el proyecto
01 El museo como red de metro. En julio de 2026 la portada abría con las dos líneas (exposición de razas y muro de la comunidad) y un bloque de donaciones que después se retiró.
02 Comunidad moderada: fotos reales, filtros y likes con un toque.
03 Wayfinding literal: cada raza es una estación de la línea.
04 Cada raza se cura como exposición: salas con narrativa, no fichas planas.
05 Especificación con narrativa: color icónico, textura y recorrido por andén.
06 La historia felina como línea de metro: paradas por época documentada.
06 · Cómo quedó
Qué cambió al final
Un catálogo grande que se recorre sin perderse, porque tiene forma de lugar y no de índice.
Contenido propio y aportaciones del público conviviendo sin que baje la calidad.
Lo que no negocié
- Saber dónde estás es parte del producto.
- Cada raza se cuenta como una historia.
- Comunidad sí, pero con alguien revisando.
07 · Tecnología
Con qué está hecho
- Next.jsNext.js 15
- ReactReact 19
- TypeScriptTypeScript
- Next.jsApp Router
- Next.jsRoute Handlers
- CSSCSS
- Persistencia local
08 · Enlaces
Ábrelo y compruébalo
Más casos
Otros proyectos que puedes revisar
VineríaUna guía para elegir vino sin saber de vino. Buscas, filtras por lo que te gusta y cada ficha te va contando más solo si quieres seguir leyendo.Ver el caso
WU NutritionLlevo la venta en línea de un cliente, una marca de suplementos. Eso incluye la tienda, la publicidad que trae visitas, los números que dicen qué funciona y la asistente con IA que ayuda a vender. Lo armé para que su equipo lo opere sin depender de mí.Ver el caso
AHP+ — Agent Handoff Protocol PlusAHP+ mantiene el hilo del trabajo dentro del proyecto: qué se hizo, qué se comprobó y qué sigue. Así puedes cambiar de asistente, cuenta o computadora sin empezar de cero.Ver el caso
¿Quieres algo así para tu negocio?
Si tu sitio tiene mucho contenido y la gente no encuentra lo que busca, se puede reorganizar.