Kivo Marketing hizo para Nuderma Group, casa de dermocosmética con cuatro marcas, la web corporativa bilingüe y el portal B2B de distribuidores. El alta se hace en cinco pasos, se entra con un código de un solo uso y cada cuenta ve su catálogo y su tarifa. Este caso web y portal B2B dermocosmética explica cómo encajan las dos piezas.
Actualizado
Caso web y portal B2B dermocosmética: qué hicimos para Nuderma
La web de Nuderma Group se dirige a clínicas, spas y distribuidores. Presenta la casa y sus cuatro marcas, y lleva a esos visitantes al portal de socios, donde se hace el negocio: darse de alta, recibir la aprobación, consultar la tarifa y pedir.
Las dos piezas son nuestras, del mismo equipo de diseño y programación. Cuando las hacen equipos distintos, el salto se nota: otro diseño, otro acceso, otras reglas. Tienes más proyectos en nuestro trabajo.
| Ficha | Nuderma Group |
|---|---|
| Cliente | Casa de dermocosmética con cuatro marcas, en EE. UU. y España |
| Pieza 1 | Web corporativa bilingüe |
| Pieza 2 | Portal B2B para distribuidores, en EE. UU. |
| Quién lo hizo | Kivo Marketing: el mismo equipo diseñó y programó |
¿Por qué una web corporativa y un portal, y no una sola tienda online?
Porque responden a preguntas distintas. La web, a «¿quién es esta casa y me interesa trabajar con ella?». Es pública, tiene que posicionar en Google y leerse bien en dos idiomas.
El portal, a «¿cuánto pago y cómo hago el pedido?». Y cambia según quién pregunte: en el portal de Nuderma, el catálogo y la tarifa dependen del tipo de cuenta. Una tienda pública enseña el mismo precio a todo el mundo; un portal, a cada cuenta el suyo.
La web lleva al portal a quien toca. El portal decide quién entra.
Web corporativa bilingüe para cuatro marcas de dermocosmética
Cuatro marcas bajo una misma casa es un problema de estructura antes que de diseño: quien llega tiene que entender primero la casa y después cada marca, sin sentir que está en cuatro webs cosidas.
Es bilingüe, para EE. UU. y España, y está programada en TypeScript con Next.js y React, Tailwind, Prisma y Resend.
Su trabajo acaba donde empieza el portal. Así hacemos las webs: diseño y desarrollo web a medida.
El portal de distribuidores a medida de Nuderma, paso a paso
El de Nuderma es software a medida sobre Next.js, no una plantilla de tienda. Este es el recorrido de un distribuidor:
- Alta en cinco pasos. La solicitud va por etapas, no en un formulario interminable.
- Aprobación. Cada solicitud llega a un panel de administración y se aprueba ahí. Eso convierte un portal en un portal de socios: la marca elige con quién trabaja.
- Acceso con código de un solo uso. Sin contraseña que crear, recordar ni recuperar.
- Catálogo y tarifa de tu cuenta. Lo que ves depende del tipo de cuenta.
- Pedidos. Clínicas y distribuidores piden en el portal, que funciona sobre flujos automatizados.
Portal B2B de proveedores, de clientes o de distribuidores: no es lo mismo
Quien busca «portal B2B» suele mezclar tres cosas. Conviene saber cuál necesitas antes de pedir presupuesto.
- Portal de proveedores. La empresa es la que compra: sus proveedores entran para recibir pedidos, enviar facturas o ver pagos.
- Portal de clientes. Para quien ya te compra: pedidos, facturas, incidencias. Normalmente no hay alta que aprobar.
- Portal de distribuidores o de socios. Para quien vende tu producto o lo usa en su negocio. Lleva alta, aprobación y tarifa por tipo de socio. Es el caso de Nuderma.
¿Con qué tecnología están hechas la web y el portal?
Código de producción con herramientas estándar y muy extendidas, con Next.js debajo de las dos piezas.
| Herramienta | Dónde | Qué es |
|---|---|---|
| Next.js | Web y portal | Framework de React para webs y aplicaciones |
| React | Web | Librería para la interfaz |
| TypeScript | Web | JavaScript con tipos |
| Tailwind | Web | Framework de CSS para los estilos |
| Prisma | Web | Acceso a la base de datos desde TypeScript |
| Resend | Web | API para enviar correos |
| n8n | Portal | Automatización de flujos |
| Zoho CRM | Portal | El CRM de Zoho |
| Stripe | Portal | Plataforma de pagos online |
¿Por qué Nuderma necesitaba un portal y no una zona mayorista?
Por tres cosas del encargo. Alguien aprueba a cada socio antes de que entre. La tarifa depende del tipo de cuenta. Y el portal trabaja con Zoho CRM, que forma parte de su tecnología.
Una zona mayorista da una tarifa a todo el que se registra. El portal de Nuderma decide primero quién entra y después qué ve cada uno.
Si te encaja algo así y qué entra en el presupuesto lo explicamos en software y CRM a medida. ¿Vendes a clínicas y spas? Mira también marketing para clínicas estéticas.
Proyectos que hemos entregado
- Nuderma Group
Web corporativa bilingüe de una casa de dermocosmética con cuatro marcas, que lleva a clínicas, spas y distribuidores hacia el portal de socios. Next.js, React, TypeScript, Tailwind, Prisma y Resend.
Ver el proyecto - Nuderma Partner Portal
Portal B2B para distribuidores: alta en cinco pasos, acceso sin contraseña por código de un solo uso, catálogo y tarifa según tipo de cuenta, y un panel donde se aprueba cada solicitud.
Ver el proyecto
Preguntas frecuentes
¿Qué es un portal B2B?
Una web privada donde las empresas que trabajan contigo (distribuidores, clientes profesionales o proveedores) entran con su cuenta para consultar condiciones, catálogo o pedidos. Solo entran las cuentas autorizadas y cada una puede ver cosas distintas.
¿Es seguro entrar con un código de un solo uso en vez de contraseña?
Es un método muy extendido y evita el punto débil de siempre: contraseñas flojas, repetidas en otros sitios u olvidadas. El código vale para un único acceso y después deja de servir, así que no hay contraseña guardada que robar.
¿Un portal de distribuidores se puede conectar con Zoho CRM?
Sí. Zoho CRM forma parte de la tecnología del portal de Nuderma, junto con n8n, una herramienta de automatización de flujos. Si tu CRM tiene API, un portal a medida puede leer de él y escribir en él. Dinos cuál usas y te contamos cómo se conecta.
¿Se puede pagar dentro de un portal B2B?
Sí, si el portal se conecta a una plataforma de pagos. Stripe, una plataforma de pagos online, forma parte de la tecnología del portal de Nuderma. Cuéntanos cómo cobras hoy y te decimos cómo encaja.