Lo que la web dice hoy
- “Ideas que toman forma.”
- Tres líneas educativas presentadas como “primeros prototipos”.
- Ubicación: solo “Chile”. Sin WhatsApp, sin redes, sin fotos de pedidos.
Fase 1 · Exploración creativa · Octubre 2026
Tres caminos para que FMG3D se vea como el taller que ya es.
Hoy fmg3d.cl dice “educación”. El taller vende macetas, lámparas, piezas de temporada, ruletas para fonoaudiólogas y encargos únicos. Estas tres direcciones resuelven ese desfase sin perder la paleta, la calidez ni la historia familiar.
Las tres usan el mismo copy, las mismas imágenes de referencia y el mismo cotizador, para que la comparación sea solo de diseño. Cada una es un prototipo navegable en escritorio y móvil.
Propuesta A
Estudio editorial
Cuaderno de objetos
FMG3D contado como un estudio que publica su trabajo: cada objeto con su número, su pie de foto y su historia.
Propuesta BRecomendada
Taller lúdico
La bandeja de piezas
La web como la mesa del taller: una bandeja con compartimentos donde cada línea tiene su lugar.
Propuesta C
Galería de producto
La vitrina
Un portafolio de diseño de producto donde la interfaz se retira y el objeto habla.
01 · Diagnóstico
Hoy la web dice “educación”. El taller vende otra cosa.
Lo que el taller hace
- Macetas decorativas
- Lámparas temáticas
- Piezas de Halloween
- Productos navideños
- Piezas para Fiestas Patrias
- Ruletas para fonoaudiólogas
- Encargos especiales
- Consultas de minería (en exploración)
Punto de partida en PageSpeed (móvil)
- Rendimiento
- 88
- Accesibilidad
- 96
- Recomendaciones
- 100
- SEO
- 100
- LCP
- 3,5 s
- FCP
- 2,4 s
- TBT
- 0 ms
- CLS
- 0
Datos entregados por FMG3D. El rediseño no debe empeorarlos.
Cómo se protege el rendimiento
- Imágenes con formatos modernos y tamaños por pantalla (se ahorran los 289 KiB detectados).
- La foto principal carga con prioridad; el resto, solo al acercarse.
- Proporciones fijas en todas las fotos: cero saltos de diseño.
- Animaciones con CSS y casi sin JavaScript; todas se apagan con “reducir movimiento”.
- Contraste corregido en botones (carbón sobre naranja) y cabeceras de seguridad básicas.
| Falta hoy | En los prototipos |
|---|---|
| Fotos reales de pedidos entregados | Todas las imágenes están marcadas y listas para reemplazar. |
| Precios o rangos de referencia | Espacio reservado en cada línea, marcado “por confirmar”. |
| WhatsApp y redes | Botón y enlaces preparados; se activan con el número y la cuenta. |
| Ubicación | San Esteban, Los Andes, Valle del Aconcagua, en textos y datos estructurados. |
| Imagen para compartir | Imagen de 1200 × 630 generada con la paleta y el titular. |
| Privacidad y tiempos de respuesta | Página de privacidad base y plazos visibles marcados “por confirmar”. |
| Una URL por línea | Estructura de URLs propuesta abajo. |
02 · Identidad que se conserva
Misma marca, otra forma de contarla.
Colores y logotipo salen tal cual del sitio actual. Cada propuesta usa como máximo dos familias tipográficas.
- Aa
Porcelana
#FFFCF5
Fondo principal
- Aa
Crema
#F7F2E9
Superficies y fondos de foto
- Aa
Carbón
#1C1917
Texto y secciones oscuras
- Aa
Naranja FMG3D
#FF6115
Marca, acción y acentos
Reglas de contraste
- Carbón sobre porcelana17,1:1Todo el texto de lecturaCumple AA
- Carbón sobre naranja5,8:1Botones y bloques naranjosCumple AA
- Naranja sobre carbón5,8:1Etiquetas en secciones oscurasCumple AA
- Blanco sobre naranja3,0:1Hoy en los botones: solo sirve para titulares grandesSolo texto grande
- Naranja sobre porcelana2,9:1Nunca como texto: solo formas y rellenosNo como texto
Tipografía por propuesta
- A · Estudio editorial
- Instrument Serif + Inter
- B · Taller lúdico
- Bricolage Grotesque + DM Mono
- C · Galería de producto
- Bricolage ligera + Inter
Bricolage Grotesque e Inter son las fuentes del sitio actual. Cuerpo mínimo de 16 px y líneas de 45 a 75 caracteres en las tres.
03 · Copy y voz
Concreto, cercano y sin promesas de folleto.
Una voz en tres adjetivos, un titular por pregunta del visitante y un solo CTA primario por pantalla: “Pide tu cotización”.
- Cercana
- Honesta
- Cuidada
Titular · Elegido
Objetos a medida, diseñados y fabricados en familia.
Dice qué hacemos (objetos a medida), cómo (los diseñamos y fabricamos nosotros) y quiénes somos (una familia) en una sola línea. Lo concreto convierte mejor que lo poético, y el “en familia” es algo que un taller industrial no puede decir.
Titular · Alternativa
Tu idea, convertida en un objeto que puedes tomar con las manos.
Es más cálida y cercana a “Ideas que toman forma”, pero no dice que es a medida ni quién está detrás. Podría ser el titular de cualquier taller de impresión 3D.
Bajada del hero: Macetas, lámparas, piezas para cada temporada y recursos para terapia. Nos cuentas tu idea, con una foto o un dibujo, y la convertimos en un objeto real en nuestro taller de San Esteban.
| Pregunta del visitante | Sección | Titular final |
|---|---|---|
| ¿Qué es? | Hero | Objetos a medida, diseñados y fabricados en familia. |
| ¿Es para mí? | Lo que hacemos | Piezas para la casa, las fechas importantes, la consulta y tu empresa. |
| ¿Por qué confiar? | Trabajos del taller | Lo que ya salió del taller. |
| ¿Y si no sé de 3D? | Tu idea | No necesitas un archivo 3D. Con una foto o un boceto partimos. |
| ¿Cómo funciona? | Cómo trabajamos | Del boceto al objeto, en cuatro pasos. |
| ¿Quién está detrás? | Quiénes somos | FMG son Florencia, Mateo y Gaspar. |
| ¿Qué hago ahora? | Contacto | Pide tu cotización. |
Microcopy
- Error: “Elige una opción para seguir. Si no calza ninguna, marca Otra cosa.”
- Después de enviar: “Te escribimos con preguntas o un valor de referencia. Respondemos dentro de [plazo].”
- Material: “No lo dejes dentro del auto al sol.”
- Pie: “Una idea a la vez.”
Lo que no decimos
- El mejor
- Innovador
- De calidad
- Tecnología de vanguardia
- Damos vida a tus ideas
- ¡¡Increíble!!
Todo el copy está en los prototipos y se mantiene igual en los tres, en español de Chile.
04 · Las propuestas
Tres direcciones distintas en estructura, tipografía y tono.
Cada ficha responde los siete puntos del brief e incluye el prototipo en vivo, en escritorio y móvil.
Propuesta A
Estudio editorial
Concepto: Cuaderno de objetos
FMG3D contado como un estudio que publica su trabajo: cada objeto con su número, su pie de foto y su historia.
- Serena
- Culta
- Segura
fmg3d.cl
Cargando el prototipo…
Es el prototipo real: se puede desplazar, abrir menús y probar el cotizador dentro del visor.
01Hero
Titular a todo el ancho en serif, con dos objetos incrustados entre las palabras. Debajo, una entradilla en tres columnas con el CTA “Pide tu cotización” y una composición asimétrica de tres figuras numeradas.
02Grilla
12 columnas con desfases verticales. Las figuras rompen la cuadrícula a propósito; el texto siempre vuelve a ella.
03Componentes
Sin tarjetas: figuras con pie de foto editorial y formato de caso (necesidad, solución, resultado). Índice de secciones a pantalla completa, botones rectos en mayúsculas pequeñas y un cotizador escrito como conversación sobre carbón.
04Escritorio
Márgenes amplios, imágenes grandes y un ritmo de lectura pausado.
05Móvil
Una columna que conserva la escala de los titulares. El índice es el menú y el CTA vive en la barra superior.
06Justificación comercial
Sirve si FMG3D quiere subir el valor percibido de cada encargo y apuntar a regalos y piezas especiales.
Sistema tipográfico
Objetos a medida, en familia.
- Titulares y énfasis
- Instrument Serif · regular y cursiva · 40 a 150 px
- Lectura, interfaz y pies de foto
- Inter · 16 a 18 px · versalitas 11 px
Uso de la paleta original
- Porcelana70 %
- Crema10 %
- Carbón15 %
- Naranja5 %
Proporción aproximada de superficie en la home.
Fortalezas
- La más diferenciada frente a cualquier taller de impresión 3D.
- Tono boutique que sostiene encargos especiales y regalos.
- Cuenta muy bien la historia familiar.
Limitaciones
- Depende de fotos muy buenas para lucir.
- Se siente lejana para quien busca algo rápido de temporada.
- Muestra la variedad de forma secuencial: hay que bajar para verla.
Propuesta B
RecomendadaTaller lúdico
Concepto: La bandeja de piezas
La web como la mesa del taller: una bandeja con compartimentos donde cada línea tiene su lugar.
- Cercana
- Curiosa
- Con oficio
fmg3d.cl
Cargando el prototipo…
Es el prototipo real: se puede desplazar, abrir menús y probar el cotizador dentro del visor.
01Hero
Mosaico modular con el titular a la izquierda y cuatro compartimentos de producto a la derecha, más un sello giratorio con el origen. Debajo, la cinta del sitio actual mostrando todo lo que hacen.
02Grilla
12 columnas en escritorio y 2 en móvil. Los módulos cambian de tamaño, forma y color, nunca son tarjetas idénticas.
03Componentes
Piezas con borde de carbón y sombra sólida, rótulos tipo taller (PIEZA 04 · HOGAR), filtros por línea, muestrario de colores interactivo, calendario de temporadas y cotizador con opciones grandes y táctiles.
04Escritorio
Mosaicos y microinteracciones discretas: piezas que se levantan, ruletas que giran y un muestrario que cambia el color de la pieza.
05Móvil
Módulos apilados en dos columnas y un dock inferior al alcance del pulgar con Piezas, Temporadas, Proceso y Cotizar.
06Justificación comercial
La mejor para el negocio real de hoy: pedidos variados, temporadas con fecha y clientes que llegan sin archivo 3D.
Sistema tipográfico
Objetos a medida. Pieza 04 · Temporada
- Titulares y lectura
- Bricolage Grotesque · ExtraBold 800 para titulares, 400 para texto
- Rótulos y datos
- DM Mono · mayúsculas 11 px
Uso de la paleta original
- Porcelana32 %
- Crema18 %
- Carbón25 %
- Naranja25 %
Proporción aproximada de superficie en la home.
Fortalezas
- Muestra la variedad del taller en el primer pantallazo.
- Evoluciona lo que la marca ya tiene: naranja, carbón, cinta y numeración.
- Tolera fotos caseras: los marcos de forma y color las unifican.
- Las temporadas se cambian como módulos, sin rediseñar.
Limitaciones
- Si se suman módulos sin criterio, se satura.
- Exige reglas de forma y color para no verse infantil.
- Tiene más componentes que mantener.
Propuesta C
Galería de producto
Concepto: La vitrina
Un portafolio de diseño de producto donde la interfaz se retira y el objeto habla.
- Precisa
- Calma
- Cuidadosa
fmg3d.cl
Cargando el prototipo…
Es el prototipo real: se puede desplazar, abrir menús y probar el cotizador dentro del visor.
01Hero
Vitrina sobre carbón: una pieza grande y, al lado, el índice completo de la colección siempre visible. No es un carrusel automático: el visitante elige qué ver.
02Grilla
12 columnas con mucho aire. Colección en proporción fija 4:5 sobre crema para que piezas muy distintas convivan en orden.
03Componentes
Ficha de pieza a pantalla completa con caso, tamaño de referencia y “Quiero algo así”, filtros con subrayado, líneas en fila horizontal y un cotizador sobrio con campos subrayados.
04Escritorio
Imágenes grandes, texto pequeño y preciso, ritmo lento.
05Móvil
Colección en dos columnas, líneas en desplazamiento horizontal con todo el contenido accesible y fichas a pantalla completa.
06Justificación comercial
Conviene cuando exista un catálogo de piezas firma con buenas fotos y se quiera vender por producto.
Sistema tipográfico
Objetos a medida. 02 / 07
- Titulares
- Bricolage Grotesque · ligera 300 · 40 a 80 px
- Interfaz, lectura y catálogo
- Inter · 15 a 17 px · números tabulares
Uso de la paleta original
- Porcelana45 %
- Crema25 %
- Carbón25 %
- Naranja5 %
Proporción aproximada de superficie en la home.
Fortalezas
- La mejor exhibición de producto de las tres.
- Elegante, atemporal y fácil de mantener.
- Escala sin esfuerzo a páginas por línea y por pieza.
Limitaciones
- Muy exigente con la fotografía: fondo y luz parejos.
- Menos calidez familiar en el primer contacto.
- Comunica menos el servicio a medida.
05 · Estructura de URLs
Una URL por línea, pensada para buscar y compartir.
Cada línea tiene su página, con title y descripción propios, datos estructurados de negocio local y señales de San Esteban, Los Andes y el Valle del Aconcagua.
| URL | Página | Contenido |
|---|---|---|
| fmg3d.cl/ | Inicio | La home que se elija. |
| fmg3d.cl/hogar-y-regalos | Hogar y regalos | Macetas, lámparas y objetos decorativos. |
| fmg3d.cl/celebraciones | Celebraciones y temporadas | Con subpáginas por temporada: /celebraciones/navidad, /fiestas-patrias, /halloween. |
| fmg3d.cl/terapia-y-aprendizaje | Terapia y aprendizaje | Ruletas y recursos para fonoaudiología y docencia. |
| fmg3d.cl/a-medida | Pedidos a medida | Cómo funciona un encargo desde una foto o un boceto. |
| fmg3d.cl/mineria-y-empresas | Minería y regalos corporativos | Línea en exploración, sin marcas de terceros. |
| fmg3d.cl/trabajos/[nombre] | Caso de cada trabajo | Necesidad, solución, resultado y fotos reales. |
| fmg3d.cl/cotizar | Cotizador | El mismo cotizador guiado, con enlace directo. |
| fmg3d.cl/nosotros | Quiénes somos | Historia familiar y taller. |
| fmg3d.cl/materiales | Materiales y cuidados | PLA, calor y limpieza. |
| fmg3d.cl/privacidad | Política de privacidad | Ya incluida en este prototipo. |
Las 5 líneas de la home ya enlazan a estas rutas en los prototipos (se muestran como texto mientras las páginas no existan).
06 · Comparación
Fortalezas y límites, lado a lado.
Evaluación cualitativa de diseño, de 1 a 5, desde lo que FMG3D necesita hoy.
| Criterio | A · Estudio editorial | B · Taller lúdico | C · Galería de producto |
|---|---|---|---|
| Se entiende en 3 segundos que es a medida | 4 de 5 | 5 de 5 | 3 de 5 |
| Muestra la variedad del taller | 3 de 5 | 5 de 5 | 4 de 5 |
| Calidez familiar | 3 de 5 | 5 de 5 | 2 de 5 |
| Percepción de cuidado y calidad | 5 de 5 | 4 de 5 | 5 de 5 |
| Protagonismo del objeto | 3 de 5 | 4 de 5 | 5 de 5 |
| Tolera fotos tomadas en el taller | 2 de 5 | 4 de 5 | 2 de 5 |
| Facilidad para cambiar temporadas | 3 de 5 | 5 de 5 | 4 de 5 |
| Liviandad técnica | 5 de 5 | 3 de 5 | 4 de 5 |
| Total | 28 / 40 | 35 / 40 | 29 / 40 |
07 · Recomendación final
Recomendamos la Propuesta B, Taller lúdico, con la ficha de producto de C y la tipografía de historia de A.
Es la que mejor responde a la pregunta del negocio: que alguien que nunca ha visto FMG3D entienda en segundos que puede pedirles algo especial, aunque no tenga un archivo 3D. Y es la que mejor convive con la realidad de un taller familiar que fotografía sus propias piezas.
- 01
Resuelve el problema de fondo
Hogar, temporadas, terapia y encargos aparecen juntos desde el primer pantallazo. Lo educativo queda como una línea, no como la identidad.
- 02
Es la evolución natural de la marca
El naranja, el carbón, la cinta animada y la numeración del sitio actual se vuelven sistema.
- 03
Perdona fotos caseras
Los marcos de forma y color unifican piezas de tamaños y colores muy distintos.
- 04
Pone el encargo al centro
El cotizador en cinco pasos y “Quiero algo así” bajan la barrera de quien no sabe por dónde partir.
- 05
Escala con el calendario
Navidad, Fiestas Patrias y Halloween se cambian como módulos, con su fecha límite visible.
Reglas para que nunca se vuelva infantil
- Máximo tres formas de marco en toda la web.
- Un solo bloque naranja por fila de módulos.
- Carbón siempre como contrapeso del naranja.
- Fotos sobre fondo crema o porcelana, nunca sobre colores saturados.
- Movimiento discreto, apagado con “reducir movimiento”.
Próximos pasos
- Paso 1
Sesión de fotos
Dos o tres fotos por trabajo sobre fondo crema, con luz natural lateral, una junto a una mano para dar escala y una del proceso.
- Paso 2
Datos pendientes
Número de WhatsApp, Instagram, plazos de respuesta y entrega, fechas límite de temporada y rangos de precio.
- Paso 3
Navidad primero
Es la temporada más cercana: conviene publicar con su fecha límite de pedido ya definida.
- Paso 4
Versión final
Con la dirección aprobada: páginas por línea y por caso, cotizador conectado y fotos reales.
08 · Autoevaluación antes de entregar
Las seis preguntas del brief, respondidas.
¿Se entiende en menos de 3 segundos que hacemos objetos a medida y temáticos?
Sí en B y A: el titular dice “objetos a medida” y el hero muestra cuatro líneas distintas. En C se entiende al ver la colección, un poco más tarde.
¿Algún titular podría ser de otra marca?
Descartamos “Damos forma a tus ideas” y la alternativa emotiva por esa razón. El elegido menciona lo a medida y la familia.
¿Hay elementos puramente decorativos?
Revisamos y quitamos varios. Los que quedan cumplen función: la cinta muestra líneas, el sello dice el origen, la textura de capas recuerda cómo se fabrica.
¿Contraste, lectura en móvil y CTA funcionan?
Botones en carbón sobre naranja (5,8:1), cuerpo de 16 px o más, objetivos táctiles de 44 px y un CTA primario por pantalla.
¿Las tres propuestas se distinguen de verdad?
Cambian estructura del hero, tipografía, grilla, navegación y tono, no solo colores.
¿Se inventó algún dato?
No. Plazos, precios, fechas límite, WhatsApp, redes, tamaños y resultados quedan marcados “por confirmar”. Las fotos son referencias identificadas.