Brand strategy · Packaging · UX/UI · Performance marketing

Dermater

Dermater · In partnership with Exelderma · Brazil

An end-to-end brand and growth system that evolved Dermater from an early product concept into a coordinated ecosystem of packaging, website, sales materials, social media, paid lead generation and performance analytics.

Dermater website and brand ecosystem presentation
The project

Dermater entered the project with an existing logo and the foundations of a product, but without the wider system required to communicate, sell and scale the brand. Working in partnership with Exelderma, Au2vision helped transform that starting point into a connected brand ecosystem spanning physical packaging, digital experience, commercial materials and acquisition channels.

The work began with packaging exploration and visual mockups. The objective was not simply to make the product look more polished, but to establish principles for hierarchy, credibility and recognition that could later extend consistently across the website, print, events and social communication.

The website phase started with strategic and technical briefing, information architecture, navigation planning and wireframe thinking. The final experience was structured to progressively present product information, studies and professional applications, including communication around skin care and scalp recovery following hair-transplant procedures, without making the user journey unnecessarily complex.

The same system was extended into business cards, stationery, roll-up banners, flyers, event materials, clinical evaluation protocols and ongoing social content. This gave sales, education and communication activities one coherent visual and operational language.

The next phase connected brand building with measurable acquisition. Two Meta lead-generation campaigns were developed for distinct professional audiences, each supported by dedicated video creative and native lead forms. Campaign data was then consolidated into an interactive dashboard so performance could inform the next optimisation cycle rather than remain a static report.

Brand foundation

A brand system designed to work across product, sales and campaign contexts.

Packaging and the first visual mockups became the foundation for a more disciplined design language. From there, the system expanded into print, events, clinical materials and digital touchpoints while preserving a technical, credible and professional character.

Visual hierarchyClinical information, product benefits and brand cues remain readable across different formats.
Product consistencyPackaging principles became reusable rules for the wider communication system.
Sales enablementPrint and event materials were designed to give the commercial team practical, aligned tools.
Scalable assetsA reusable design language reduced fragmentation as new formats were introduced.
UX/UI · Information architecture

Technical content organised as a guided professional journey.

Information architecture was planned before final visual execution. Content was organised in clear layers so visitors can understand the product, move deeper into evidence and applications, and then progress naturally toward contact or commercial follow-up.

01Strategic brief

Define professional audiences, product narrative, evidence requirements and commercial goals.

02Information architecture

Organise product, studies, applications and contact paths into a clear content hierarchy.

03Wireframe logic

Validate page order, reading rhythm, navigation and conversion points before visual refinement.

04Responsive UI

Translate the system into a consistent experience across desktop, tablet and mobile.

Social media and sales communication

One visual language across digital and commercial touchpoints.

Social content, flyers, brochures and sales materials use the same logic for typography, colour, imagery and information hierarchy. This creates recognition while making future asset production faster and more scalable.

Performance marketing · Meta lead ads

Two audiences. Two messages. One lead-generation framework.

Campaigns were separated by professional context so messaging and creative emphasis could match each audience. Both flows used native Meta lead forms to reduce friction and turn video engagement into qualified contacts for the sales team.

Aesthetic clinics & healthcare professionals

A broader professional acquisition message designed to introduce Dermater, generate interest and invite qualified prospects to request more information or a free sample through Meta native lead forms.

Hair-transplant clinics & specialists

A more specialised creative route centred on scalp recovery and the professional context after hair-transplant procedures, using the same low-friction native lead-generation structure.

Data, analysis and optimisation

Turning campaign activity into practical optimisation decisions.

The interactive dashboard consolidates key Facebook and Instagram results and allows campaign, audience, geography and acquisition-efficiency comparisons. It was designed as a decision tool rather than a static reporting layer.

Cross-campaign viewCompare the two acquisition initiatives from one analytical layer.
Audience and geographyIdentify where lead response and campaign delivery differ.
Acquisition efficiencyTrack leads, reach, video engagement and cost-oriented performance indicators.
Next-cycle optimisationUse campaign evidence to refine creative, targeting and budget decisions.