Panel de
Cotizaciones

Recorrido Virtual Interactivo

PASO 1 DE 10
Paso 01 - Introducción

Bienvenido al Panel de Cotizaciones

El Panel de Cotizaciones es tu centro de comando para gestionar todas las solicitudes de tatuajes. Aquí podrás revisar, organizar, evaluar y responder a las cotizaciones de manera eficiente.

📊
Estadísticas en Tiempo Real

Visualiza métricas clave de tus cotizaciones al instante

🔍
Filtros Avanzados

Encuentra cotizaciones específicas rápidamente

📝
Sistema de Notas

Agrega contexto y seguimiento a cada proyecto

⚡
Acciones Rápidas

Procesa múltiples cotizaciones simultáneamente

Este tour te guiará paso a paso por todas las funcionalidades del panel. Usa los botones de navegación para avanzar o retroceder en cualquier momento.
Paso 02 - Interfaz Principal

Anatomía de la Interfaz

La interfaz está diseñada siguiendo los principios Bauhaus: funcionalidad máxima con diseño minimalista.

  • Header Superior: Controles de zoom, tema (modo claro/oscuro) y navegación
  • Sidebar Lateral: Acceso rápido a Dashboard, Calendar, Quotes y Archive
  • Estadísticas: 4 tarjetas con métricas clave en la parte superior
  • Toolbar de Filtros: Búsqueda, filtros de estado, ordenamiento
  • Tabla de Cotizaciones: Lista completa y personalizable
  • Panel Lateral (Drawer): Detalles completos al seleccionar una cotización
Puedes ajustar el zoom de toda la interfaz usando los botones + / - en la esquina superior izquierda.
Paso 03 - Estadísticas

Dashboard de Métricas

Las 4 tarjetas de estadísticas te dan un resumen instantáneo.

Total Quotes

Número total de cotizaciones recibidas

Pending Review

Cotizaciones sin responder - Tu prioridad principal

Confirmed Revenue

Suma del presupuesto de cotizaciones confirmadas

Active Waitlist

Clientes esperando tu respuesta

Paso 04 - Filtros y Búsqueda

Encuentra lo que Necesitas

El Toolbar de filtros te permite localizar cotizaciones específicas en segundos.

  • Búsqueda de Texto: Busca por nombre de cliente o ID
  • Filtro de Estado: ALL, PENDING, RESPONDED, COMPLETED
  • Ordenamiento: Por fecha o presupuesto
Paso 05 - Tabla de Cotizaciones

Vista de Lista Maestra

La tabla muestra la información más relevante de cada cotización.

  • DATE: Fecha de recepción
  • ID: Identificador único
  • Client: Nombre y datos del cliente
  • Concept: Descripción del tatuaje
  • Value: Presupuesto
Paso 06 - Panel de Detalles

Vista Completa de la Cotización

Al hacer clic en "DETALLES", se abre un panel lateral con toda la información.

  • Status & Priority: Cambia estado y prioridad
  • Quotation Details: Info completa del cliente y proyecto
  • Reference Assets: Imágenes adjuntas
  • Notas: Sistema de notas internas
Paso 07 - Sistema de Notas

Notas Internas y Seguimiento

Cada cotización puede tener múltiples notas para registro interno.

  • Título: Describe brevemente la nota
  • Etiqueta: INTERNO, URGENTE, SEGUIMIENTO, REFERENCIA
  • Fecha: Para programar seguimientos
Paso 08 - Imágenes y Referencias

Galería de Referencia

Las imágenes se muestran en una galería con visor lightbox.

  • Haz clic en cualquier thumbnail para ver en pantalla completa
  • Usa las flechas ← → para navegar
  • Presiona Esc para cerrar
Paso 09 - Acciones Masivas

Procesa Múltiples Cotizaciones

Selecciona varias cotizaciones para aplicar acciones en lote.

  • Complete: Marca todas como completadas
  • Archive: Archiva todas
  • Delete: Elimina permanentemente
Paso 10 - Finalización

¡Listo para Gestionar Cotizaciones!

🎉 Tour Completado

Ya conoces todas las funcionalidades del Panel de Cotizaciones

📌 Referencia Rápida

AcciónCómo Hacerlo
Ver detallesClic en "DETALLES"
Cambiar estadoDropdown en el drawer
Agregar notaClic en "+ NUEVA"
Ver imágenesClic en thumbnail
FiltrarDropdown "Status"
Archivar múltiplesCheckboxes + Archive
IR AL PANEL DE COTIZACIONES →