Documento 06 · Fase 02 · Play! Board Game Store
La síntesis de todos los documentos anteriores en una sola dirección. La frase norte que filtra cada decisión de diseño. Las decisiones irrevocables que el cliente aprueba y no puede deshacer sin scope adicional.
Sección 01
La tienda digital de Play! convierte al comprador de Lima — desde el que no sabe qué elegir hasta el coleccionista que busca una expansión específica — en un cliente que compra o reserva sin fricción, mostrando el catálogo más completo de juegos de mesa en Perú con el respaldo visible de 4 tiendas físicas reales.
Esta frase es el filtro. Si una decisión de diseño, copy o funcionalidad no ayuda a que ese comprador compre o reserve con más facilidad — la decisión se revisa.
La frase norte no es el slogan de Play! ni su misión de marca. Es la dirección de este proyecto específico. Nace de la combinación de las tres personas identificadas en Doc 02 (Andrea, Sebastián, Mathias), el flujo de conversión del Doc 03 y el posicionamiento competitivo del Doc 01.
Sección 02
Al aprobar este brief, estas 5 decisiones quedan cerradas. Cambiar cualquiera de ellas después de esta aprobación implica scope adicional, porque cada una es la base de un sistema mayor.
Sección 03
Estos son los valores exactos. En el código del theme, los tokens CSS se llaman como se indica. Nunca usar valores aproximados — siempre los HEX exactos.
Colores primarios de marca
--play-red: #E42528
Botones, CTAs, acción, urgencia. El acento dominante.
--play-black: #0A0A0D
Footer, hero bg, texto del logo. Solo donde el negro tiene peso.
--play-paper: #F5F3EE
Fondo cálido. Backgrounds, cards, surfaces secundarias.
#FFFFFF
Header, body del sitio, cards de producto. La base limpia.
Colores de sistema (texto y estructura)
--ink: #0E0E0E
Texto corrido, nombres de producto, precios.
--mid: #8A7F72
Texto secundario, labels, placeholders, metadatos.
--rule: #C8BFA8
Líneas divisoras, borders sutiles, separadores.
Colores funcionales del e-commerce
| Nombre | HEX | Uso específico |
|---|---|---|
| Green | #21C063 | Badge "En stock" · Confirmación de pedido · Estado activo |
| Amber | #D97706 | Badge "Últimas unidades" · Advertencia de stock bajo |
| Pre-order Blue | #2563EB | Badge "Próximamente" · Estado de pre-order |
Sección 04
Sección 05
"El experto que trabaja en la tienda — conoce el catálogo de memoria, recomienda con criterio y habla como alguien que realmente juega, no como un e-commerce genérico."
El tono de Play! es cercano y específico. No habla de "productos de calidad" ni de "atención personalizada". Habla de juegos reales, mecanismos concretos, experiencias que sus clientes conocen. La autoridad viene del conocimiento del hobby, no de frases corporativas.
Ejemplos de tono — bien vs. mal
| Contexto | No así | Sí así |
|---|---|---|
| Hero H1 | Tu tienda de juegos de confianza en Lima | Donde los juegos de mesa son en serio |
| Quiz CTA | Déjanos ayudarte a encontrar el producto ideal | ¿No sabes qué juego buscar? Responde 4 preguntas. |
| Stock agotado | Producto temporalmente no disponible | Agotado — avísame cuando llegue |
| Pre-order | Reserve su producto con anticipación | Sé el primero en tenerlo — reserva ahora |
| Descripción de producto | Juego de mesa para 2-6 jugadores de excelente calidad | Para 2–6 jugadores · 45 min · A partir de 10 años. El juego de colocar aves más popular de los últimos 5 años. |
| Tiendas físicas | Contamos con cuatro puntos de venta en Lima | 4 tiendas en Lima — entra, pregunta, prueba antes de comprar. |
| Newsletter footer | Suscríbase para recibir nuestras novedades | Entérate primero — torneos, novedades y ofertas. |
Reglas de tono que no se rompen
Sección 06
Cada decisión de diseño, copy o funcionalidad se valida contra estas tres personas. Si una feature no ayuda a ninguna de ellas, se elimina. (Detalle completo en Doc 02.)
| Persona | Situación de compra | Lo que necesita del sitio | CTA principal |
|---|---|---|---|
| Andrea 32 años · mamá |
No sabe qué comprar. Busca "juego para niños" y llega sin contexto. | Guiarla rápido. El quiz de 4 preguntas es su portal. Las tiendas físicas le dan confianza. | "Encuentra tu Juego" |
| Sebastián 28 años · gamer |
Sabe exactamente qué quiere. Busca el nombre del juego, precio, stock y cuotas. | Search que funcione. Precio + cuotas PowerPay visible. Reviews de otros jugadores. | Search bar |
| Mathias 24 años · coleccionista |
Busca preventa de una expansión. Viene desde Instagram o WhatsApp con un link. | Página "Próximamente" con botón Reservar. Badge "100% Original · Distribuidor Autorizado". | "Reservar" |
Sección 07
El brief creativo es el argumento racional cuando hay desacuerdo subjetivo en la revisión. Si en el proceso de build el cliente pide algo que contradice las decisiones irrevocables, la respuesta es:
"Miremos el brief que aprobamos juntos. [Decisión X] quedó definida porque [razón]. Lo que estás pidiendo va en dirección contraria. Si queremos hacer ese cambio, es scope adicional porque implica rehacer [sistema Y]. Si hay algo específico que no te está gustando, lo conversamos — puede haber una solución dentro del alcance aprobado."
El brief no es una restricción arbitraria — es la documentación de las decisiones que el cliente ya tomó, con sus consecuencias explicadas. Al aprobarlo, el cliente entiende qué puede pedir en revisión y qué implica scope adicional.