--- title: "Brazilian Leather | Luis Krötz" type: project route: "/fr/portfolio/cicb" locale: fr language: "fr" canonical: "https://luiskr.com/fr/portfolio/cicb" markdown: "https://luiskr.com/llm/fr/portfolio/cicb.md" json: "https://luiskr.com/llm/fr/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 est un projet développé chez Transa, dans le cadre d’un partenariat entre CICB et Apex-Brasil. Le projet est un portail pour le cuir brésilien, regroupant des sites comme Brazilian Leather, CICB, CSCB et Leather Law. Chez Transa, j’ai également développé une série de landing pages dédiées au Forum du cuir annuel de CICB. 2017 a apporté une nouvelle édition : 'Économie circulaire'. L’édition 2018 s’intitulait 'Quel est le retour de l’investissement durable ?'. L’édition 2019 s’intitulait 'Le cuir dans un monde hyperconnecté'. En 2020, deux éditions ont été créées de zéro : un forum en ligne et un événement en présentiel. Cette édition s’intitulait 'Notre environnement en connexion'. J’ai créé la mise en page à partir de la précédente, créée par Sagu chez Transa. J’ai contribué en tant que membre de l’équipe, en tant que développeur front-end junior, guidé par Cristiano Becker sur le développement de cette page lors de ma première année chez Transa. Elle a été développée en PHP, jQuery et Less pour le CSS. J’ai contribué en tant que développeur front-end et travaillé étroitement avec Renan Machado sur le back-end de l’application. Elle a aussi été développée en PHP, jQuery et Less pour le CSS. J’ai contribué en tant que développeur front-end et travaillé étroitement avec Renan Machado sur le back-end et le système d’inscription de l’application. Développée en PHP, jQuery et CSS. J’ai contribué en tant que développeur front-end et travaillé étroitement avec Renan Machado sur le back-end et les inscriptions de l’application. 2020 a été un défi, avec deux éditions créées de zéro : une édition en ligne du forum appelée 'A sociedade somos todos nós' et un webinaire appelé 'Leather business and the future consumer', en anglais et en portugais. Les deux pages ont été développées en PHP, Sass pour le CSS et Vanilla JS, avec du code créé de zéro exclusivement pour ces nouvelles pages. J’ai contribué en tant que développeur front-end et travaillé avec Renan Machado sur le back-end de l’application. L’édition 2021 a apporté un nouveau défi : créer la mise en page et aussi coder le projet. Cette édition s’appelait : 'Nosso ambiente em conexão'. J’ai créé la mise en page de la page à partir de la précédente, créée par Sagu chez Transa pour l’édition 2020, en conservant l’identité visuelle déjà établie. Le codage de la page a été fait uniquement en Vanilla JS, Sass (CSS3) et HTML5, avec l’utilisation de nombreux éléments SVG dans la mise en page. ## Media - [video: Brazilian leather, tour 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, 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 page](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 tour](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, page complète](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, tour 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, full tour](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, page complète](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, tour 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, full tour](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, page complète](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, tour 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, full tour](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, page complète](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, tour 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, full tour](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, page complète](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, tour 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, full tour](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, page complète](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, tour 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, full tour](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, desktop page](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-desk-mozjpg-uncompressed.jpg) - ![Fórum 2020, tablette page](https://storage.googleapis.com/luiskr.com/public/_v3/brazilian leather/forum-cicb/2021/forum-cicb-2021-tablet-mozjpg-uncompressed.jpg) - ![Fórum 2021, mobile page](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, tour mobile](https://luiskr.com/llm/fr/portfolio/cicb/brazilian-leather-tour-mobile.md) - [Brazilian leather, home](https://luiskr.com/llm/fr/portfolio/cicb/brazilian-leather-home.md) - [Brazilian leather, about](https://luiskr.com/llm/fr/portfolio/cicb/brazilian-leather-about.md) - [Brazilian leather, in mandarin chinese](https://luiskr.com/llm/fr/portfolio/cicb/brazilian-leather-in-mandarin-chinese.md) - [Cscb, home page](https://luiskr.com/llm/fr/portfolio/cicb/cscb-home-page.md) - [Fórum 2016, full tour](https://luiskr.com/llm/fr/portfolio/cicb/forum-2016-full-tour.md) - [Fórum 2016, page complète](https://luiskr.com/llm/fr/portfolio/cicb/forum-2016-page-complete.md) - [Fórum 2016, tour mobile](https://luiskr.com/llm/fr/portfolio/cicb/forum-2016-tour-mobile.md) - [Fórum 2017, full tour](https://luiskr.com/llm/fr/portfolio/cicb/forum-2017-full-tour.md) - [Fórum 2017, page complète](https://luiskr.com/llm/fr/portfolio/cicb/forum-2017-page-complete.md) - [Fórum 2017, tour mobile](https://luiskr.com/llm/fr/portfolio/cicb/forum-2017-tour-mobile.md) - [Fórum 2018, full tour](https://luiskr.com/llm/fr/portfolio/cicb/forum-2018-full-tour.md) - [Fórum 2018, page complète](https://luiskr.com/llm/fr/portfolio/cicb/forum-2018-page-complete.md) - [Fórum 2018, tour mobile](https://luiskr.com/llm/fr/portfolio/cicb/forum-2018-tour-mobile.md) - [Fórum 2019, full tour](https://luiskr.com/llm/fr/portfolio/cicb/forum-2019-full-tour.md) - [Fórum 2019, page complète](https://luiskr.com/llm/fr/portfolio/cicb/forum-2019-page-complete.md) - [Fórum 2019, tour mobile](https://luiskr.com/llm/fr/portfolio/cicb/forum-2019-tour-mobile.md) - [Fórum 2020, full tour](https://luiskr.com/llm/fr/portfolio/cicb/forum-2020-full-tour.md) - [Fórum 2020, page complète](https://luiskr.com/llm/fr/portfolio/cicb/forum-2020-page-complete.md) - [Fórum 2020, tour mobile](https://luiskr.com/llm/fr/portfolio/cicb/forum-2020-tour-mobile.md) - [Webinar 2020, full tour](https://luiskr.com/llm/fr/portfolio/cicb/webinar-2020-full-tour.md) - [Fórum 2020, page complète](https://luiskr.com/llm/fr/portfolio/cicb/forum-2020-page-complete-2.md) - [Fórum 2020, tour mobile](https://luiskr.com/llm/fr/portfolio/cicb/forum-2020-tour-mobile-2.md) - [Fórum 2021, full tour](https://luiskr.com/llm/fr/portfolio/cicb/forum-2021-full-tour.md) - [Fórum 2020, desktop page](https://luiskr.com/llm/fr/portfolio/cicb/forum-2020-desktop-page.md) - [Fórum 2020, tablette page](https://luiskr.com/llm/fr/portfolio/cicb/forum-2020-tablette-page.md) - [Fórum 2021, mobile page](https://luiskr.com/llm/fr/portfolio/cicb/forum-2021-mobile-page.md) --- Canonical page: https://luiskr.com/fr/portfolio/cicb JSON replica: https://luiskr.com/llm/fr/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)