No. 007  ·  Menina V · La supervisora  ·  MMXXVI
Menina V · La supervisora En funcionamiento

Nicolasa.

El panel donde todo pasa. Cortado a tu medida.

El único sitio donde tu equipo abre el navegador y ve qué está haciendo cada menina por él. No es una plantilla — es una interfaz esculpida a tu flujo de trabajo exacto, pieza a pieza.

1
Panel único
Para orquestar toda la corte
~1día
Curva de aprendizaje
Tu equipo se maneja sin manual
Componentes posibles
Cada panel único, cada pieza a medida
3
Dispositivos
Escritorio, tableta, móvil
El puesto de mando
Panel · Vista general · En directo
panel.tumarca.com
Buenos días, María
Miércoles · 09:42 · Lo que ha pasado hoy
Nuevo producto
Procesadas hoy
47
+12 desde ayer
Fichas redactadas
39
8 en cola
Sincronizaciones
247
100% OK
Conversaciones
28
3 esperan a ti
Velázquez
Procesando 3 imágenes del último lote
en curso · ~1 min
Agustina
Redactando 4 fichas nuevas
en curso · ~3 min
Isabel
Sincronizando cambios en 8 canales
3/8 canales
Maribárbola
Atendiendo 2 conversaciones abiertas
tiempo medio 8s
Últimas piezas del taller

Un panel. Toda la corte trabajando. María sabe en tres segundos qué está pasando en su negocio.

Cómo se construye Nicolasa

Anatomía de un
panel.

Nicolasa es la única menina que no existe hasta que te conocemos. Ni una plantilla ni un theme. Se diseña desde cero cada vez — en cuatro pasos.

i.

Escuchamos tu jornada real.

Pasamos un día contigo. Miramos qué pestañas tienes abiertas, qué hoja de cálculo usas, qué software no te gusta y por qué. Apuntamos los clicks innecesarios y las decisiones que tomas diez veces al día. Ese es el briefing — no un cuestionario.

Entrevista in-situ Observación directa Mapeo de tareas
1. abrir drive... 2. buscar producto 3. renombrar foto 4. ← aquí tarda 5. subir a Shopify 6. copiar la ficha 7. ← dolor real 8. etc... nosotros, observando
Observación · Un día contigo
ii.

Dibujamos la interfaz antes de picarla.

Empezamos a mano. Cajas, flechas, pestañas. Cada botón es una decisión, no un arrastre. Cuando el boceto cierra con lo observado, lo convertimos en wireframe digital — y no antes. Diseñar rápido arriba para construir lento abajo.

Bocetos a mano Wireframes Figma Aprobación en 2 iteraciones
vista general grid piezas menús v.1
Wireframe · Boceto inicial
iii.

Construimos con componentes probados.

Cada panel que hemos hecho nos deja un componente nuevo: un subidor de imágenes con recorte inteligente, un visor de fichas con carrusel, un botón "aplicar" que pasa a naranja cuando hay cambios sin guardar. Montamos el tuyo con las piezas que ya funcionan, y añadimos las que hagan falta.

HTML · CSS · JS Sin frameworks pesados Biblioteca propia
APLICAR btn.primary + dropzone toggle chips avatar input table carousel 42 PROCESADAS stat.card tabs spinner grid modal log + Biblioteca · 40+ componentes probados
Biblioteca de componentes
iv.

Iteramos con tu equipo mirando.

El primer uso real es con tu gente sentada al lado. Anotamos cada vez que alguien duda, cada vez que hace clic donde no esperamos. Esas fricciones se corrigen en la misma semana. Un panel no está "entregado" hasta que tu equipo lo usa sin preguntar nada.

Test con usuarios Deploy continuo Soporte directo
tu equipo nosotros → aquí hizo doble click sin querer fix martes → buscó la opción 10 segundos cambiar icono → entendió todo bien ✓
Iteración en vivo · Con tu equipo

Piezas que ya
funcionan.

Cada panel que entregamos nos deja un componente nuevo. Estos son algunos de los que pueden formar parte del tuyo — con el nombre, posición y comportamiento que tu equipo prefiera.

Suelta tus imágenes O HAZ CLIC PARA ELEGIR
Entrada
Subidor con recorte
Drag & drop de lotes completos, con previsualización, recorte inteligente por esquinas y zoom al 25% para comprobar detalles.
Visualización
Grid de resultados
Las piezas procesadas se muestran con badges de estado: verde (listo), oro (en curso), sin color (pendiente). Clic para abrir, hover para preview.
FICHA SEO Bolso bandolera cognac Un bolso que gana con los años. Fabricado en piel bovina de plena flor... KEYWORDS bolso piel mujer bandolera cognac
Narrativa
Visor de fichas
Lee las fichas generadas por Agustina con carrusel de versiones — ¿prefieres la v1 o la v3? Regeneración al vuelo si necesitas otro tono.
actividad · en directo 10:23 OK velazquez · img procesada 10:23 ... agustina · redactando 10:24 OK isabel · sync 8/8 canales 10:24 ! maribarbola · escalado a humano 10:25 OK velazquez · lote completo 12/12 10:25 ... agustina · 4 fichas en cola 10:26 OK isabel · precio A-007 actualizado
Supervisión
Actividad en directo
Terminal elegante con cada acción etiquetada por menina. Tus empleados ven exactamente qué ha hecho la corte hoy — sin abrir otra ventana.
ANTES sello DESPUÉS
Inspección
Lightbox antes/después
Vista fullscreen con zoom, comparación antes/después sincronizada, y teclas de navegación. Para quien necesita examinar el detalle.
CONFIGURACIÓN MARCA tu marca CATEGORÍA accesorios KEYWORD SEO bolso bandolera cognac piel MODO producción APLICAR ·
Control
Configuración global
Marca, categoría, keyword SEO y modo de trabajo de un vistazo. El botón "aplicar" se pone en naranja cuando hay cambios sin guardar — nadie se pierde.
Tres clientes. Tres paneles.

Mismas meninas.
Distintos paneles.

La corte es la misma — pero cada cliente tiene su propio puesto de mando. Así se ve Nicolasa adaptada a tres realidades muy distintas.

Tienda familiar · 1–3 personas
El panel cocina
Hola, Marta + subir producto ARRASTRA O HAZ CLIC ÚLTIMOS PRODUCTOS Bolso bandolera Cartera piel Pañuelo seda

Una ventana, un gran botón. El equipo hace dos cosas: subir productos y ver cómo van. Todo lo demás está escondido. Lo importante sube. Lo operativo, fuera.

Sin sidebar · una sola vista Acción principal ocupa el 60% de la pantalla Tipografía grande · curva de aprendizaje mínima
Empresa mediana · 10–30 personas
El puesto de mando
menina Velázquez Agustina Isabel Maribárbola Equipo Productos Marcas Canales PROCES. 47 FICHAS 39 SYNCS 247 CHATS 28 10:23 OK velazquez · procesada 10:24 ... agustina · redactando 10:24 OK isabel · sync completo

Sidebar con las meninas y las secciones de administración. Cuatro stats en cabecera. Grid completo. Log en directo abajo. Para equipos que necesitan ver todo a la vez.

Roles y permisos · 3 niveles Auditoría por usuario Exportación de informes
Fotógrafo · estudio creativo
El taller digital
taller cliente: atelier_nn · sesión 12 VERSIONES bg: white shadow: soft logo: no EXPORTAR ENTREGAR

Tema oscuro para mirar imágenes con precisión. Visor central grande, versiones a la derecha, controles técnicos en mono. Interfaz pensada para quien evalúa cada pieza antes de entregar.

Modo oscuro por defecto Flujo cliente por cliente Entrega con enlaces temporales
Ficha de la supervisora

Cómo está hecha
la casa.

Código ligero, escrito a mano. Sin frameworks pesados, sin dependencias que puedan romperse. Un panel que dura.

Stack frontend

  • BaseHTML · CSS · JS
  • Sin frameworksligero
  • TipografíasFraunces · Cormorant
  • IconosSVG propios

Sesión y datos

  • AutenticaciónEmail + contraseña
  • Sesión persistentesessionStorage
  • Roles3 niveles · por vista
  • Backendn8n + Google Drive

Dispositivos

  • Escritorio≥ 1024 px
  • Tableta768–1024 px
  • Móvil≤ 640 px
  • Temasclaro / oscuro

Entrega y soporte

  • Primera versión2–4 semanas
  • Hostingtu servidor
  • Iteraciones inicialesincluidas · 1 mes
  • Mantenimientomensual opcional

Tu panel
no se elige.
Se esculpe.

Cuéntanos cómo trabaja tu equipo hoy — qué pestañas tiene abiertas, qué hace diez veces al día. Te devolvemos un boceto a mano con el panel que tendríamos en mente.

Pedir un boceto