Saltar al contenido

Flores María · El sitio nuevo · Septiembre 2026

El sitio empieza en acuarela y se vuelve real.

La misma idea del video, llevada a la página: los Andes en acuarela que se vuelven foto, la historia de la flor contada en un scroll, y recién después las secciones. Acá está el mapa de páginas, la página de inicio sección por sección, y cómo sabemos quién entra, qué guardamos y qué le mandamos. Primero, la apertura: dale play o arrastrá el control. El look & feel y el storyboard del video están en las otras páginas.

Acuarela: una trabajadora cosecha rosas en un invernadero de los Andes, con el volcán de fondo

Acuarela

De acuarela a foto

La apertura de la página de inicio. Los dos cuadros son los de la toma T1 del video, la cosecha al amanecer con el volcán de fondo: primero el dibujo, y desde la trabajadora hacia afuera aparece la foto. Dura unos tres segundos, pasa una sola vez al entrar, y después la página se queda quieta.

Preparado para

Felipe Villamizar y Juan David
María Flowers

Preparado por

CadenSpark

Estado

Propuesta de estructura y lenguaje visual.
La identidad del sitio viene después.

Inversión

USD 4.000 el sitio, sin los opcionales.
Con el video, en la propuesta.

La idea

El video y el sitio hablan el mismo idioma, y el comprador lo nota.

Fotografía para el mundo y acuarela para lo que hay que explicar. En el sitio la regla es la misma que en el video: la foto lleva el peso, la acuarela entra cuando hay algo que enseñar, y la transición entre las dos aparece pocas veces. Tres en todo el sitio, y ninguna más.

Foto: una agrónoma revisa las rosas en un invernadero moderno

Foto · los heros y la gente

Cada página abre con una foto grande

La finca, el cuarto frío, la llegada a Miami, la percha. Las personas siempre en foto: el equipo de ventas, la gente de la finca, la persona que abre la caja.

Acuarela: el corte del tallo con la sección de los tubos y rótulos a lápiz

Acuarela · las explicaciones

Lo que no se puede fotografiar

El viaje en el mapa, el corte del tallo, el frío, los sí y los no. Y el papel crema de la acuarela es el fondo cálido del sitio, en vez de un gris cualquiera.

Transición: unas manos fotografiadas que se disuelven en acuarela

Transición · tres veces

Cuando una cosa se vuelve la otra

La apertura de la home, de acuarela a foto. El cuarto frío en la historia, de foto a acuarela. Y el corte en Flower Care. En ningún otro lugar del sitio.

El mapa del sitio

Siete páginas, y ninguna de relleno.

El sitio de hoy es una sola página con seis bloques y doce rosas. El nuevo tiene siete: la de inicio cuenta todo en un scroll, y las otras seis profundizan en lo que un comprador quiere verificar antes de cambiar de proveedor. Quiénes son, cómo llega la flor, qué venden, cómo cuidan, cómo entrenan a la tienda, y cómo hablar con ustedes. Los nombres van en inglés porque el comprador lee en inglés.

floresmaria.com

Home

Toda la historia en un scroll. Ocho secciones, abajo.

  1. /story

    Our Story

    La familia Villamizar desde 1994, misión y visión, qué representa María Flowers y el equipo con nombre y cara. Reemplaza «About Us» y «Our Team».

    Foto
  2. /journey

    From the Andes to Your Shelf

    El proceso completo: fincas boutique, microclimas por altura, cosecha, cadena de frío, vuelo, control de calidad en Miami, camión, percha. Y qué hacen distinto en cada paso. Reemplaza los seis bloques de «Our Services».

    Foto y acuarela
  3. /flowers

    Our Flowers

    Todo el surtido por categoría, más ramos y recetas. Sin precios y sin carrito: es un catálogo. Con el panel opcional, su equipo agrega, oculta o actualiza una variedad sin pasar por nosotros.

    Foto
  4. /we-care

    We Care

    El programa de compensación de CO2 con LATAM, la meta de carbono neutral en 2030, Rainforest Trust, Ecominga, Orchid Conservation Alliance, y las prácticas sociales en las fincas. Junta «News» y «We Care».

    Foto y acuarela
  5. /care

    Flower Care 101

    Donde cae el QR de la caja: el video, las tres reglas para imprimir y la encuesta del final. Es nueva. Sirve a la tienda, y le muestra al comprador que la flor llega con instrucciones.

    Video
  6. /contact

    Contact

    Un formulario que llega al mail de ventas. Y la dirección de Miami, el teléfono y el mail. Conectarlo a un CRM es opcional.

    Foto
  7. /university · fase 2

    Flower University

    Reservado para el contenido con periodicidad del que habló Dani. No se construye ahora; el lugar queda previsto para que después no haya que reordenar nada.

    Después

De hoy a mañana

Hoy en floresmaria.comMañanaQué cambia
Home, una página con seis bloquesHomeLa historia en un scroll, con la apertura en acuarela y las tres promesas al comprador.
About Us y Our TeamOur StoryUna sola página: la familia desde 1994, misión y visión, el equipo.
Our Services, seis bloquesFrom the Andes to Your ShelfLos servicios se cuentan como pasos del viaje, con la práctica detrás de cada promesa.
Our Flowers, doce fichas de rosasOur FlowersTodas las categorías que venden, más ramos y recetas. Con fotos del catálogo.
News y We CareWe CareLo ambiental y lo social en un solo lugar, con los programas y los aliados.
No existeFlower Care 101La página del QR. Video, reglas, encuesta.
ContactContactEl formulario llega al mail de ventas.

Inventario del sitio actual, medido el 9 de septiembre de 2026: una página con seis anclas (About Us, News, Our Services, Our Flowers, Our Team, Contact) y doce fichas de rosas (Bicolor, Bicolor Lilac, Bicolor Red, Bicolor White Pink, Fiesta, Glitter, Lilac, Mondial, dos Rose, White y Yellow Roses). WordPress 5.1 sobre un tema de 2013. Cumplió su función; hoy venden todo lo que hay en una percha y el sitio muestra rosas.

La página de inicio

Ocho secciones, y una sola historia.

Es la página que el comprador abre cuando ya decidió mirar. Abre en acuarela, se vuelve real, hace el viaje de la maceta a la percha, y recién después muestra qué venden y quiénes son. Cada sección tiene su registro y su movimiento. Los textos en inglés son de muestra: el copy se escribe con ustedes.

01

La apertura Acuarela a foto

La apertura: la finca en acuarela que se vuelve foto

Qué dice

«From boutique farms in the Andes to your shelf. On time, every week.»

Una frase sobre la foto y un botón: ver el surtido. Nada más arriba del pliegue.

Movimiento

La acuarela se vuelve foto una vez, al cargar, desde la trabajadora hacia afuera. Es lo que se ve arriba de esta página. Después queda quieta.

02

El viaje, de la maceta a la percha Foto, con una transición

La finca al amanecer

La finca

El cuarto frío, de foto a acuarela

El cuarto frío

El vuelo, en acuarela

El vuelo

La llegada a Miami

Miami

La flor en la percha del supermercado

La percha

Qué dice

Cinco paradas: la finca a 9.200 pies, el cuarto frío, el vuelo, el control de calidad en Miami, la percha. En cada una, dos líneas: qué pasa y qué hacen ustedes para que llegue bien.

Movimiento

Se avanza con el scroll: cada parada entra mientras la anterior sale, y los números (la altura, los días de viaje, la temperatura) suben hasta su valor. En el cuarto frío la foto se vuelve acuarela, porque ahí hay algo que explicar: la flor se duerme en el frío. Es la segunda transición, y la última de la home.

03

Las tres promesas Foto

La carga del avión en Quito

Qué dice

Lo que Felipe dijo que le importa a un comprador, en tres columnas: llega a tiempo, llega con calidad, no se daña en la percha. Debajo de cada una, la práctica que la sostiene: los programas de todo el año y la logística; la cadena de frío y el control en Miami; el video Flores 101 en cada caja.

Movimiento

Ninguno. Se lee.

04

El surtido Foto

Rosas recién cortadas en el carro de cosecha

Qué dice

Todas las categorías que un comprador puede pedir, con dos o tres variedades de muestra cada una, más ramos y recetas. El botón lleva al catálogo completo. Las categorías y las fotos salen del catálogo que nos manden.

Movimiento

La flor gira al pasar el mouse: un giro de 360 grados generado a partir de la foto de referencia de cada variedad. Es lo que pidió Juan David, «que la rosa se voltee», y se hace una vez por variedad.

05

Cuidamos Acuarela de fondo

Acuarela: los Andes y la finca, en plano abierto

Qué dice

Primer cliente de flores en el programa de compensación de CO2 de LATAM, carbono neutral en 2030, Rainforest Trust, Ecominga y Orchid Conservation Alliance. Y las prácticas sociales de las fincas, que hoy no están en el sitio y hay que recoger.

Movimiento

Ninguno. Los logos de los programas en una tinta y una acuarela de los Andes como fondo. Es la única sección de la home en acuarela.

06

Quiénes somos Foto

Cosecha en un invernadero moderno al amanecer

Qué dice

La familia Villamizar desde 1994, Miami, y el equipo de ventas y servicio con nombre y cara. Qué representa María Flowers y cómo se alinea con los objetivos de sus clientes. Un párrafo y un botón a Our Story.

Movimiento

Ninguno. Las fotos del equipo se hacen con las que tengan o en una sesión corta en Miami; no se generan.

07

Flores 101 Video

El corte del tallo, de foto a acuarela

Qué dice

Al comprador: «entrenamos a tu gente para que la flor dure en la percha». El video embebido y el QR que va en cada caja. Es el argumento que ningún otro proveedor muestra.

Movimiento

El propio video, con la transición del corte. Se reproduce cuando el comprador lo pide, no solo.

08

Hablemos Formulario

Qué dice

Cuatro campos y un botón. Llega al mail de ventas y responde Juan David. Abajo, la dirección de Miami, el teléfono y el mail.

Movimiento

Ninguno. Lo que importa acá es que el formulario funcione desde un teléfono y que el mensaje llegue en el minuto.

Dónde hay movimiento

  • La apertura. Acuarela a foto, una vez.
  • El viaje. Las paradas entran con el scroll y los números suben.
  • El cuarto frío. Foto a acuarela, la segunda transición.
  • El surtido. La flor gira al pasar el mouse.
  • El video. Cuando el comprador le da play.

Dónde no

  • El texto. Nada que se lea se mueve.
  • Las promesas, el equipo, el formulario. Quietos: ahí el comprador decide.
  • En el teléfono. La apertura se ve igual; el giro de la flor se reemplaza por un toque.
  • Si el sistema pide menos movimiento. Se respeta: la página muestra la foto directo.

Los datos

Quién entra, qué mira, y qué le mandamos.

El sitio no vende: nadie compra por acá, y así va a seguir. Lo que sí hace es decirnos quién vino, guardar a los que se identifican, y escribirles solo. Sin cookies de terceros, sin banner de consentimiento, y sin adivinar nombres. Un recorrido en cuatro pasos.

Actualización del 9 de septiembre: este circuito (CRM, mails automáticos y resumen semanal) pasa a ser opcional, USD 1.500 una vez y USD 25 por mes. El sitio base manda el formulario al mail y no tiene costo mensual. Así está en la propuesta.

01 · Entra

Por Google, por un mail de Juan David, o por el QR de la caja

Cada QR es distinto por cadena y por producto. Un escaneo ya dice de qué tienda viene y qué recibió, sin preguntar nada.

  • Analítica sin cookies. Páginas vistas, país y ciudad aproximada, dispositivo, de dónde llegó.
  • El video. Cuánto vio cada persona: un cuarto, la mitad, tres cuartos, entero.

02 · Se identifica

Dos puertas, y las dos dan algo a cambio

Nadie deja un dato gratis. Cada puerta ofrece algo que la persona quiere.

  • El comprador. Pide el catálogo o escribe en Contact. Nombre, empresa y mail de trabajo.
  • La persona de la tienda. Al final del video responde qué quiere aprender, y si quiere, deja el mail para recibir más.

03 · Se guarda

En el CRM de María Flowers

Cada contacto con su origen, la cadena, el producto del QR, las respuestas de la encuesta y la fecha. El CRM es GoHighLevel, en una cuenta a nombre de ustedes: los datos son suyos, nosotros la administramos.

  • Una copia en planilla. Juan David la abre sin entrar a nada.
  • El catálogo, en una tabla. Variedades, recetas y fotos. Cambian una fila y el sitio se actualiza solo.

04 · Recibe

Un mail al minuto, y ninguno de más

La respuesta sale sola y con lo prometido. El seguimiento humano lo hace Juan David, con un recordatorio y un borrador listo.

  • Al comprador. El catálogo y el video, al instante.
  • A la tienda. Las tres reglas en una página para imprimir.
  • A Felipe y Juan David. Un resumen cada lunes.

Qué sale, cuándo y a quién

Cuando pasa estoCuándo saleQué se manda
Alguien escribe en ContactAl instanteAl comprador: gracias, el catálogo y el video. A Juan David: el aviso con los datos, la página desde la que escribió y qué miró antes.
Alguien pide el catálogoAl instanteLa última versión, siempre: el link apunta a la tabla, así que si el catálogo cambió ayer, recibe el de hoy.
Alguien responde la encuesta del videoAl instanteA la tienda, si dejó mail: las tres reglas para imprimir. La respuesta se suma al conteo por cadena.
Juan David no respondió en tres díasDía 3A Juan David: un recordatorio con el borrador del seguimiento. Lo manda él, no la máquina.
Empieza la semanaLunesA Felipe y Juan David: escaneos por cadena, cuánto se vio el video, contactos nuevos y qué respondieron.
Flower University, fase 2MensualQueda preparado en el mismo CRM. No se activa ahora.

Cómo se arma

El sitio es HTML puro en Cloudflare, sin plataforma que actualizar ni plugin que se rompa. Los formularios y el QR entran por una función pequeña que guarda en el CRM y dispara los mails. Es el mismo circuito que ya funciona en las páginas del video de esta presentación cuando alguien deja un comentario: se guarda y nos llega un aviso.

Los mails salen de un subdominio de floresmaria.com con SPF y DKIM configurados, para que lleguen a la bandeja de entrada y no a spam.

Lo que no hacemos

No identificamos a una persona por su IP ni por su navegador. Existe un servicio que reconoce la empresa desde la red de una oficina (sirve para saber que entró alguien de Kroger, no quién); se puede sumar después, con su costo aparte, y no lo prometemos porque muchos compradores entran desde el teléfono.

Tampoco hay retargeting ni pauta en esta etapa. Cuando alguien deja el mail, sabe para qué, y puede darse de baja con un clic.

Inversión

El sitio completo, en un número.

El sitio

USD 4.000

Las siete páginas, con la apertura en acuarela, la historia en un scroll, el catálogo cargado con lo que nos manden, la página del QR y el formulario al mail. El CRM y el panel del catálogo son opcionales.

Pago: 50 % al empezar el proyecto y 50 % al terminar. Plazo orientativo: entre 60 y 90 días desde que llega el material. Sin costo mensual de CadenSpark.

Incluye

  • Las siete páginas del mapa, en inglés, y el lugar previsto para la fase 2.
  • La identidad del sitio: tipografía, color y el tratamiento de las fotos.
  • Las imágenes del hero y del viaje, generadas con el mismo sistema del video, y las fotos que ustedes tengan.
  • El catálogo, cargado con todas las categorías, variedades y recetas que nos manden, con sus fotos. Cuando cambia, nos lo mandan y lo actualizamos.
  • La página del QR, los códigos por cadena y producto, y la medición del video.
  • El formulario de contacto al mail de ventas, y la analítica sin cookies.
  • Pruebas en teléfono, publicación en el dominio y un mes de ajustes después de salir.

No incluye

  • El video Flores 101. Va aparte: está cotizado en el storyboard.
  • El CRM. Opcional: USD 1.500 una vez y USD 25 por mes, cuando tenga uso real.
  • El panel del catálogo (un CMS). Opcional: USD 1.500 una vez, sin costo mensual. Su equipo agrega una variedad o una receta, sube las fotos y la activa o la oculta en el catálogo, sin pasar por nosotros.
  • Costos mensuales. No cobramos ninguno. El hosting es gratis en Cloudflare; los códigos QR y el alojamiento del video (YouTube o Vimeo) son de ustedes, al costo, sin margen.
  • Fotografía de estudio de cada variedad. Las imágenes se generan a partir de sus referencias o se usan las suyas.
  • Tienda online o portal con clave. Nadie compra por el sitio, y así va a seguir.
  • Pauta, redes y el periódico impreso.
  • La identificación de empresas por IP, si algún día la quieren, con su costo.

El siguiente paso

Si el mapa cierra, lo siguiente es la identidad.

Con las siete páginas aprobadas, diseñamos la identidad del sitio: tipografía, color, y cómo se ve cada flor del catálogo. Después, la home y el viaje con los frames del video, las páginas interiores y la página del QR, y la carga del contenido. Diez semanas, orientativas.

  1. 1Aprobar el mapaEsta página: las siete páginas y las ocho secciones.
  2. 2La identidadTipografía, color, fotos. Dos semanas.
  3. 3La home y el viajeCon la apertura y las paradas. Tres semanas.
  4. 4Interiores, catálogo y QRLas seis páginas. Tres semanas.
  5. 5Contenido y salidaCarga, pruebas en teléfono, publicación. Dos semanas.

Para arrancar necesitamos

  • El catálogo actualizado, con las últimas recetas y una foto de cada variedad.
  • El logo en vectores, y fotos o videos de las fincas y del depósito de Miami.
  • De Juan David, la lista de competidores y dos o tres sitios que les gusten.
  • Dónde va el QR en el empaque y de qué tamaño.

Son los mismos puntos del mail de Dani del 8 de septiembre. El plazo corre desde que llegan.

Lo que todavía no está

La identidad del sitio: qué tipografía, qué color, cómo se fotografía una rosa del catálogo. No está a propósito. Primero el mapa y el lenguaje; la identidad se diseña sobre lo aprobado, y se muestra en esta misma página.