Hi, I'm Luke Beretta. Product designer and developer based in Cape Town.
I've created products across fintech, crypto, SaaS, retail, and consumer experiences.
My work has supported the movement of trillions of dollars, enabled payments across emerging markets, helped venture‑backed startups win awards, and served millions of retail customers.
Journey
Journey (YC W21) helped teams explain complex ideas at the moments that matter most: onboarding, proposals, introductions, the points where clarity determines outcome. I co‑led the design of Journey 2.0 alongside the founding designer, reimagining the product through a flexible block‑based canvas, integrated AI, and deep analytics. The resulting architecture became the foundation inherited by the acquiring company following Journey's acquisition.
Role: Senior Product Designer
Timeline: Sep 2022 – Dec 2023
Team: Founders, Product, Engineering, AI/ML
Understanding the Space
I audited tools like Notion, Pitch, and Coda to understand how the best products handle flexible content creation. The clearest insight: most competitors had ignored the reading experience entirely. How a story gets consumed was almost always an afterthought. Journey aimed to design for both creators and recipients, ensuring stories were compelling at every stage.
Competitive Analysis Matrix. Identifying the gap between flexible creation tools and engaging reading experiences.
Reader Experience Comparison. Evaluating how existing tools prioritized authorship over consumption.
Design Direction
Structure Emerges from Content. A block‑based canvas replaced rigid slide grids, enabling non‑linear storytelling.
Guided Onboarding with Multiple Entry Points. Creators could start with templates, AI‑generated drafts, or a blank canvas, reducing friction for users of varying experience levels.
Automagical Theming. An intelligent theming system extracted brand identity from a domain, ensuring every Journey felt intentional without requiring design expertise.
Block Canvas Editor. A flexible canvas enabling creators to structure stories using modular content blocks.
Onboarding Entry Points. Templates, AI generation, and blank canvas options supporting diverse creator needs.
Automagical Theming. Instant brand coherence generated from a company's domain.
Validation
We tested multiple approaches to the canvas and onboarding flow. The block canvas with guided entry points consistently outperformed alternatives — faster first publishes, less blank‑state abandonment, higher creator confidence.
Usability Testing Sessions. Observing creators interact with different canvas approaches.
Performance Metrics. Guided onboarding significantly improved time to first publish.
Solution
Replacing the fixed slide grid with a fluid block system let creators mix text, video, embeds, and interactive elements freely. The result adapted to any screen without manual adjustment.
Journey 2.0. A complete rethink of the format. Stories that respond to the reader, adapt to context, and go as deep or as light as the moment requires.
Recipient Experience. A responsive reading interface designed for clarity and engagement.
Interactive Content Blocks. Embedded media and interactive elements enriching storytelling.
AI Across the Full Loop
On the creation side, describe what you want and Journey drafts the structure. Inline tools let you refine any block in context. On the reading side, an Ask Anything panel lets recipients query the content directly. Each surface was designed to feel native, not bolted on.
AI‑Assisted Creation. Prompt‑driven generation helping users quickly draft structured narratives.
Inline AI Editing Tools. Contextual assistance enabling rapid refinement of individual blocks.
Ask Anything Panel. Readers can query the content directly, transforming passive consumption into interactive exploration.
Analytics
A redesigned dashboard showed creators exactly how their stories were being consumed — which blocks got attention, where readers dropped off, who engaged and for how long. Data that had previously been invisible became the feedback loop for every next Journey.
Analytics Dashboard Overview. Comprehensive insights into reader engagement and behavior.
Block‑Level Engagement Metrics. Understanding which parts of a story resonate most with readers.
Reader Journey Visualization. Identifying drop‑off points to inform future storytelling.
Impact
Faster time to first publish through guided onboarding that met creators at their level.
Reduced blank‑state abandonment by offering multiple entry points including AI generation and templates.
Increased creator confidence and engagement through a flexible, intuitive block‑based canvas.
Enhanced reader interaction through the Ask Anything panel and AI‑powered consumption features.
Strategic foundation for acquisition — the 2.0 architecture became what the acquiring team inherited.
Engagement Metrics Visualization. Improved creator and reader engagement following the 2.0 redesign.
Acquisition Timeline. Journey's strategic value culminating in its acquisition.
System Architecture Overview. A scalable platform supporting future growth and innovation.
Outro
Journey reinforced the importance of designing for both creation and consumption. By combining flexibility, intelligence, and data‑driven insights, we enabled teams to communicate complex ideas with clarity and confidence.
Spritz Finance
Spritz bridges the gap between crypto and everyday financial life, letting users pay bills, off‑ramp to their bank, and spend anywhere via a Visa card, all funded by crypto. I joined as the sole product designer at a pivotal moment: a new brand identity had just been developed by an agency, and the entire product needed to be rebuilt around it. Over the following year I led design across the full app suite, from the design system foundation through to every major feature and flow.
Role: Principal Product Designer
Timeline: Nov 2024 – Nov 2025
Team: Product, Engineering, Marketing
Brand & Design System
The new brand was bold and crypto‑native, a dark high‑contrast visual language that repositioned Spritz from a friendly fintech to a serious web3 product. My first task was translating that identity into a living system. I designed Aperol, a comprehensive Figma-based design system covering color, typography, iconography, variables, and a full component library. Motion was defined with spring physics rather than easing curves, ensuring modals and overlays felt considered across the product. The system served design, engineering, and marketing from a single source of truth.

Aperol Design System. Foundations through components, color, typography, icons, variables, and a full UI library built for scale.

Motion Specification. Spring physics (mass, stiffness, damping) defined for overlay elements, ensuring consistent feel across the product.

Before & After: Dashboard. The old brand was warm, playful, and fintech‑adjacent. The new one is dark, restrained, and crypto‑native.
Onboarding & KYC
Spritz served two distinct user types: crypto‑native users connecting wallets, and newcomers signing up with email. I designed a unified auth flow that handled both paths — email, Google, Apple, and wallet connection across EVM, Solana, and Sui — without either feeling like a compromise. A welcome screen I introduced captured user intent across five categories, wiring directly into backend segmentation and lifecycle email campaigns. The getting started checklist lived persistently on the home dashboard, tracking account creation, KYC completion, and first transaction, tied to growth campaigns including a $25 signup reward. Previously, KYC existed as multiple fragmented paths across the app. I consolidated these into a single predictable flow used consistently wherever verification was required.

Unified Auth Flow. One entry point for email, Google, Apple, and wallet users, with chain selection for web3‑native users.

Intent Capture. A welcome screen that routed users by goal and fed segmentation data directly into CRM and lifecycle emails.

KYC Pre‑screen. Setting expectations upfront before users committed to the verification flow.

Getting Started Checklist. Persistent on the home dashboard with a progress ring, error states for failed KYC, and a live reward countdown.
Cards
The Spritz Card was one of the product's most complex features and when I joined, it didn't fully exist yet. I designed the end‑to‑end experience from scratch: card type selection, compliance collection, onboarding explainer, progressive card states, activation, card detail management, and top‑up. The payment flow supported wallet pay and blockchain pay, with asset selection, rewards redemption, and a live fee breakdown, all in a single mobile‑optimised screen. Card states communicated exactly where users were in the process without requiring them to navigate elsewhere.

Card Selection. Virtual (free, instant) and physical ($20, 1 to 2 weeks) presented with clear trade‑offs at the point of decision.

Card Graphics. Custom card art I designed for the Spritz Visa — physical and virtual variants across light and dark finishes.

Progressive Card States. From coming soon through action required, shipped, and ready to use — status always visible without leaving the page.
Activation Flow. Physical card activated via expiry date entry, with estimated delivery date surfaced in context.

Card Detail. Card art, freeze, card details, add to Apple/Google Wallet, and transaction history all on one surface.
Core Flows
Off‑ramp was the product's primary revenue driver. The previous design was a marketing splash page inside the app — a single CTA with no account management. I replaced it with a proper surface: account management, settlement time transparency per method, and localised variations for South American markets including PIX and SPEI CLABE. The core payment flow, shared across off‑ramp, bill pay, card top‑up, and buy crypto, was redesigned from the ground up. It had been broken on mobile and inconsistent across contexts. The new version handled crypto asset selection, fiat conversion, rewards application, fee breakdown, and method‑specific CTAs in a single coherent screen that worked across all device sizes. Bill pay and buy crypto received similar treatment, surfacing key details that had been buried and reducing friction between intent and completion.
Off‑ramp: Before. A marketing splash screen masquerading as a feature, with no account management and no structure.
Off‑ramp: After. A proper account management surface with method selection, settlement timing, and multi‑market support.
Payment Flow. Wallet pay and blockchain pay in one screen, with asset selector, rewards toggle, fee breakdown, and a context‑aware CTA. Rebuilt to work on mobile.
Bill Pay. Card‑based layout surfacing balance, due date, and last sync, with biller search to reduce friction.
Buy Crypto. Transfer method selection with processing time and fee visible inline, and a live order summary before confirmation.
Growth & Retention
A persistent feedback button — my initiative — gave users a direct line to the team from anywhere in the app. The copy asked feature requesters to explain how they'd use it and why, filtering for signal over noise. It got significant traction internally. The referral program and rewards dashboard were refined to be clearer and more actionable. When a third‑party card provider froze user funds, I designed the crisis communication interface, a visually distinct treatment that separated it from the normal product experience, with transparent explanation of the situation and a clear opt-in recovery path.
In‑app Feedback. A simple modal accessible from the nav, framed to extract useful signal, not just sentiment.
Referral & Rewards. Cleaner breakdown of total, referral, and revenue share rewards with tabbed navigation.
Crisis Communication. A distinct visual treatment for a frozen funds recovery program — honest, calm, and compliant.
Outro
Spritz was the most expansive single-product engagement I've taken on — sole designer across a full rebrand implementation, a new design system, and a product suite touching payments, compliance, crypto, and growth. Working alone sharpened my instinct for what to prioritise and what to leave behind. The most meaningful work wasn't any single feature, it was building the foundation that made everything else consistent.