Alternativa B · MyS Modern Premium Volver a la alternativa A
MueblesySillones.com — since 1960 —

Prototipo visual V2 — alternativa B

Dirección de diseño propuesta para la modernización integral. Pensada para aprobarse o corregirse antes de escribir una línea de código.

Estás viendo la alternativa B, “MyS Modern Premium”. Mismas pantallas, mismos datos y mismos componentes que la alternativa A: lo único distinto es el color de la interfaz. Podés volver a la alternativa A o ver las dos juntas en la comparación A / B.
Cómo mirar esto. Las cuatro primeras pantallas son del vendedor y están armadas a 390 px de ancho: abrilas desde el celular. Las tres últimas son del administrador y se ven mejor en una notebook. Los datos son inventados y los botones no hacen nada; lo que se evalúa acá es la composición, la jerarquía y el camino que recorre el usuario.

Vendedor — celular

390 × 844

Inicio

Meta del mes, comisión estimada y las prioridades del día como lista accionable.

Catálogo

La foto manda. Buscador siempre visible y los filtros en una sola fila, no en una pantalla entera.

Configurador

El precio no se pierde de vista nunca: barra fija con el precio final y el botón de agregar.

Presupuesto

Vigencia, revisiones, aprobación por ítem y el total aprobado siempre a la vista.

Administrador — escritorio

1440 px

Panel ejecutivo

Resultado → Diagnóstico → Detalle, con barras en vez de donas y sin proyecciones inventadas.

Productos

Tabla densa en escritorio y la misma tabla convertida en tarjetas en celular.

Ficha de producto

Formulario largo partido en secciones, con errores explicados y barra de guardado fija.

Qué cambia respecto de la versión actual

Se conserva

  • La identidad MyS: Montserrat, el amarillo de marca y la base cálida.
  • El motor de precios, los snapshots, las campañas, los permisos y la auditoría.
  • Los cinco destinos del vendedor y todas las herramientas del administrador.

Se moderniza

  • Más aire y jerarquía por tamaño y peso, no por relleno de color.
  • Bordes de 1 px en lugar de sombras; el amarillo aparece poco y por eso significa.
  • Barra de acción fija con el dato que importa, filtros plegados y tablas que se vuelven tarjetas.