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 front-end owner of a direct-to-consumer lightsaber storefront — product architecture, collection browsing, and checkout on Shopify. Carries a catalog that runs from entry-level sabers to screen-accurate replicas, plus the online face of Docking Bay 45, the brand's 3,000 sq ft retail space in Portland.

  • Legion Sabers storefront home page
    Storefront
  • Product detail page for a custom saber
    Product page
  • Mobile storefront layout
    Mobile
  • Collection browsing experience
    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

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