This dermocosmetics website and B2B portal case study covers Nuderma Group, a skincare house with four brands. Kivo Marketing built its bilingual corporate site and the B2B partner portal the site leads to. In the portal, distributors apply in five steps, sign in with a one-time code and see the catalog and prices for their account type.
Updated
What this dermocosmetics website and B2B portal case study covers
Nuderma Group's website talks to clinics, spas and distributors. It presents the house and its four brands, then sends those visitors to the partner portal, where the business happens: applying, getting approved, seeing prices, ordering.
We built both. When a site and a portal come from different teams, the jump between them is where partners get lost: a new look, a new login, new rules. Here, one team designed and coded the two. More projects are in our work.
| Project | Nuderma Group |
|---|---|
| Client | A dermocosmetics house with four brands, working in the US and Spain |
| Piece one | A bilingual corporate website |
| Piece two | A B2B partner portal for distributors, in the US |
| Built by | Kivo Marketing, with design and code by the same team |
Why a skincare brand needs a public site and a private portal
They answer different questions. The site answers “who is this house, and do I want to work with it?” It's public, it has to rank on Google and it has to read well in two languages.
The portal answers “what do I pay, and how do I order?” In Nuderma's portal, the catalog and the prices depend on the account type. A public page shows everyone the same price. A portal shows each account its own.
So the site sends the right visitor to the portal, and the portal decides who gets in.
A bilingual corporate site for a house with four brands
Four brands under one house is a structure problem before it's a design problem. The visitor has to grasp the house first and each brand second, without feeling they're in four sites stitched together.
The site is bilingual, for the US and Spain. It's written in TypeScript on Next.js and React, with Tailwind, Prisma and Resend.
Its job ends where the portal starts. How we build sites like this is on our web design and development page.
B2B partner portal case study: from application to order
The Nuderma Partner Portal is custom software built on Next.js, not a theme on a store platform. This is the path a distributor follows:
- Apply in five steps. The application comes in stages, not as one long form.
- Get approved. Every application lands in an admin desk and is approved there. That's what makes it a partner portal: the brand picks its partners.
- Sign in with a one-time code. There's no password to create or remember.
- See the catalog and prices for your account. What shows up depends on the account type.
- Order. Clinics and distributors place their orders in the portal, which runs on automated workflows.
Why sign in with a one-time code instead of a password?
A password is one more thing for the partner to remember and reset, and for the brand to store and protect.
A one-time code works for a single sign-in, so there's no stored password to steal. In a portal where prices depend on who you are, access is the part you can't get wrong.
What are the website and the portal built with?
Production code on standard, widely used tools, with Next.js under both pieces.
| Tool | Used in | What it is |
|---|---|---|
| Next.js | Site and portal | React framework for websites and web apps |
| React | Site | Library for building the interface |
| TypeScript | Site | JavaScript with types |
| Tailwind | Site | CSS framework for styling |
| Prisma | Site | Database toolkit for TypeScript |
| Resend | Site | API for sending email |
| n8n | Portal | Workflow automation tool |
| Zoho CRM | Portal | Zoho's customer relationship management software |
| Stripe | Portal | Online payments platform |
Why Nuderma needed a custom portal, not a wholesale add-on
Three things in the brief ruled out a store plugin. Someone approves every partner before they get in. Prices depend on the account type. And the portal works with Zoho CRM, which is part of its stack.
A wholesale add-on handles one price list for everyone who signs up. Nuderma's portal decides who signs up, then what each one sees.
Whether your business needs the same, and what goes into the budget, is covered on our custom software and CRM page. Selling to clinics and spas? See marketing for med spas and aesthetics.
Work we have shipped
- Nuderma Group
Bilingual corporate site for a dermocosmetics house with four brands, routing clinics, spas and distributors into the partner portal. Next.js, React, TypeScript, Tailwind, Prisma and Resend.
See the project - Nuderma Partner Portal
B2B portal for distributors: five-step onboarding, sign-in by one-time code, catalog and pricing by account type, and an admin desk that approves every application.
See the project
Frequently asked questions
What is a B2B partner portal?
A private website where a company's business partners, such as distributors or resellers, sign in to check their terms, browse the catalog and order. Only approved accounts get in, and each one can see different content.
What's the difference between a customer portal and a partner portal?
A customer portal serves people who buy for their own use: orders, invoices, support. A partner portal serves businesses that resell or distribute your products, so it usually adds an application, an approval step and pricing by partner type. Nuderma's portal has all three.
Can a B2B portal connect to Zoho CRM?
Yes. Zoho CRM is part of the Nuderma Partner Portal's stack, next to n8n, a workflow automation tool. Most CRMs have an API that a custom portal can read from and write to. Tell us which CRM you use and we'll say how it connects.
What are examples of B2B portals?
Three kinds come up most. Distributor or partner portals, where resellers apply, get approved and order; Nuderma's is one. Customer portals, where existing buyers check orders and invoices. Supplier portals, where vendors receive purchase orders and send invoices.