# Forest Paper

> Magento e-commerce for an industrial paper converter (Kraft, cardboard, food-grade paper) with over 30 years in the market — the only e-commerce I built at K13.

Forest Paper is a paper converter with over 30 years in the market — Kraft paper, cardboard, and specific product lines (automotive, food-grade) sourced from certified origin via Klabin. This was the only e-commerce I built at K13 — the rest of my work there was institutional. And since almost every e-commerce K13 delivered ran on the same base, understanding this store means understanding the structure of nearly every store the agency built at the time.

<figure className="rehype-figure">

![Forest Paper home page with banner and featured categories](/images/pages/projects/forest-paper/forest-paper-home.png)<figcaption>

Forest Paper home page with banner and featured categories

</figcaption>
</figure>

## One base, many stores

Forest Paper's own footer gives away the secret: the logo down there reads **"Base Ecommerce Essencial"** — it was literally an internal K13 product, a Magento theme of their own reused across different clients, with visual identity and catalog swapped on top of the same structure. Unlike the institutional sites (each one a project from scratch), the e-commerce work was about customizing that base: colors, typography, banners, categories — the backbone stayed put.

K13 had a second internal product running here too: the cookie/LGPD consent banner in the footer reads "Desenvolvido por K13 web," linking to the agency's own consent-management system.

## The catalog

<table>
<thead>
  <tr>
    <th>
      Layer
    </th>
    
    <th>
      Technology
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      E-commerce
    </td>
    
    <td>
      <a href="https://developer.adobe.com/commerce/" rel="nofollow" target="_blank">
        Magento
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      JavaScript
    </td>
    
    <td>
      <a href="http://prototypejs.org/api/" rel="nofollow" target="_blank">
        Prototype.js
      </a>
      
       (Magento's native framework), <a href="https://api.jquery.com/" rel="nofollow" target="_blank">
        jQuery
      </a>
      
      , <a href="https://github.com/zloirock/core-js" rel="nofollow" target="_blank">
        core-js
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Gallery/lightbox
    </td>
    
    <td>
      <a href="https://fancyapps.com/docs/ui/fancybox" rel="nofollow" target="_blank">
        FancyBox
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Checkout
    </td>
    
    <td>
      <a href="https://www.magestore.com/one-step-checkout.html" rel="nofollow" target="_blank">
        OneStepCheckout
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      CSS framework
    </td>
    
    <td>
      <a href="https://getbootstrap.com/docs/" rel="nofollow" target="_blank">
        Bootstrap
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Icons
    </td>
    
    <td>
      <a href="https://docs.fontawesome.com/" rel="nofollow" target="_blank">
        Font Awesome
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Email marketing
    </td>
    
    <td>
      <a href="https://docs.magemail.co" rel="nofollow" target="_blank">
        MageMail
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Analytics/Tags
    </td>
    
    <td>
      <a href="https://developers.google.com/analytics" rel="nofollow" target="_blank">
        Google Analytics
      </a>
      
      , <a href="https://developers.facebook.com/docs/meta-pixel/" rel="nofollow" target="_blank">
        Facebook Pixel
      </a>
      
      , <a href="https://developers.google.com/tag-platform/tag-manager" rel="nofollow" target="_blank">
        Google Tag Manager
      </a>
    </td>
  </tr>
</tbody>
</table>

Seven product categories (Kraft Paper, Rolls, Petpel, Cardboard, Automotive Masking, Painter's Paper, Food Line), each following the same template — price filter, sorting, and Magento's native grid/list toggle, with installment pricing in both modes.

<figure className="rehype-figure">

![Kraft Paper category in grid mode](/images/pages/projects/forest-paper/forest-paper-categoria-grid.png)<figcaption>

Kraft Paper category in grid mode

</figcaption>
</figure>

<figure className="rehype-figure">

![The same Kraft Paper category in list mode](/images/pages/projects/forest-paper/forest-paper-categoria-list.png)<figcaption>

The same Kraft Paper category in list mode

</figcaption>
</figure>

The individual product page has real technical descriptions (weight, composition, FDA/ISEGA food-contact certifications), a delivery-time calculator, and a back-in-stock notice — nothing generic, this is real industrial spec-sheet content.

<figure className="rehype-figure">

![Individual product page with spec sheet, installments and shipping calculator](/images/pages/projects/forest-paper/forest-paper-produto.png)<figcaption>

Individual product page with spec sheet, installments and shipping calculator

</figcaption>
</figure>

## What repeats across every K13 store

In the footer, the "Ajuda/Central de Relacionamento" cluster (About Us, Mission/Vision/Values, Facilities, Sustainability, Return Policy, Delivery Policy, Contact) — below, the About Us page, one of them — along with payment method badges (boleto, the major card brands, PIX), social links, and a fixed WhatsApp button. I saw this set repeat, with small variations, across almost every Magento store that went through K13. It's not a lack of originality — it's the pattern of an agency that already knew what a Brazilian e-commerce needs to work, and reused that so it could focus energy on what actually differentiated each client: the catalog and the visual identity.

<figure className="rehype-figure">

![About Us page, part of the institutional cluster that repeats across every K13 store](/images/pages/projects/forest-paper/forest-paper-quem-somos.png)<figcaption>

About Us page, part of the institutional cluster that repeats across every K13 store

</figcaption>
</figure>