Pieza España: diseño web para una marca de portátiles modulares

Pieza España es una marca ficticia de portátiles modulares y un sobremesa que se abren con un destornillador. Comparte sistema de diseño con la edición original, pero habla como una marca española: tuteo, precios en euros con IVA, garantía legal de tres años, teclado español ISO, envíos con Correos y reciclaje RAEE. Proyecto conceptual: productos, precios y opiniones son contenido de ejemplo.

Ficha del proyecto

• Cliente: Pieza Devices S.L. (ficticia, proyecto conceptual)
• Sector: Electrónica de consumo: portátiles modulares y reparables
• Mercados: España (península y Baleares), con sede en Barcelona
• Servicios: Localización de mercado · Redacción · Adaptación de marca · Diseño web e-commerce de electrónica · Accesibilidad (WCAG 2.2 AA) · Bases de SEO
• Plantillas: 13 plantillas compartidas con todas las ediciones de Pieza
• Tecnología: Next.js (exportación estática), React y Tailwind CSS; un paquete regional (textos, datos, textos alternativos) y un tema por mercado

El encargo

Una web que explica un portátil reparable en español

El comprador español quiere saber qué pieza cambia, cuánto cuesta y qué cubre la garantía. Reescribimos los textos en tú, con precios en euros con IVA, garantía legal de tres años, teclado español ISO y envíos con Correos. La vista despiezada, el configurador y el comprobador de mejoras se mantienen, pero con el tono directo de una tienda española.

Pensado para España

Qué cambia realmente entre la edición estadounidense y esta

• Idioma - Edición EE. UU.: Inglés (EE. UU.) · España: Español de España, tuteo
• Precios - Edición EE. UU.: USD, impuestos aparte · España: EUR con IVA incluido; pago a plazos con TAE de ejemplo
• Garantía - Edición EE. UU.: Garantía comercial · España: 3 años de garantía legal, ampliable con garantía comercial
• Teclado - Edición EE. UU.: Distribución US · España: Español (QWERTY, ISO)
• Envíos - Edición EE. UU.: Envío estándar · España: Correos; envío gratis desde 89 € (ejemplo)
• Reciclaje - Edición EE. UU.: Reciclaje local · España: Gestores autorizados de RAEE; punto limpio para baterías
• Legal - Edición EE. UU.: Aviso de la tienda · España: Privacidad, condiciones de venta y configuración de cookies
• Estilo - Edición EE. UU.: Grafito, verde circuito, lima eléctrica · España: Papel cálido, terracota y cobalto; Bricolage Grotesque + Figtree, esquinas redondeadas

Adaptación de marca

El mismo Pieza, con acento local

La terracota guía los antetítulos y las llamadas a la acción; el cobalto marca enlaces, estados seleccionados y cursivas. Sobre fondo oscuro, un azul claro mantiene el contraste WCAG AA. Bricolage Grotesque y Figtree dan calidez y cercanía, con esquinas más redondeadas. El logotipo MODULA no cambia; el descriptor pasa a ser Portátiles modulares.

Portada, configurador y marketplace

La portada abre con un fondo oscuro, la foto del portátil y la promesa: Portátiles para abrir, arreglar y conservar. Debajo, la vista despiezada: al hacer scroll, el dibujo lineal del portátil se separa en pantalla, teclado, memoria, placa base, batería y tarjetas de puerto, cada capa enlazada a la tienda. Siguen la gama (DIY Edition o montado), la tienda de piezas, la entrega o reciclaje con estimación de ejemplo y las guías de reparación.

Cumplimiento, accesibilidad y confianza

• Proyecto conceptual: productos, precios y opiniones son contenido de ejemplo; no se realizan pedidos.
• Privacidad y condiciones de venta adaptadas a España, con garantía legal de 3 años y derecho de desistimiento de 14 días.
• Banner de cookies con rechazo tan fácil como la aceptación y enlace a configuración de cookies.
• Supera las comprobaciones automáticas WCAG 2.2 AA en todas las páginas a 360, 390, 768 y 1440 px: sin fallos de contraste, sin controles inaccesibles y sin desplazamiento horizontal.
• Un selector de idioma generado a partir de hreflang aparece en la cabecera en escritorio y en el pie en móvil.

Un sistema, doce mercados

Cada texto visible vive en un paquete regional por mercado (textos, datos y textos alternativos), y cada color y tipografía en un tema. Esta edición no necesitó plantillas ni componentes nuevos: un paquete regional, un tema, datos locales y los textos legales la convirtieron en una experiencia de marca propia. Para una marca de hardware con planes internacionales, un nuevo mercado pasa a ser un proyecto de contenido, no un rediseño.

Entregables

• Perfil de mercado: idioma, formatos, normativa y estacionalidad
• Textos localizados para 13 plantillas, cabecera, pie y formularios
• Adaptación de marca: paleta, tipografías y descriptor del logotipo
• 0 fotografías locales (Pexels, fuentes en credits.json)
• Aviso legal y política de privacidad
• Accesibilidad (WCAG 2.2 AA, comprobación automática) y control de calidad en cuatro anchos de pantalla
• Medios para portfolio: capturas, páginas completas, vídeo de scroll, imagen OG, ficha de marca