CE28: Sitio Bilingüe de Asesoría en Comercio Exterior

Resumen del Proyecto

CE28 (ce-28.com) es una asesoría en comercio exterior de CABA, Argentina, que acompaña a empresas que importan y exportan, con compras y envíos desde Miami y China como línea de servicio propia. El sitio tiene que presentar el asesoramiento estratégico con autoridad, en dos idiomas, y mantenerse deliberadamente liviano en contenido.

El brief traía dos reglas editoriales que moldearon la construcción: el copy tiene que ser verdadero (sin cifras, clientes ni testimonios inventados) y no puede descartar ninguna rama de trabajo que la firma quiera tomar.

Objetivos

• Posicionamiento estratégico - Liderar con asesoramiento (“entendemos la operación, ordenamos la decisión y reducimos el riesgo antes de que la mercadería se mueva”) sin excluir ningún tipo de trabajo.
• Dos idiomas, una estructura - Servir español por defecto e inglés como contraparte completa, con un selector que lleve a la página equivalente.
• Una identidad propia - Salir de los templates genéricos de consultoría hacia un lenguaje visual que se sienta como papelería de comercio.
• Solo contenido verdadero - Describir qué es el servicio, nunca un historial que no se pueda respaldar.

Flujo de Trabajo del Proyecto

• Elección del stack - Astro 7 con salida estática, sin framework de UI ni de CSS. El proyecto tiene una sola dependencia.
• Módulo único de contenido - Todo el copy de ambos idiomas vive en src/data/content.ts, espejado estructuralmente, junto con las constantes de contacto, las oficinas y el mapa de rutas que usa el selector de idioma. Los componentes nunca llevan texto hardcodeado.
• Ruteo bilingüe - Cuatro páginas por idioma (inicio, servicios, nosotros, contacto) en / y /en/, con archivos de ruta finos que eligen un layout y un componente de página compartido, así que agregar una página es sumar una ruta y una entrada en ALT.
• Sistema de diseño “instrumento de comercio” - Paleta de tinta, papel, latón y sello bordó como tokens CSS, con Spectral para titulares, Hanken Grotesk para el cuerpo e IBM Plex Mono como voz de “etiqueta de formulario”. Una sola identidad, sin modo oscuro.
• Placas fotográficas - Una primitiva .plate pasa cada foto por el mismo duotono tinta y latón, para que la fotografía de stock de comercio quede dentro de la paleta. Una variante más clara se reserva para la única imagen que lleva la marca CE28.
• Sello y banderas - Un sello grabado y las banderas de Argentina, Estados Unidos y China son componentes SVG inline, presentes en el header, el hero y el footer.
• Sección China / Miami - Un bloque de servicio propio, reutilizado en home y servicios, para las líneas de compra y envío, con las dos direcciones de oficina (Buenos Aires y Aventura, FL) en el footer.
• Decisión sobre estilos - Los estilos de componente son globales a propósito, para que Astro no emita atributos data-astro-cid-* y el markup quede limpio, apoyándose en nombres de clase únicos.
• Accesibilidad y movimiento - Media query de reduced-motion, etiquetas ARIA en la franja de mercados y lang definido por página.

Resultados e Impacto

• En vivo con dominio propio - El sitio está publicado en ce-28.com en español e inglés.
• Una única fuente de verdad para el copy - Editar un texto es editar un solo archivo tipado, y los dos idiomas se mantienen sincronizados en estructura.
• Huella mínima - Una dependencia, una hoja de estilos global, ningún framework en el cliente y HTML estático como salida.
• Identidad visual consistente - Una primitiva de duotono y un set de tokens unifican fotografía, tipografía y sello en las ocho páginas.
• Reglas de contenido dentro del código - Las reglas de posicionamiento y de no fabricar datos están documentadas en el contexto del repo, así que las ediciones futuras mantienen las mismas restricciones.