Cedir | Diseño web de plataforma educativa y tienda en línea
Project Gallery
Dos negocios que tenían que alimentarse entre sí
Cedir enseña ingeniería electrónica y vende componentes. Eso suele estar en sitios separados. Aquí tenían que ser uno solo, porque la formación es lo que capacita a alguien para comprar los componentes, y los proyectos gratuitos son lo que atrae a esa persona.
El problema de diseño era construir un sitio donde el contenido educativo llevara con naturalidad a la tienda sin que ninguno de los dos pareciera un cebo del otro.
El sistema de membresías
El núcleo del proyecto es una estructura de acceso en cuatro niveles, con promoción manual por parte de la administración y no automática por compra:
- Suscriptor para quien se registra
- Entusiasta para miembros activos de la comunidad
- Estudiante para acceder a los módulos de curso
- Profesional para datos técnicos avanzados y archivos de proyecto
La promoción manual fue una decisión deliberada. Los niveles automáticos basados en gasto convierten una comunidad en un muro de pago. Promover a la gente por su participación hace que los niveles signifiquen algo, y eso es lo que mantiene una comunidad técnica implicada en vez de transaccional.
Cada miembro gestiona su propio perfil desde un área de cuenta a medida, así que la administración solo se ocupa del nivel.
Funciones que salieron de cómo se comporta el público
Un módulo de comparación en la tienda. Quien estudia ingeniería compara especificaciones antes de comprar, y esa costumbre no la contempla la mayoría de plantillas de comercio electrónico.
Búsqueda en todo el sitio. El contenido y los productos están indexados juntos, porque quien busca un componente y quien busca el proyecto que lo usa suelen ser la misma persona.
Reserva de consultoría incrustada en la página. Calendly vive dentro del sitio en vez de enlazar fuera, para que la decisión de agendar ocurra donde se generó el interés.
WhatsApp para las preguntas directas, porque en este mercado es donde de verdad ocurren las consultas técnicas, y fingir lo contrario cuesta ventas.
Automatización de boletín para mantener el contacto con quien está aprendiendo pero todavía no compra.
La restricción de velocidad
El cliente tenía un requisito firme: rápido y sin vídeo en ninguna parte.
Eso descartaba la forma habitual de dar vida a un sitio técnico. En su lugar metí el movimiento en deslizadores y carruseles, que permiten recorrer grandes volúmenes de productos y proyectos sin que la página crezca sin fin, y que casi no cuestan nada de carga.
Cada imagen pasó por una compresión agresiva probada contra su tamaño real de visualización. En un sitio con tanto catálogo, el peso de las imágenes es toda la historia del rendimiento.
Arquitectura
Estructuré el sitio como dos silos, aprender y comprar, conectados en puntos deliberados en lugar de fundidos. Esa separación permite a los buscadores categorizar a Cedir como autoridad en ambas áreas en vez de leerlo como un sitio confuso.
El camino típico va: encontrar un proyecto gratuito por búsqueda, reservar una consulta, y después comprar un curso o los componentes que necesita.
Stack
WordPress con Elementor Pro usando contenedores nativos, WooCommerce para la tienda con lógica de comparación a medida, Mailchimp para el boletín y Calendly incrustado para las reservas. Las áreas de cuenta están restringidas por rol, así que el contenido por nivel se aplica en el servidor y no se oculta con CSS.
¿Manejas varias cosas a la vez?
Los sitios que alojan contenido, cursos y tienda suelen fallar por tratarlos como secciones separadas. El valor está en cómo se conectan, y eso hay que diseñarlo antes de construir nada.