Skip to content
John Morais

Product design, leadership and the Harness Design series

4 cases

Portfolio

Published projects, in order, with the role, discipline and metrics each one records.

  1. , Web design

    Occatu

    Occatu's challenge was to change how its clients and leads perceived the company, so they would see it as more modern and technological.

    Role
    UX/UI Designer, Nocode developer, Copywriter

    Considering organic traffic, engagement increased between December 2024 and February 2025

    Average pages per session
    +17%
    Bounce rate
    -19%
    Average session duration
    -52%
    Top of the Occatu website, with the headline Reduza Emissões e Atenda a Padrões ESG (Reduce Emissions and Meet ESG Standards) over an aerial photo of dense forest

  2. , Product design

    Signature with Pix

    3,000+ assinaturas e 95% de taxa de sucesso

    The company decided to gain visibility in national media and strengthen its brand positioning as an innovative company.

    Role
    Product Designer
    Subscriptions with PIX
    3,000+
    This result was weak in terms of adoption, since it covered 5 months
    Success rate
    +95%
    The success rate of subscription attempts with PIX stayed stable, considering it is a solution that adds more friction for the user.
    Social media impressions
    6,000
    The goal of gaining visibility in national media and establishing the brand as innovative was partly met
    Screens of the PIX subscription flow on a diagonal over a blue background, from the subscription request to the signed document notice

  3. , Product design

    Upstream System

    Discovery from 12 to 4 days (-67%), median across 3 Discoveries completed with the system

    An AI system that takes an idea to a development-ready requirement, going through evidence-backed research and a navigable prototype.

    Role
    Originator and lead builder, with co-authorship of the architecture
    Discovery time
    -67%
    From problem to ready for development
    -98%
    Discovery in autonomous mode
    14 to 27 min
    Overhead view of a work desk with six paper cards laid out diagonally. Five have a moss-green stamp, and the sixth, under the warm light of a lamp, has none. In the lower left corner, three index cards with pencil marks sit under a stone paperweight.

  4. , Product design

    Harness Design

    99% of tokens have usage instructions for AI (491 of 496), and 97.6% of web code is on the new standard

    A design system for a B2B SaaS fleet and logistics platform is now read and applied correctly by AI, on both platforms, already in production.

    Role
    Product Design Manager
    Tokens with usage instructions for AI
    99%
    Web code on the new standard
    97.6%
    Mobile app on the new standard
    68%
    A dense field of small color cards in rows on light paper. In the right third, a huge moss-green card with a drawn branch dominates the scene. In the upper half, a small card has a folded corner. In the lower left corner, a hand holds a branch.