Laboratório de nanotecnologia cosmética — portal institucional e B2B
Clareza científica somada a uma estética cosmética premium, em 13 frames.
Um portal institucional e B2B para um laboratório de nanotecnologia verde: a tese científica, programas de treinamento corporativo, credenciais do time de pesquisa, modais de captação e artigos técnicos. Desenhei 13 frames responsivos entre desktop e mobile — início, sobre, treinamentos in company e abertos, contato e templates de blog — com os formulários de captação e o banner de cookies. Designer de UI único do site; a identidade é de outro designer e um desenvolvedor no-code subiu o build em WordPress.
- Função
- Sole website UI designer
- Período
- nov. de 2023 – jan. de 2024
- Stack
- Figma
- Evidência
- Arquivo de design
Abrir o arquivo de designSnapshot arquivado do site publicado
Designer de UI exclusivo do website de uma startup de química verde e nanotecnologia que transforma resíduos agrícolas em celulose microfibrilada para cosméticos sustentáveis, além de oferecer treinamentos científicos in-company. Desenvolveu 13 pranchas responsivas no Figma unindo rigor acadêmico e estética cosmética premium (Início, Sobre nós com histórico da pesquisadora Karla Feu, Treinamentos In Company, Treinamentos, Contato e templates de Blog), amparadas por um style guide de 48 nós com modais de captação e banner de cookies.
Atuação na agência Sagitta entre 22 de novembro de 2023 e 24 de janeiro de 2024. Atuou como designer exclusivo da interface em um modelo de entrega tripartite: Kelvin Bezerra desenhou o logotipo e a identidade visual; Juan desenhou todas as páginas institucionais, educacionais e blog; um desenvolvedor no-code publicou o portal em WordPress.
Biotecnologia e química verde: unindo tese científica e cosmética premium
- 13
- pranchas responsivas estruturadas no Figma
- 48
- nós no style guide com modais de captação e cookies
- B2B
- portal de treinamentos corporativos e tese científica
- Wayback
- lançamento comprovado em arquivo público de 2024
Startups de nanotecnologia e química verde operam em uma intersecção visual desafiadora: suas interfaces precisam transmitir rigor técnico e respaldo científico a químicos formuladores de cosméticos, sem abrir mão da sofisticação e elegância exigidas pela indústria da beleza. A B. Kemi (Kemi Nanomateriais) desenvolveu tecnologia para reaproveitar resíduos agrícolas na fabricação de celulose microfibrilada, substituindo polímeros sintéticos em dermocosméticos.
Narrativa técnica: autoridade científica e capacitação B2B
Estruturei a plataforma para dar visibilidade tanto à propriedade intelectual quanto às frentes de monetização corporativa:
- Nossa Tese & Início — Apresentação da extração de celulose microfibrilada, princípios de economia circular e ganhos de estabilidade em formulações cosméticas sustentáveis.
- Autoridade Científica (Sobre nós) — Destaque para a trajetória acadêmica da fundadora Karla Feu, evidenciando artigos científicos e credenciais laboratoriais.
- Treinamentos Corporativos (Treinamentos In Company & Treinamentos) — Apresentação de programas de capacitação científica para equipes de pesquisa e desenvolvimento (P&D) de grandes indústrias.
- Blog Editorial e Divulgação (Blog #14 & Blog) — Layouts de leitura técnica com alta legibilidade para publicação de ensaios, relatórios de biodegradabilidade e normas regulatórias.
- Captura de Leads e Conformidade (Style Guide) — Sistema de 48 nós integrando formulários de contato corporativo, modais de interesse e banner de consentimento de cookies da LGPD.
Comprovação histórica de lançamento
O site foi implementado e colocado no ar em WordPress. A comprovação de publicação está preservada no snapshot do Wayback Machine de 23 de setembro de 2024: um build íntegro de 164.779 bytes rodando WordPress 6.6.2 e Elementor com a exata estrutura de seções do Figma (Treinamentos, Nossos valores, Nossa fundação Karla Feu e Novidades/Blog), atestando a entrega completa do design para o ambiente de produção.
Desenhar para deep tech exige fugir de fotos genéricas de laboratório. A interface precisa comunicar inovação molecular com clareza suficiente para convencer um químico de P&D e sofisticação para encantar o executivo de uma marca de beleza.
Evidência
Implementado em WordPress e lançado publicamente em produção, comprovado por registros históricos do Wayback Machine (captura de 23 de setembro de 2024 em WordPress 6.6.2 e Elementor, refletindo com fidelidade a sequência de seções do Figma). O cliente posteriormente refez o site com outra agência. Não existem métricas de negócio; o projeto serve como comprovação auditada de design para biotecnologia e treinamentos corporativos B2B.