Exprochile
El sitio de exportación de un aserradero, en dos idiomas, hecho para convertir una visita en una cotización.
- Rol
- Todo: diseño, ingeniería y contenido
- Cliente
- Exprochile SPA, un aserradero de pino radiata en Chile
- Año
- 2024
- Estado
- En línea
- Tecnologías
- WordPress block theme, theme.json, PHP, WordPress.com, Jetpack Forms, WordPress Playground
- Enlace
- Ver sitio
El encargo
Exprochile SPA es un aserradero de pino radiata en Los Álamos, en la Región del Biobío, con un equipo de 19 personas. Corta la madera a las dimensiones exactas de cada comprador y la despacha CIF desde un solo contenedor. Su sitio es para esos compradores, y su trabajo es traer pedidos de cotización. Estuve a cargo de todo: el diseño, el tema, los textos en los dos idiomas y el lanzamiento.
La página de productos de exprochile.com, en su versión en inglés: lo que el aserradero necesita para cotizar un pedido a medida.
- Se aceptan medidas en pulgadas o pies tablares, y se convierten.
- Lo que hay que definir antes de un precio y lo que puede esperar.
- Cada dato trae un ejemplo de qué enviar.
- Las mismas cuatro calidades de la portada y del formulario de cotización.
Qué tenía que hacer
Hablarles a los compradores de madera del extranjero, en inglés y en español, y mostrarles lo que distingue al aserradero: corta a la medida de cada comprador. Lograr que pidan una cotización, con los datos necesarios para ponerle precio. Seguir en WordPress.com, donde ya estaba el sitio, mantener funcionando sus direcciones en español y dejar cada texto, foto y dato de contacto editable sin tocar código.
Cómo lo hace
Un tema de bloques nativo de WordPress, sin constructor de páginas ni paso de compilación. Los productos son páginas comunes: cuatro calidades cortadas a pedido no necesitan un plugin de catálogo. El formulario de cotización es el bloque de formularios del propio WordPress.com, y el tema nunca toca el correo. Las certificaciones, los mercados y las cifras son contenido de las páginas que el aserradero puede editar.
En cifras
- 2 idiomas: inglés en la raíz para los compradores del extranjero, español bajo /es/
- 8 datos del pedido que pide el formulario de cotización: puerto, calidad, dimensiones, volumen, secado, humedad, tratamiento y fecha de embarque
- 13 secciones y diseños de página listos en el editor de WordPress, para armar páginas nuevas sin programar
- 0 constructores de páginas o plugins de los que dependa el tema, y ningún JavaScript propio
Cómo se construyó
-
Diseñar una vez, en theme.json.
La paleta, dos familias tipográficas y los tamaños y espaciados se definen una sola vez y aparecen en el editor. Los colores y tamaños libres están desactivados, así que lo que se edite después se mantiene dentro del diseño.
-
Construir con bloques.
Siete plantillas, dos partes de plantilla y catorce patrones, todos hechos con los bloques del propio WordPress. Un marco de imagen vacío muestra instrucciones en el editor y queda oculto en el sitio publicado.
-
Revisar cada archivo.
Unos scripts revisan cada archivo y se detienen ante cualquier cosa que las reglas prohíben, como código de un constructor de páginas o un teléfono escrito dentro del tema.
-
Probarlo en un WordPress desechable.
Cada plantilla y cada patrón se probó en una copia desechable de WordPress, y cada página se revisó desde el ancho de un teléfono hasta el de un escritorio. El verde se oscureció para cumplir el contraste de accesibilidad sobre el fondo papel.
Qué se lanzó
Cuatro páginas, cada una en inglés y en español. Las antiguas direcciones en español redirigen a su nuevo lugar bajo /es/.
La portada cubre el corte a medida, las cuatro calidades, cómo funciona un pedido y a qué países despacha. Productos entrega la especificación de producción y lo que necesita una cotización. Sobre Nosotros cuenta la planta, el equipo y las certificaciones. Contacto es el formulario de cotización, con WhatsApp y el horario de atención en hora de Chile.
Los buscadores leen la dirección, el horario y los contactos de la empresa como datos estructurados.
IA en este proyecto
Agentes de programación con IA escribieron buena parte del tema. Los límites los puse yo: un tema de bloques nativo sin constructor de páginas, ningún dato de contacto ni foto dentro del tema y ningún cambio en el sitio en vivo mientras se construía.