---
title: "Brazilian Leather | Luis Krötz"
type: project
route: "/es/portfolio/cicb"
locale: es
language: "es"
canonical: "https://luiskr.com/es/portfolio/cicb"
markdown: "https://luiskr.com/llm/es/portfolio/cicb.md"
json: "https://luiskr.com/llm/es/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 es un proyecto desarrollado en Transa, a través de una alianza entre CICB y Apex-Brasil.

El proyecto es un portal del cuero brasileño que reúne sitios como Brazilian Leather, CICB, CSCB y Leather Law.

Trabajando en Transa, también desarrollé una serie de landing pages dedicadas al Fórum del Cuero anual de CICB.

2017 trajo una nueva edición: 'Economía Circular'.

La edición de 2018 se tituló '¿Cuál es el retorno de la inversión sostenible?'.

La edición de 2019 se tituló 'El cuero en un mundo hiperconectado'.

En 2020 se construyeron dos ediciones desde cero: un foro online y un evento presencial.

Esta edición se tituló 'Nuestro entorno en conexión'.

Creé el layout basándome en el layout anterior creado por Sagu en Transa.

Contribuí como miembro del equipo, como desarrollador front-end Jr., guiado por Cristiano Becker en el desarrollo de esta página en mi primer año en Transa.

Fue desarrollada usando PHP, jQuery y Less para el CSS.

Contribuí como desarrollador front-end y trabajé estrechamente con Renan Machado en el back-end de la aplicación.

También fue desarrollada usando PHP, jQuery y Less para el CSS.

Contribuí como desarrollador front-end y trabajé estrechamente con Renan Machado en el back-end y el sistema de inscripciones de la aplicación.

Desarrollada usando PHP, jQuery y CSS.

Contribuí como desarrollador front-end y trabajé estrechamente con Renan Machado en el back-end y las inscripciones de la aplicación.

2020 fue un desafío, con dos ediciones creadas desde cero: una edición online del foro llamada 'A sociedade somos todos nós' y un webinar llamado 'Leather business and the future consumer', en inglés y portugués.

Ambas páginas fueron desarrolladas usando PHP, Sass para el CSS y Vanilla JS, con código creado desde cero exclusivamente para estas nuevas páginas.

Contribuí como desarrollador front-end y trabajé con Renan Machado en el back-end de la aplicación.

La edición de 2021 trajo un nuevo desafío: crear el layout y también programar el proyecto.

Esta edición se llamó: 'Nosso ambiente em conexão'.

Creé el layout de la página basándome en el layout anterior creado por Sagu en Transa para la edición de 2020, manteniendo la identidad visual ya establecida.

La programación de la página se hizo solo en Vanilla JS, Sass (CSS3) y HTML5, con el uso de muchos elementos SVG en el layout.

## Media

- [video: Brazilian leather, recorrido móvil](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, in mandarin chinese](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, home página](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, full recorrido](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2016/fórum-cscb-fórum-2016-economia-circular-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2016/fórum-cscb-fórum-2016-economia-circular-tour.mp4.jpg-thumb.jpg
- ![Fórum 2016, página completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2016/fórum-cscb-fórum-2016-economia-circular-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2016, recorrido móvil](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, full recorrido](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2017/fórum-cscb-fórum-2017-negócios-disruptivos-para-um-mundo-disruptivo-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2017/fórum-cscb-fórum-2017-negócios-disruptivos-para-um-mundo-disruptivo-tour.mp4.jpg-thumb.jpg
- ![Fórum 2017, página completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2017/fórum-cscb-fórum-2017-negócios-disruptivos-para-um-mundo-disruptivo-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2017, recorrido móvil](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, full recorrido](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2018/fórum-cscb-fórum-2018-qual-o-retorno-do-investimento-sustentável-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2018/fórum-cscb-fórum-2018-qual-o-retorno-do-investimento-sustentável-tour.mp4.jpg-thumb.jpg
- ![Fórum 2018, página completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2018/fórum-cscb-fórum-2018-qual-o-retorno-do-investimento-sustentável-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2018, recorrido móvil](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, full recorrido](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2019/fórum-cscb-fórum-2019-o-couro-no-mundo-hiperconectado-tour.mp4) — poster https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2019/fórum-cscb-fórum-2019-o-couro-no-mundo-hiperconectado-tour.mp4.jpg-thumb.jpg
- ![Fórum 2019, página completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2019/fórum-cscb-fórum-2019-o-couro-no-mundo-hiperconectado-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2019, recorrido móvil](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, full recorrido](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 completa](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2020/fórum-cscb-fórum-2020-a-sociedade-somos-todos-nós-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2020, recorrido móvil](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, full recorrido](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 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-full-page-mozjpg-uncompressed.jpg)
- [video: Fórum 2020, recorrido móvil](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, full recorrido](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, escritorio página](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-desk-mozjpg-uncompressed.jpg)
- ![Fórum 2020, tablet página](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-tablet-mozjpg-uncompressed.jpg)
- ![Fórum 2021, móvil página](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, recorrido móvil](https://luiskr.com/llm/es/portfolio/cicb/brazilian-leather-recorrido-movil.md)
- [Brazilian leather, home](https://luiskr.com/llm/es/portfolio/cicb/brazilian-leather-home.md)
- [Brazilian leather, about](https://luiskr.com/llm/es/portfolio/cicb/brazilian-leather-about.md)
- [Brazilian leather, in mandarin chinese](https://luiskr.com/llm/es/portfolio/cicb/brazilian-leather-in-mandarin-chinese.md)
- [Cscb, home página](https://luiskr.com/llm/es/portfolio/cicb/cscb-home-pagina.md)
- [Fórum 2016, full recorrido](https://luiskr.com/llm/es/portfolio/cicb/forum-2016-full-recorrido.md)
- [Fórum 2016, página completa](https://luiskr.com/llm/es/portfolio/cicb/forum-2016-pagina-completa.md)
- [Fórum 2016, recorrido móvil](https://luiskr.com/llm/es/portfolio/cicb/forum-2016-recorrido-movil.md)
- [Fórum 2017, full recorrido](https://luiskr.com/llm/es/portfolio/cicb/forum-2017-full-recorrido.md)
- [Fórum 2017, página completa](https://luiskr.com/llm/es/portfolio/cicb/forum-2017-pagina-completa.md)
- [Fórum 2017, recorrido móvil](https://luiskr.com/llm/es/portfolio/cicb/forum-2017-recorrido-movil.md)
- [Fórum 2018, full recorrido](https://luiskr.com/llm/es/portfolio/cicb/forum-2018-full-recorrido.md)
- [Fórum 2018, página completa](https://luiskr.com/llm/es/portfolio/cicb/forum-2018-pagina-completa.md)
- [Fórum 2018, recorrido móvil](https://luiskr.com/llm/es/portfolio/cicb/forum-2018-recorrido-movil.md)
- [Fórum 2019, full recorrido](https://luiskr.com/llm/es/portfolio/cicb/forum-2019-full-recorrido.md)
- [Fórum 2019, página completa](https://luiskr.com/llm/es/portfolio/cicb/forum-2019-pagina-completa.md)
- [Fórum 2019, recorrido móvil](https://luiskr.com/llm/es/portfolio/cicb/forum-2019-recorrido-movil.md)
- [Fórum 2020, full recorrido](https://luiskr.com/llm/es/portfolio/cicb/forum-2020-full-recorrido.md)
- [Fórum 2020, página completa](https://luiskr.com/llm/es/portfolio/cicb/forum-2020-pagina-completa.md)
- [Fórum 2020, recorrido móvil](https://luiskr.com/llm/es/portfolio/cicb/forum-2020-recorrido-movil.md)
- [Webinar 2020, full recorrido](https://luiskr.com/llm/es/portfolio/cicb/webinar-2020-full-recorrido.md)
- [Fórum 2020, página completa](https://luiskr.com/llm/es/portfolio/cicb/forum-2020-pagina-completa-2.md)
- [Fórum 2020, recorrido móvil](https://luiskr.com/llm/es/portfolio/cicb/forum-2020-recorrido-movil-2.md)
- [Fórum 2021, full recorrido](https://luiskr.com/llm/es/portfolio/cicb/forum-2021-full-recorrido.md)
- [Fórum 2020, escritorio página](https://luiskr.com/llm/es/portfolio/cicb/forum-2020-escritorio-pagina.md)
- [Fórum 2020, tablet página](https://luiskr.com/llm/es/portfolio/cicb/forum-2020-tablet-pagina.md)
- [Fórum 2021, móvil página](https://luiskr.com/llm/es/portfolio/cicb/forum-2021-movil-pagina.md)

---
Canonical page: https://luiskr.com/es/portfolio/cicb
JSON replica: https://luiskr.com/llm/es/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)
