Vista General del Portal de Marca

Descripción completa de todas las funciones y opciones de marca

7 min de lecturaÚltima actualización: 1/15/2024142 found helpful

Vista General del Portal de Marca

El Portal de Marca es tu centro de control para personalizar la apariencia de tu Pantalla de Vuelos LobbyFlight. Este artículo proporciona una descripción completa de todas las opciones y funciones de marca disponibles.

Acceder al Portal de Marca

Cómo Llegar Ahí

  • Iniciar sesión en el Portal del Hotel
  • Hacer clic en "Marca" en la navegación principal
  • Estás ahora en el Portal de Marca
  • Estructura del Portal

    El Portal de Marca está dividido en secciones:

  • Área del Logo - Subir y gestionar el logo de tu hotel
  • Área de Colores - Personalizar colores de marca
  • Vista Previa - Ver cambios en tiempo real
  • Área del Logo

    Funciones

    El área del logo te permite:

  • Subir un nuevo logo
  • Reemplazar el logo existente
  • Eliminar el logo
  • Ver una vista previa del logo
  • Requisitos del Logo

    PropiedadRequisito
    ---------------------
    FormatosPNG, JPG, JPEG, SVG, WebP
    Tamaño máx.2 MB
    Dimensiones400 x 200 px recomendado
    Relación de aspecto2:1 (ancho:alto)
    FondoTransparente recomendado

    Posición del Logo en la Pantalla

    El logo aparece en:

  • Área del encabezado - Lado izquierdo junto al nombre del hotel
  • Altura máxima - 60 píxeles
  • Ancho máximo - 120 píxeles
  • Escalado automático manteniendo la relación de aspecto
  • Comportamiento Sin Logo

    Si no subes un logo:

  • El nombre del hotel se muestra más grande
  • Más espacio disponible para datos de vuelos
  • Se usa el diseño predeterminado
  • Área de Colores

    Sistema de Colores

    LobbyFlight usa un sistema de dos colores:

    Color Primario:

  • Pestañas de selección (Salidas/Llegadas)
  • Botones
  • Acentos
  • Bordes del encabezado
  • Elementos de llamada a la acción
  • Color Secundario:

  • Efectos de hover
  • Elementos UI secundarios
  • Acentos de fondo
  • Sombras y superposiciones
  • Estados inactivos
  • Métodos de Selección de Color

    Método 1: Selector Visual de Color

  • Hacer clic en el cuadrado de color
  • Mover cursor en el espectro de color
  • Ajustar brillo/saturación
  • El color se aplica automáticamente
  • Método 2: Código Hex

  • Hacer clic en el campo de texto
  • Ingresar código hex de 6 dígitos (ej., #1E40AF)
  • Presionar Enter
  • Temas Predefinidos

    8 temas diseñados profesionalmente disponibles:

    TemaPrimarioSecundarioIdeal para
    ----------------------------------------
    Azul Océano#1E40AF#3B82F6Hoteles modernos
    Verde Bosque#166534#22C55EEco-hoteles
    Púrpura Real#6B21A8#A855F7Hoteles de lujo
    Naranja Atardecer#C2410C#F97316Marcas cálidas
    Rojo Rubí#BE123C#F43F5EMarcas audaces
    Azul Medianoche#1E3A8A#3B82F6Marcas elegantes
    Esmeralda#047857#10B981Marcas frescas
    Gris Pizarra#475569#94A3B8Hoteles minimalistas

    Área de Vista Previa

    Vista Previa en Tiempo Real

    Cada cambio que hagas se refleja inmediatamente en:

  • La vista previa en el portal
  • La pantalla en vivo (después de actualizar)
  • Opciones de Vista Previa

    Vista de Escritorio:

  • Muestra cómo se ve la pantalla en un monitor
  • Proporción 16:9
  • Vista Móvil:

  • Muestra cómo se ve en dispositivos móviles
  • Útil para verificar en smartphones
  • Código QR:

  • Escanea para abrir la pantalla en tu dispositivo
  • Útil para pruebas rápidas
  • Flujo de Trabajo del Portal de Marca

    Flujo de Trabajo Recomendado

  • Primero: Subir Logo
  • - Sube el logo de tu hotel

    - Verifica que se muestre correctamente

  • Segundo: Seleccionar Colores
  • - Elige un tema predefinido O

    - Personaliza los colores manualmente

    - Asegúrate de que los colores combinen con el logo

  • Tercero: Verificar Vista Previa
  • - Abre la vista previa de pantalla

    - Verifica en diferentes dispositivos

    - Prueba en diferentes condiciones de luz

  • Cuarto: Guardar y Aplicar
  • - Los cambios se guardan automáticamente

    - La pantalla se actualiza en el próximo ciclo

    Consejos para Mejores Resultados

    Extrae colores de tu logo:

  • Usa herramientas como Adobe Color o Coolors
  • Sube tu logo
  • Extrae los colores dominantes
  • Usa estos como colores primario y secundario
  • Considera tu entorno:

  • Vestíbulos brillantes: Colores más vibrantes
  • Vestíbulos tenues: Colores más oscuros
  • Luz natural variable: Prueba en diferentes momentos del día
  • Mantén la consistencia:

  • Usa los mismos colores que tu sitio web
  • Coincide con otros materiales de marca
  • Considera tu identidad corporativa
  • Funciones por Plan

    Comparación de Planes

    FunciónBásicoProPremium
    ------------------------------
    Subir logo
    Colores personalizados
    Temas predefinidos
    Vista previa en vivo
    Código QR

    Nota: Las funciones de marca están disponibles en todos los planes.

    Diseño Responsivo

    Adaptación Automática

    Tus cambios de marca se adaptan automáticamente a:

  • Pantallas grandes (32" y más)
  • Monitores de escritorio (24")
  • Tablets (10")
  • Smartphones (para vista previa)
  • Consideraciones de Tamaño de Logo

    El logo se escala automáticamente:

  • En pantallas grandes: Se muestra más grande
  • En pantallas pequeñas: Se escala proporcionalmente
  • Siempre mantiene la relación de aspecto
  • Animaciones y Transiciones

    Animaciones Integradas

    LobbyFlight incluye animaciones sutiles:

  • Hover del logo: Efecto de rotación sutil
  • Transiciones de pestaña: Transición de color suave
  • Actualización de datos: Animación de entrada
  • Consideraciones de Color para Animaciones

  • Los colores primarios se usan para estados activos
  • Los colores secundarios se usan para efectos de hover
  • Las transiciones entre estados son suaves
  • Solución de Problemas

    El Logo No Se Muestra

  • Verificar formato de archivo (PNG, JPG, SVG)
  • Verificar tamaño de archivo (< 2 MB)
  • Limpiar caché del navegador
  • Actualizar la pantalla
  • Los Colores No Se Aplican

  • Verificar que se hizo clic en "Guardar Colores"
  • Esperar el mensaje de confirmación
  • Actualizar la pantalla
  • Limpiar caché si es necesario
  • La Vista Previa No Coincide con la Pantalla

  • Ambos usan la misma URL
  • Limpiar caché en ambos dispositivos
  • Esperar 5 minutos para sincronización
  • Verificar conexión a internet
  • Mejores Prácticas

    Para el Logo

  • ✅ Usa PNG con fondo transparente
  • ✅ Mantén el diseño simple y legible
  • ✅ Prueba en fondos claros y oscuros
  • ❌ Evita logos con mucho detalle
  • ❌ Evita logos muy anchos o muy altos
  • Para los Colores

  • ✅ Usa colores de tu marca existente
  • ✅ Asegúrate de buen contraste
  • ✅ Considera daltonismo
  • ❌ Evita colores muy similares para primario y secundario
  • ❌ Evita colores muy claros (difícil de leer)
  • Próximos Pasos

    Después de configurar tu marca:

  • Subir Logo - Guía detallada del logo
  • Personalizar Colores - Guía detallada de colores
  • Configurar Comportamiento de Pantalla - Configura actualización y rotación
  • Soporte

    ¿Preguntas sobre el Portal de Marca?

  • Email: info@lobbyflight.com
  • Teléfono: +43 650 753 1811
  • Chat en Vivo: Lunes-Viernes, 9:00 AM - 6:00 PM
  • ¿Fue útil este artículo?