Portrait of João Bertotto
JB

I'm João, a software engineer based in Porto Alegre, working in design and code.

Work

Legion Sabers

Visit project

Sole developer of a direct-to-consumer lightsaber store on Shopify, rebuilt and run end to end — theme, product architecture and checkout. The catalog runs past a hundred sabers, from starter hilts to screen-accurate replicas, so browsing follows how fans actually shop: by era (Prequels, Originals, Sequels, Games, Shows), by saber type, and by the electronics inside. Most sabers pair a sound board (Xeno or Proffie) with a blade type (Baselit or Pixel), and the product pages and help guides explain that choice in plain words before it reaches the cart. The store sells worldwide in local currency and is also the online face of Docking Bay 45, the brand's 3,000 sq ft in-universe venue in Portland.

  • Legion Sabers home page with the New arrivals hero and featured collections
    Storefront
  • Product page for The Fracture with blade and hilt specs, style options and add to cart
    Product page
  • Mobile home page showing the Docking Bay 45 banner and featured collections
    Mobile
  • All Sabers collection with price, saber type and appearance filters
    Collections

Wotan Brindes

Visit project

Corporate gifting and branded merchandise site for a Brazilian client, built end to end at Pegasus Digital Services — the studio I co-founded. Catalog and product pages feed a WhatsApp-first enquiry flow, because that is how the business actually closes deals.

  • Wotan Brindes home page
    Home
  • Product catalog browsing
    Catalog
  • Product detail page
    Product page
  • Mobile layout of the Wotan Brindes site
    Mobile

Fulfillment automation

Internal tooling that puts the U.S. team, the warehouse, and a manufacturing partner in China on one source of truth. Replaced a spreadsheet handoff — orders now leave the storefront and reach the right facility without anyone re-keying them.

  • Order sync dashboard overview
    Orders dashboard
  • Warehouse status view
    Warehouse
  • Manufacturing handoff flow
    Manufacturing

Stand It Up

Company site and product catalog built from nothing — marketing pages, catalog UI, and a CAD pipeline that turned raw product data into 300+ production-ready 3D models without hand-modelling each one.

  • Stand It Up marketing home page
    Home
  • Product catalog grid
    Catalog
  • Mobile catalog browsing
    Mobile catalog
  • 3D product model examples
    3D models

Maker

Brickfig Creator

A web app that turns a character's artwork into a print-ready, multicolor brick figure. Upload the pictures, pick the plastic, and it picks the filament palette and paints every part — the 3MF files open in Bambu Studio or OrcaSlicer already colored, laid out on your printer's beds. Born from commissions for giant figures: hours of hand-painting in the slicer, now a few clicks. A Photo Studio poses the figure for renders.

  • Brickfig Creator design view with a painted figure and part picker
    Design
  • Photo Studio with pose presets for the figure
    Photo Studio
  • 3D print step showing print beds and filament colors per part
    Ready to print

Parametric Engine

CAD in the browser for print-ready parts you can resize. Each model is a short JavaScript file — replicad on OpenCascade WASM, drawn with three.js — and its parameters show up as sliders, toggles and font pickers. Set your sizes, measure the result, then download a 3MF laid out on the bed, an STL, or SVG/DXF for the laser cutter. Card frames that print in place, display risers that clip together, a record shelf with your own text: designs that started in Fusion 360, now resized in seconds instead of remodeled.

  • Parametric Engine showing a Now Playing record shelf with text, font and size settings
    Design
  • Model picker with rendered thumbnails grouped by collection
    Model picker
  • Display riser with a Voronoi surface pattern and its size settings
    Surface patterns
  • Print-in-place card frame with fold-out legs
    Print in place

Product configurator

A Three.js configurator that lets customers build a custom saber in the browser — live 3D preview, option constraints, and a path straight into the cart.

  • Desktop builder
  • Parts panel
  • Mobile
  • Ready to cart

CAD conventions

Modeling standards and naming conventions so a large library of product assets stays consistent — the unglamorous systems work that makes 3D usable at scale.

  • Conventions
  • Asset batch

Fun

This site

A bilingual personal site in Next.js — Accept-Language routing, en / pt-BR dictionaries, and a two-column layout that stays readable on both desktop and phone.

  • About
  • Gallery
  • i18n