Presentacion del Equipo Modelo 1
Reto WeP1000
0:00 / 0:00
Presentacion del Equipo Modelo 1
7 просмотров · 6 дней назад
Reto WeP1000
9 подписчиков
7 просмотров · 6 дней назад
👥 EDITA LA SECCIÓN DE PRESENTACIÓN DEL EQUIPO (3 MODELOS PREMIUM) | RETO WEP1000
¿Quieres mostrar el rostro humano detrás de tu negocio? En esta lección del Reto WEP1000 te enseñamos a editar la sección de Presentación del Equipo en tu página "Conócenos", con tres modelos diferentes de tarjetas animadas.
🎯 ¿QUÉ VAS A LOGRAR?
1. Los Tres Modelos de Tarjetas
Modelo 1: Tarjetas que despliegan una tarjeta secundaria al pasar el cursor.
Modelo 2: Tarjetas que cambian de color al pasar el cursor.
Modelo 3: Tarjetas que se expanden hacia arriba.
2. Personalización de Colores
Modelo 1: Gradiente con color primario y secundario + variantes oscuras.
Modelo 2: Gradiente con color secundario + variante brillante.
Modelo 3: Bordes e iconos con color primario y secundario.
3. Editar la Información del Equipo
Cómo escribir el nombre de cada miembro.
Cómo escribir el cargo o profesión.
Cómo configurar las redes sociales (Facebook, Instagram, TikTok, etc.).
Cómo asignar una calificación (0-5).
Cómo configurar el botón de WhatsApp con mensaje predefinido.
4. Preparar Imágenes (1:1)
Cómo adaptar imágenes existentes a formato cuadrado (1024x1024px) con Photopea.
Cómo generar imágenes corporativas con IA (Qwen) para un look más profesional.
5. Personalizar la Presentación
Título y párrafo introductorio (generados con DeepSeek).
Colores: secundario para títulos, cuaternario para párrafos.
Botón de acción (primario o doble botón).
Línea separadora con color terciario.
🛠️ HERRAMIENTAS QUE USAREMOS:
Photopea: Para adaptar imágenes a 1024x1024px.
Qwen: Para generar imágenes corporativas con IA.
DeepSeek: Para editar código, generar copys y URLs de WhatsApp.
Squoosh: Para optimizar imágenes a WEBP.
Systeme.io: Plataforma del sitio web.
📊 CARACTERÍSTICAS DE LOS TRES MODELOS:
Modelo Efecto Colores
Modelo 1 Despliega tarjeta secundaria Gradiente primario + secundario
Modelo 2 Cambia de color Gradiente secundario + brillante
Modelo 3 Se expande hacia arriba Bordes primario + secundario
📋 INFORMACIÓN POR TARJETA:
Elemento Descripción
Imagen Foto del miembro del equipo (1:1)
Nombre Nombre del miembro
Cargo/Profesión Ocupación del miembro
Redes sociales URLs de sus perfiles
Calificación 0-5 estrellas
Botón Enlace a WhatsApp con mensaje predefinido
💡 CLAVE DEL ÉXITO:
La sección de Presentación del Equipo humaniza tu negocio. Muestra el rostro detrás de la marca y genera confianza. Los visitantes quieren saber quién está detrás de lo que compran.
📋 PROCESO COMPLETO:
text
1. Preparar imágenes
└── Adaptar a 1024x1024px con Photopea
└── Generar versión corporativa con Qwen
2. Optimizar a WEBP
└── Usar Squoosh
3. Subir a Systeme.io
└── Obtener URLs
4. Editar documento de código
└── Pegar URLs de imágenes
└── Escribir nombre y cargo
└── Configurar redes sociales
└── Asignar calificación
└── Configurar URL de WhatsApp
5. Generar código con DeepSeek
└── Aplicar en Systeme.io
6. Editar presentación de la sección
└── Título + Párrafo (DeepSeek)
└── Botón de acción
└── Línea separadora
7. Verificar
└── Probar efectos hover y dispositivos
⏰ TIEMPO ESTIMADO: 30-40 minutos.
👉 ¡DALE PLAY y muestra el rostro de tu equipo! 🚀