lobodrocks
Caso · Software para hoteles · Barcelona y Toronto

De la tormenta al orden: una web que vende software hotelero

HÓTICO es una plataforma de CRM y gestión de huéspedes para hoteles independientes. lobod.rocks hizo toda la web: los embudos de marketing y su lógica, la arquitectura, el diseño y el desarrollo en inglés y español, los textos y una identidad web sobre el manual de marca.

Cliente
HÓTICO Operations Europe
Oficinas
Barcelona · Toronto
Idiomas
Inglés · Español
Hecho por
lobod.rocks
La primera pantalla de hotico.online: cada huésped, cada reserva, cada departamento, una sola plataforma
hotico.online en un móvil
Embudos de marketing

Cuatro entradas, un solo CRM

Cada visitante tiene un siguiente paso según el punto en el que está: reservar una demo, añadir datos para una propuesta, leer antes un resumen o entrar como partner. Cada solicitud llega al CRM con lo que el equipo comercial necesita para devolver la llamada.

Listos para una demo

«Reservar una demo» en la cabecera, en la primera pantalla, en cada página y en la barra del móvil

  1. Paso 1Nombre, cargo, email de trabajo, hotel o grupo y, si quiere, teléfono
  2. Enviada al momentoLa solicitud ya está dentro; no hace falta nada más
  3. Paso 2, opcionalEvaluación del proyecto: país, habitaciones, categoría, PMS, módulos, equipos, canales, plazos
  4. Propuesta a medidaPreparada a partir de la evaluación

Con objetivos elegidos

12 objetivos en la página Plataforma, cada uno con «añadir a mi demo»

  1. Elegir objetivosLa selección se guarda solo en el navegador del visitante
  2. Añadir a la demoLos objetivos pasan a la solicitud de demo
  3. El equipo comercial los veAparecen por su nombre en el lead

Aún no están listos

El vídeo de 2 minutos, con un paso más tranquilo al lado

  1. Ver el vídeoEl vídeo propio de HÓTICO, en el idioma de la página
  2. Dejar un emailSolo el email, nada más
  3. Un resumenLos 12 objetivos y cómo se aplican a su hotel

Partners

Personas que conocen a propietarios y directores generales de hotel

  1. Elegir un nivelAgent, Dealer o Partner
  2. SolicitarNombre, empresa, mercado y nivel
  3. HablarHÓTICO responde para acordar el nivel adecuado
Un solo CRM para todas las solicitudesCada solicitud llega al CRM de HÓTICO (Bitrix24) con las etiquetas de campaña de la visita, la página de entrada y la web de procedencia. Además, cada lead se escribe en el registro del servidor, así que ninguno se pierde si falla la entrega.
  • Sin cookies ni rastreadores; la página cuenta igualmente clics, formularios empezados y enviados, objetivos y reproducciones del vídeo.
  • La casilla de consentimiento aparece sin marcar y enlaza al aviso de privacidad.
  • Un campo oculto frena a los bots sin captcha.
Lógica y estructura

Un inicio que va de la oferta a la solicitud

El inicio es corto: la oferta, el problema, lo que gana el hotel, las preguntas y el formulario. Todo lo demás queda a un clic, en una página con una sola tarea.

  1. /

    Inicio

    La oferta, la tormenta, seis resultados para el hotel, las preguntas y el formulario en dos pasos

  2. /platform

    Plataforma

    12 objetivos en cuatro etapas; cualquiera de ellos puede ir a la solicitud de demo

  3. /modules

    Módulos

    HÓTICO24 y seis módulos, las integraciones y el modelo comercial, sin precios

  4. /how-it-works

    Cómo funciona

    El vídeo, el recorrido del huésped, HÓTICO AI, la analítica y la implantación semana a semana

  5. /partners

    Partners

    Tres niveles, Agent, Dealer y Partner, y la solicitud

  6. /demo

    Demo

    Qué enseña la demo, qué pasa después y las oficinas con su hora local

  7. /brand

    Identidad

    La identidad web, publicada como el manual de reglas de la propia web

  8. /privacy

    Privacidad

    Adónde van las solicitudes y qué guarda la web, con palabras sencillas

Se basa en
  • Nuestra auditoría de la web anterior y de su marketing
  • Seis competidores en software hotelero
  • La ficha de una página, el manual y el programa de partners de HÓTICO
  • Los principios de venta de HÓTICO: cualificar antes de invertir, vender valor y no funciones
Arquitectura

Rápida, barata de mantener y fácil de traspasar

La única pieza móvil es el pequeño servicio que recibe los formularios; todo lo demás son páginas simples.

  1. Rápida

    El movimiento y la tormenta se cargan solo cuando hacen falta, y cada página se lee también sin ellos

  2. Dos idiomas a la par

    Cada línea en inglés y en español vive en un mismo sitio, así que las versiones nunca se separan

  3. Probada y entregada

    Las 18 páginas, probadas en tres anchos de pantalla y entregadas con instrucciones paso a paso y redirecciones desde las direcciones antiguas

El mismo diseño y los mismos textos generan también la presentación de HÓTICO de 14 diapositivas, en PDF, en inglés y español.

Identidad web

El acento es la atención

Dejamos el logotipo y el manual exactamente como están y construimos a su alrededor lo que la web necesitaba: tonos para dar profundidad y calidez, tipografía, un tratamiento de foto, movimiento y una voz.

El anillo de la Ó es el recorrido de 360° del huésped, y el acento de encima es el cuidado que añade HÓTICO. La Ó se convierte en el símbolo: el icono, el indicador de carga, el progreso, el huésped que avanza por su recorrido.

Del manual de marca

  • Deep IndigoEl color principal de la marca: titulares, acciones
  • IndigoÍndigo secundario, estados al pasar el cursor
  • PeriwinkleLa Ó, acentos secundarios
  • MistSuperficies tranquilas
  • WhiteFondos, el logotipo sobre índigo
  • InkTexto principal

Añadidos para la web

  • NightProfundidad para pantallas oscuras
  • LinenUn fondo cálido para leer
  • LamplightEl único acento cálido, solo donde hay cuidado; nunca en el logotipo

Tipografía

  • ManropeTitulares y texto: el sustituto web de la tipografía corporativa Malgun Gothic, con latín y cirílico completos
  • Cormorant Garamond ItalicLas palabras del cuidado: una o dos palabras en un titular
  • JetBrains MonoEtiquetas, cifras y detalles de interfaz
Logotipo
El logotipo original, sin cambios: Deep Indigo con la Ó en Periwinkle sobre fondos claros, todo en blanco sobre índigo y Night
La Ó
Siempre de un solo color. Se convierte en el icono de la app, el favicon, el indicador de carga y la marca delante de los titulares
Fotografía
Momentos reales de hospitalidad, con licencia de Unsplash, con un mismo tratamiento de la casa: color apagado, índigo en las sombras y la luz cálida intacta
Movimiento
De la tormenta al orden: las cosas llegan dispersas y se asientan en un solo anillo. Una cabecera en forma de píldora, transiciones de hoja y un iris entre páginas, todo desactivado con movimiento reducido
Patrón
Medios anillos y acentos de la Ó, en blanco con poca opacidad sobre Deep Indigo, como en el manual
Voz
Cálida, no empalagosa; clara, no técnica. Cuidado respaldado por funciones concretas
El logotipo sobre Linen, Night e Indigo, con lo que se permite y lo que no
La paleta: los colores del manual y los tres tonos web
El patrón de la Ó sobre Deep Indigo
Tipografía: Manrope, Cormorant Garamond Italic y JetBrains Mono
Resultado

En línea en hotico.online

En inglés y español, en el servidor propio de HÓTICO.

  • Cada solicitud llega al CRM con quién pregunta, para qué hotel, los objetivos elegidos y de dónde vino la visita.
  • Quien aún no está listo para una demo sigue teniendo un siguiente paso, y los partners tienen su propia puerta.
  • Sin cookies ni rastreadores, así que la web no necesita banner de cookies.
  • El logotipo, la paleta del manual y el patrón de la Ó siguen exactamente como los tenía HÓTICO.
Habla con Lobod

Cuéntame qué vas a lanzar, o qué no funciona.

En 24 horas laborables: la fórmula que encaja, con precio, o las dos o tres preguntas que necesito que me respondas antes de ponerle precio.

Dima@lobods.comLinkedIn

Barcelona · clientes en Europa y EE. UU. · ES / EN · respondo el mismo día laborable
Cartas

Dos veces al mes, algo que merece leerse sobre visibilidad en IA, lanzamientos y lo que de verdad mueve una marca. Las cartas publicadas.

Doble confirmación: un correo te pide confirmar y no llega nada hasta que lo haces. Un clic al final de cualquier envío y se acaba para siempre.