---
title: "Brazilian Leather | Luis Krötz"
type: project
route: "/riv/portfolio/cicb"
locale: riv
language: "es-UY"
canonical: "https://luiskr.com/riv/portfolio/cicb"
markdown: "https://luiskr.com/llm/riv/portfolio/cicb.md"
json: "https://luiskr.com/llm/riv/portfolio/cicb.json"
generated: 2026-10-28T14:52:03.674Z
policy: "ai-train=yes, search=yes, ai-input=yes"
---

# Brazilian Leather | Luis Krötz

[cover video](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/portal/brazilian-leather-cicb-cscb-leather-law-portal-full-tour.mp4) — poster: https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/portal/brazilian-leather-cicb-cscb-leather-law-portal-full-tour.mp4.jpg-thumb.jpg

Brazilian Leather é um proyecto desarrollado na Transa, por medio de uma parceria entre CICB e Apex-Brasil.

O proyecto é um portal para o couro brasileiro, reunindo sites como Brazilian Leather, CICB, CSCB e Leather Law.

Trabalhando na Transa, también desenvolvi uma série de landing pages dedicadas ao Fórum do Couro anual da CICB.

2017 trouxe uma nueva edição: 'Economia Circular'.

A edição de 2018 foi intitulada 'Qual o retorno do investimento sustentável?'.

A edição de 2019 foi intitulada 'O couro no mundo hiperconectado'.

Em 2020, duas edições foram construídas do zero: um fórum online e um evento presencial.

Esta edição foi intitulada 'Nosso ambiente em conexão'.

Criei o layout com base no layout anterior creado pelo Sagu, na Transa.

Contribuí como membro da equipo, como desenvolvedor front-end Jr., orientado pelo Cristiano Becker no desarrollo desta página no meu primero año na Transa.

Foi desarrollada usando PHP, jQuery e Less para o CSS.

Contribuí como desenvolvedor front-end e trabalhei em conjunto com o Renan Machado no back-end da aplicación.

Também foi desarrollada usando PHP, jQuery e Less para o CSS.

Contribuí como desenvolvedor front-end e trabalhei em conjunto com o Renan Machado no back-end e no sistema de inscrições da aplicación.

Desenvolvida usando PHP, jQuery e CSS.

Contribuí como desenvolvedor front-end e trabalhei em conjunto com o Renan Machado no back-end e nas inscrições da aplicación.

2020 foi um desafio, com duas edições criadas do zero: uma edição online do fórum chamada 'A sociedade somos todos nós' e um webinar chamado 'Leather business and the future consumer', em inglês e português.

Ambas las páginas foram desenvolvidas usando PHP, Sass para o CSS e Vanilla JS, com código creado do zero exclusivamente para essas nuevas páginas.

Contribuí como desenvolvedor front-end e trabalhei com o Renan Machado no back-end da aplicación.

A edição de 2021 trouxe um nuevo desafio: crear o layout e también programar o proyecto.

Esta edição foi chamada: 'Nosso ambiente em conexão'.

Criei o layout de la página com base no layout anterior creado pelo Sagu na Transa para a edição de 2020, mantendo a identidade visual já estabelecida.

A programação de la página foi feita apenas em Vanilla JS, Sass (CSS3) e HTML5, com uso de muchos elementos SVG no layout de la página.

## Media

- [video: Brazilian Leather, demonstração mobile](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/portal/cicb.org.br-31-03-19-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/portal/cicb.org.br-31-03-19-1-mobile.mp4.jpg-thumb.jpg
- ![Brazilian Leather, home](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/portal/brazilian-leather-cicb-cscb-leather-law-portal-about-full-page-en-2020-12-15-23_21_33-mozjpg-uncompressed.jpg)
- ![Brazilian Leather, about](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/portal/brazilian-leather-cicb-cscb-leather-law-portal-about-full-page-mozjpg-uncompressed.jpg)
- ![Brazilian Leather, em mandarim](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/portal/brazilian-leather-cicb-cscb-leather-law-portal-brazilian-leather-mandarin-chinese-full-page-mozjpg-uncompressed.jpg)
- ![CSCB, Página inicial](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/portal/brazilian-leather-cicb-cscb-leather-law-portal-cicb-website-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2016, Demonstração completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2016/fórum-cscb-fórum-2016-economia-circular-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2016/fórum-cscb-fórum-2016-economia-circular-tour.mp4.jpg-thumb.jpg
- ![Fórum 2016, Página entera](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2016/fórum-cscb-fórum-2016-economia-circular-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2016, Demonstração mobile](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2016/forum-2016-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2016/forum-2016-1-mobile.mp4.jpg-thumb.jpg
- [video: Fórum 2017, Demonstração completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2017/fórum-cscb-fórum-2017-negócios-disruptivos-para-um-mundo-disruptivo-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2017/fórum-cscb-fórum-2017-negócios-disruptivos-para-um-mundo-disruptivo-tour.mp4.jpg-thumb.jpg
- ![Fórum 2017, Página entera](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2017/fórum-cscb-fórum-2017-negócios-disruptivos-para-um-mundo-disruptivo-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2017, Demonstração mobile](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2017/forum-2017-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2017/forum-2017-1-mobile.mp4.jpg-thumb.jpg
- [video: Fórum 2018, Demonstração completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2018/fórum-cscb-fórum-2018-qual-o-retorno-do-investimento-sustentável-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2018/fórum-cscb-fórum-2018-qual-o-retorno-do-investimento-sustentável-tour.mp4.jpg-thumb.jpg
- ![Fórum 2018, Página entera](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2018/fórum-cscb-fórum-2018-qual-o-retorno-do-investimento-sustentável-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2018, Demonstração mobile](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2018/forum-2018-1-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2018/forum-2018-1-mobile.mp4.jpg-thumb.jpg
- [video: Fórum 2019, Demonstração completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2019/fórum-cscb-fórum-2019-o-couro-no-mundo-hiperconectado-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2019/fórum-cscb-fórum-2019-o-couro-no-mundo-hiperconectado-tour.mp4.jpg-thumb.jpg
- ![Fórum 2019, Página entera](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2019/fórum-cscb-fórum-2019-o-couro-no-mundo-hiperconectado-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2019, Demonstração mobile](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2019/forumcicb2019-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2019/forumcicb2019-mobile.mp4.jpg-thumb.jpg
- [video: Fórum 2020, Demonstração completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2020/cicb.org.br-forum2020.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2020/cicb.org.br-forum2020.mp4.jpg-thumb.jpg
- ![Fórum 2020, Página entera](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2020/fórum-cscb-fórum-2020-a-sociedade-somos-todos-nós-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2020, Demonstração mobile](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2020/forum-cscb-2020-mobile-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2020/forum-cscb-2020-mobile-mobile.mp4.jpg-thumb.jpg
- [video: Webinar 2020, Demonstração completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/webinar-series/2020/brazilian-leather-webinar-series-2020-leather-business-and-future-consumer-the-world-is-changing-we-are-changing-join-us-in-shaping-the-future-to-come-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/webinar-series/2020/brazilian-leather-webinar-series-2020-leather-business-and-future-consumer-the-world-is-changing-we-are-changing-join-us-in-shaping-the-future-to-come-tour.mp4.jpg-thumb.jpg
- ![Fórum 2020, Página entera](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/webinar-series/2020/brazilian-leather-webinar-series-2020-leather-business-and-future-consumer-the-world-is-changing-we-are-changing-join-us-in-shaping-the-future-to-come-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2020, Demonstração mobile](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/webinar-series/2020/brazilian-leather-webinar-series-2020-leather-business-and-future-consumer-the-world-is-changing-we-are-changing-join-us-in-shaping-the-future-to-come-mobile-mobile.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/webinar-series/2020/brazilian-leather-webinar-series-2020-leather-business-and-future-consumer-the-world-is-changing-we-are-changing-join-us-in-shaping-the-future-to-come-mobile-mobile.mp4.jpg-thumb.jpg
- [video: Fórum 2021, Demonstração completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-tour.mp4.jpg-thumb.jpg
- ![Fórum 2020, Página desktop](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-desk-mozjpg-uncompressed.jpg)
- ![Fórum 2020, Página tablet](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-tablet-mozjpg-uncompressed.jpg)
- ![Fórum 2021, Página mobile](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-mobile-mozjpg-uncompressed.jpg)

## Media deep links

- [Brazilian Leather, demonstração mobile](https://luiskr.com/llm/riv/portfolio/cicb/brazilian-leather-demonstracao-mobile.md)
- [Brazilian Leather, home](https://luiskr.com/llm/riv/portfolio/cicb/brazilian-leather-home.md)
- [Brazilian Leather, about](https://luiskr.com/llm/riv/portfolio/cicb/brazilian-leather-about.md)
- [Brazilian Leather, em mandarim](https://luiskr.com/llm/riv/portfolio/cicb/brazilian-leather-em-mandarim.md)
- [CSCB, Página inicial](https://luiskr.com/llm/riv/portfolio/cicb/cscb-pagina-inicial.md)
- [Fórum 2016, Demonstração completa](https://luiskr.com/llm/riv/portfolio/cicb/forum-2016-demonstracao-completa.md)
- [Fórum 2016, Página entera](https://luiskr.com/llm/riv/portfolio/cicb/forum-2016-pagina-entera.md)
- [Fórum 2016, Demonstração mobile](https://luiskr.com/llm/riv/portfolio/cicb/forum-2016-demonstracao-mobile.md)
- [Fórum 2017, Demonstração completa](https://luiskr.com/llm/riv/portfolio/cicb/forum-2017-demonstracao-completa.md)
- [Fórum 2017, Página entera](https://luiskr.com/llm/riv/portfolio/cicb/forum-2017-pagina-entera.md)
- [Fórum 2017, Demonstração mobile](https://luiskr.com/llm/riv/portfolio/cicb/forum-2017-demonstracao-mobile.md)
- [Fórum 2018, Demonstração completa](https://luiskr.com/llm/riv/portfolio/cicb/forum-2018-demonstracao-completa.md)
- [Fórum 2018, Página entera](https://luiskr.com/llm/riv/portfolio/cicb/forum-2018-pagina-entera.md)
- [Fórum 2018, Demonstração mobile](https://luiskr.com/llm/riv/portfolio/cicb/forum-2018-demonstracao-mobile.md)
- [Fórum 2019, Demonstração completa](https://luiskr.com/llm/riv/portfolio/cicb/forum-2019-demonstracao-completa.md)
- [Fórum 2019, Página entera](https://luiskr.com/llm/riv/portfolio/cicb/forum-2019-pagina-entera.md)
- [Fórum 2019, Demonstração mobile](https://luiskr.com/llm/riv/portfolio/cicb/forum-2019-demonstracao-mobile.md)
- [Fórum 2020, Demonstração completa](https://luiskr.com/llm/riv/portfolio/cicb/forum-2020-demonstracao-completa.md)
- [Fórum 2020, Página entera](https://luiskr.com/llm/riv/portfolio/cicb/forum-2020-pagina-entera.md)
- [Fórum 2020, Demonstração mobile](https://luiskr.com/llm/riv/portfolio/cicb/forum-2020-demonstracao-mobile.md)
- [Webinar 2020, Demonstração completa](https://luiskr.com/llm/riv/portfolio/cicb/webinar-2020-demonstracao-completa.md)
- [Fórum 2020, Página entera](https://luiskr.com/llm/riv/portfolio/cicb/forum-2020-pagina-entera-2.md)
- [Fórum 2020, Demonstração mobile](https://luiskr.com/llm/riv/portfolio/cicb/forum-2020-demonstracao-mobile-2.md)
- [Fórum 2021, Demonstração completa](https://luiskr.com/llm/riv/portfolio/cicb/forum-2021-demonstracao-completa.md)
- [Fórum 2020, Página desktop](https://luiskr.com/llm/riv/portfolio/cicb/forum-2020-pagina-desktop.md)
- [Fórum 2020, Página tablet](https://luiskr.com/llm/riv/portfolio/cicb/forum-2020-pagina-tablet.md)
- [Fórum 2021, Página mobile](https://luiskr.com/llm/riv/portfolio/cicb/forum-2021-pagina-mobile.md)

---
Canonical page: https://luiskr.com/riv/portfolio/cicb
JSON replica: https://luiskr.com/llm/riv/portfolio/cicb.json

## Language alternates

- [en](https://luiskr.com/llm/en/portfolio/cicb.md)
- [br](https://luiskr.com/llm/br/portfolio/cicb.md)
- [es](https://luiskr.com/llm/es/portfolio/cicb.md)
- [de](https://luiskr.com/llm/de/portfolio/cicb.md)
- [hrk](https://luiskr.com/llm/hrk/portfolio/cicb.md)
- [cas](https://luiskr.com/llm/cas/portfolio/cicb.md)
- [riv](https://luiskr.com/llm/riv/portfolio/cicb.md)
- [gn](https://luiskr.com/llm/gn/portfolio/cicb.md)
- [it](https://luiskr.com/llm/it/portfolio/cicb.md)
- [ru](https://luiskr.com/llm/ru/portfolio/cicb.md)
- [fr](https://luiskr.com/llm/fr/portfolio/cicb.md)
- [tln](https://luiskr.com/llm/tln/portfolio/cicb.md)
- [gl](https://luiskr.com/llm/gl/portfolio/cicb.md)
- [ca](https://luiskr.com/llm/ca/portfolio/cicb.md)
- [nl](https://luiskr.com/llm/nl/portfolio/cicb.md)
- [ga](https://luiskr.com/llm/ga/portfolio/cicb.md)