Disponibile per posizioni full-time in ItaliaIn parallelo, disponibile per alcuni progetti freelance

Design, sviluppo e comunicazione. Una persona, il prodotto completo.

Oltre 20 anni tra design, front-end e comunicazione digitale, che oggi combino con lo stack AI moderno. Porto un prodotto dal brief alla produzione in autonomia, con un flusso di lavoro AI-first che ha ridotto i tempi di consegna del 60–70%.

Marcelo Caliman, designer e sviluppatore di prodotti digitali
0+

anni di esperienza

0

prodotti realizzati, 4 in produzione

0M+

R$ transitati attraverso le campagne

0

edizioni di un summit annuale

Cosa metto in campo

Velocità AI reale

Una landing con Stripe in 2 giorni. Un MVP in 1–4 settimane. Il processo è documentato: 6 prodotti costruiti con strumenti AI-first, 4 in produzione.

Autonomia end-to-end

Dal brief al deploy in produzione posso occuparmi dell'intera catena: design, front-end, back-end, infrastruttura. In un team, significa un passaggio di consegne in meno tra le discipline.

Design + tech + comunicazione

Dal 2011 guido la parte tecnica di un'agenzia di comunicazione: pagine delle campagne, contenuti in diretta e la piattaforma che li regge, insieme a un team che segue donazioni, monitoraggio e chiamate. Attraverso quelle campagne sono transitati oltre 100 milioni di real (circa 17 milioni di euro).

Fatto per reggere il giorno decisivo

La parte interessante non è mai il percorso felice. Checkout che non possono perdere una transazione, pagine che reggono quando il traffico arriva tutto insieme, lanci presidiati in diretta invece che rilasciati e sperati.

Le agenzie tradizionali quotano 3 mesi per ciò che io consegno in 2 settimane.

STRUMENTI INTERNI

Costruito di notte quando serve

L'admin e il portale cliente che state usando? Li ho costruiti per me stesso in 2 giorni. La stessa velocità che offro ai clienti.

BACKOFFICE · LIVE

mcaliman backoffice

admin.mcaliman.com

Costruito end-to-end · 2 giorni · 52 commit

Sistema di gestione clienti con area admin autenticata, CRUD per progetti e milestones, fatturazione Stripe, e portale cliente pubblico con autenticazione magic link. Lo stesso sistema di cui state vedendo la prova nel case study sopra.

Next.js 16SupabaseMagic Link AuthStripe InvoicingMulti-subdomain routing
STRUMENTO OFFSHORE · DEPLOYED

AncoPlat

ancoplat.duckdns.org· private

Costruito end-to-end · 2 giorni · Solo + ingegnere revisore

Strumento di analisi statica per linee di ancoraggio offshore, in sostituzione di un workflow desktop legacy. Solver di catenaria elastica con contatto col fondale e attrito di Coulomb, validato contro MoorPy su 9 casi benchmark. Supporta linee multi-segmento, attachments, fondale inclinato, equilibrio della piattaforma sotto carico ambientale e watch circle envelope. Costruito con un ingegnere offshore che revisiona la fisica.

PythonFastAPIReactTypeScriptSciPyValidated vs MoorPy
LAVORO IN AGENZIA · CONSEGNA CLIENTI

Scadenze che non si spostano

Dal 2011 collaboro come contractor con GrupoBrasil, agenzia di comunicazione brasiliana, dove guido la parte tecnica.

Making of UTCAL Summit 2024 · canale di UTC América Latina

UTCAL SUMMIT · 13 EDIZIONI

UTCAL Summit

UTC América Latina · associazione di settore

13 edizioni consecutive · oltre 1.000 partecipanti e più di 40 sponsor ciascuna

Il congresso annuale di UTC América Latina, il council regionale di telecomunicazioni e tecnologia per le utility. L'agenzia ne cura comunicazione e produzione end-to-end; io guido la consegna digitale — sito dell'evento, pagine di programma, identità visiva e paid social, contro una data fissata con un anno di anticipo che non può slittare.

Sito dell'eventoPagine di programmaIdentità visivaPaid social
Pagina della campagna Fundo de Bolsas su Charidy: una sezione di apertura blu notte che annuncia la donazione moltiplicata per quattro, una fila di cinque fasce di donazione predefinite e, più sotto, il pannello dei risultati della campagna.

Fundo de Bolsas · pagina della campagna, fasce moltiplicate, flusso di donazionecharidy.com/fundodebolsas2025

Campagne dei clienti su Charidy · ciascuna si apre su charidy.com in una nuova scheda

INGEGNERIA DI CAMPAGNA

Campagne di donazione

Charidy · piattaforma statunitense di raccolta fondi · GrupoBrasil ne è il rappresentante in Brasile

Oltre 40 campagne · più di R$100M processati

Io costruisco le pagine delle campagne e integro il flusso di donazione; accanto a me un team gestisce donazioni, monitoraggio e call center. Ciò che si trasferisce a qualsiasi team di prodotto è l'ingegneria sottostante: un checkout che non può perdere una transazione, pagine che reggono quando il traffico arriva tutto insieme e un lancio presidiato in diretta, invece di rilasciato e sperato.

Il denaro lo raccolgono le campagne e le organizzazioni che le promuovono; Charidy è la piattaforma. Mio è il livello attraverso cui tutto passa.

Pagine di campagnaIntegrazione flusso donazioniLanci ad alto trafficoOperatività live
Home page EPTCA: il titolo "Distribuir Qualidade Para Preservar a Vida" accanto alla foto di una sala operatoria, con selettore di lingua e pulsante di preventivo immediato nell’intestazione, e sotto le quattro categorie di prodotto.

Home · bilingue, preventivo in primo pianoeptca.com

Sito cliente online · ogni schermata si apre su eptca.com in una nuova scheda

CATALOGO E PREVENTIVI

EPTCA Medical Devices

EPTCA · distributore di dispositivi medici · cliente GrupoBrasil che seguo per intero

4 specialità mediche · costruttore di preventivi · PT / EN

Il sito e il catalogo che lo regge: la gamma di prodotti in quattro specialità mediche, con ricerca e filtri, ogni articolo pronto ad aprire un preventivo. La pagina del preventivo non è un modulo di contatto ma un costruttore — gli articoli entrano in una lista e partono come un’unica richiesta con i dati dell’acquirente. Next.js, bilingue, e mio dall’inizio alla fine: sviluppo, manutenzione e profilo Google Business.

Sito Next.jsCatalogo prodottiCostruttore di preventiviProfilo Business
COMUNICAZIONE DI CAMPAGNA

I pezzi che portano una campagna

Una piattaforma funziona solo se le persone ci arrivano. Le stesse mani che costruiscono la pagina producono gli annunci, i save the date e i pezzi istituzionali che portano il traffico — per i clienti dell'agenzia e per i prodotti.

  • Annuncio della campagna Charidy per la Sinagoga de Ipanema, "campanha aberta"
  • Card dell'UTCAL Summit 2026 per una sessione congiunta del comitato consultivo globale UTC
  • Pezzo della campagna Charidy per EMET, sostegno alimentare kasher a famiglie in difficoltà
  • Save the date UTCAL per un simposio sull'intelligenza artificiale a Rio de Janeiro
  • Annuncio Doativa per l’accesso anticipato alla beta: crea una campagna in pochi minuti, con link pronto e pannello di monitoraggio
  • Annuncio della campagna Charidy Betar Rio 2024
  • Card del webinar UTCAL con AWS sulla specializzazione dei modelli linguistici per le utility
  • Save the date della campagna Charidy per Lar da Esperança
  • Pezzo istituzionale EPTCA per i trent'anni di forniture di dispositivi medici
  • Save the date della campagna Charidy Chaverim Chazak
  • Card del webinar UTCAL con Genesys su cosa cambia per il settore elettrico con le risoluzioni ANEEL 1137 e 1148/2025, con i cinque relatori
  • Campagna Charidy della Escola Beit Menachem sull'educazione della prima infanzia
  • Seminario UTCAL sulla trasformazione digitale nelle utility, Florianópolis
  • Pezzo istituzionale EPTCA per i trent’anni, ambientato in una sala operatoria
  • Card del webinar UTCAL con Cisco sulla protezione delle infrastrutture critiche delle utility
  • Header di email marketing Doativa sulla raccolta di donazioni con una pagina pulita

Costruito con gli strumenti che corrono veloci

Tre set di strumenti, tutti in uso quotidiano: uno costruisce il prodotto, uno lo porta al pubblico, e uno tiene in movimento il progetto quando ci sono altre persone coinvolte.

Sviluppo

Next.js
React
TypeScript
Tailwind
Vercel
Supabase
Stripe
Anthropic
Bolt logoBolt
v0 logov0
VS Code logoVS Code
shadcn/ui logoshadcn/ui
GitHub

Design e comunicazione

Figma
Canva
Adobe CC
WordPress
Mailchimp

Pianificazione e collaborazione

Trello
Notion
Slack

Come lavoro

Discovery

Capire il problema

Definisco lo scope, schizzo l'architettura, identifico i rischi in anticipo. Nessun ciclo sprecato.

1–3 giorni
Build

Design, codice e integrazioni

Iterazione giornaliera con preview live. Design e sviluppo avanzano in parallelo.

1–4 settimane
Ship

Deploy in produzione

Trasferimento ownership, supporto al go-live e documentazione inclusi.

1 giorno
ESPERIENZA CLIENTE

Una finestra in tempo reale sul tuo progetto

Niente più catene di email o richieste di aggiornamento. Ogni cliente riceve un portale dedicato e sicuro che mostra esattamente a che punto sono le cose — e dove stanno andando.

Monitoraggio in tempo reale

Ogni aggiornamento delle milestone è visibile nell'istante in cui accade — dalla discovery alla consegna.

Condivisione file centralizzata

Mockup, credenziali e consegne in un unico posto sicuro. Niente più ricerche tra le email.

Fatturazione integrata

Fatture professionali con pagamento in un clic. Storico completo dei pagamenti sempre accessibile.

Trasparenza totale

Ogni aggiornamento, ogni file, ogni fattura — sempre accessibili al tuo URL progetto personale.

CASO DI STUDIO

Questo sito è la prova

Built in 2 days · 52 commits · ~10 hours active work

La landing, il backoffice admin, il portale cliente e la fatturazione con Stripe che state vedendo — costruiti da zero in 2 giorni con 52 commit e ~10 ore di lavoro attivo.

52
commitin 2 sessioni
~10h
lavoro attivo16 Apr — 17 Apr 2026
3
sistemilanding · admin · portale

52 commits · hover to inspect

Landing & Redesign
22:28feat: initial landing page with EN/IT, Zoho SMTP, full design
23:06feat(seo): add Open Graph, Twitter cards, and locale-specific metadata
23:11feat(hero): add profile photo with responsive two-column layout
23:44feat(projects): add screenshots, rich hover effects, and cinematic reveal
23:50feat(stack): add visual tech stack section with branded logos
23:52feat(banner): add manifesto banner between Pillars and Projects
06:29feat(assets): add project screenshot images
06:53feat(hero): expressive typography, refined photo interaction
06:57feat(process,projects): typographic workflow section, polished card details
07:38feat(icons): add strategic lucide icons to pillars, process, projects, form, footer
07:57fix(techstack): local SVGs for Bolt/v0/Cursor/shadcn + restore full opacity
08:08fix(stats): editorial typography treatment, remove cell borders, refined suffix hierarchy
08:19feat(assets): add local SVG/PNG logos for Bolt, v0, Cursor, shadcn/ui
08:19Merge branch 'redesign/expressive'
09:30feat(process): horizontal timeline with proportional duration scale
09:34feat(projects): asymmetric mosaic layout with featured project emphasis
10:02refactor(projects): vertical stack layout with side-by-side screenshot and content
15:41feat(landing): mention client portal in process section with stylized mockup
16:00feat(landing): dedicated client portal section with feature rundown
Admin CRUD
11:03feat(backoffice): Supabase setup, schema, and typed client helpers
12:10feat(admin): sidebar navigation and admin shell layout
12:14feat(admin): clients CRUD with drawer forms
12:20feat(admin): projects CRUD and detail page
12:26feat(admin): milestones, updates, and deliverables management
12:28feat(admin): loading skeletons and error boundary
13:47feat(admin): complete backoffice foundation
15:14feat(admin): bulk create milestones with templates
Auth & Infra
11:46feat(admin): magic-link authentication with email dispatch and session handling
11:56chore: trigger redeploy with new env vars
13:55fix(auth): resolve production magic link redirect and cookie domain for subdomain
14:05fix(proxy): handle all admin subdomain routes correctly in production
14:24feat(auth): 30-day rolling sessions for admin
Client Portal
14:57feat(portal): client project portal with authenticated views at /projeto/[token]
15:05fix(portal): language toggle shows target language instead of current
15:16feat(portal): default to dark theme
15:21fix(portal): unify color palette with admin and landing
15:25feat(portal): human-readable slug in URL while keeping token authentication
15:31fix(portal): resolve dynamic route naming conflict causing Internal Server Error
Polish & Fixes
23:01fix(a11y): heading hierarchy, section labels, dynamic lang attribute
23:02fix(a11y): increase tap targets to 44px minimum (WCAG 2.5.5)
23:11fix(hero): mobile padding and eyebrow line-break
23:12fix(projects): legible stack tags, unified card links, accessible h3
23:13polish: statsbar mobile, IT translations, devDeps, locale metadata
23:57polish: refined hero animation + global motion consistency
07:02polish: global typography rhythm, refined motion, visual consistency
07:18fix(design): correct scale, alignment, and logo visibility across sections
07:20fix(hero): reduce headline size for 2-3 line wrap on desktop
09:43fix(projects): align heights, normalize image ratios, consistent callout styling
12:44fix(admin): client detail page, html tags issue, and credentials deliverable type
13:01fix(admin): resolve route group structure and add missing invoices page
13:46fix(admin): resolve projects page rendering error
15:53fix(landing): rebalance portal callout with feature bullets and unified layout

Key decisions

SVG locali invece di libreria

Per i loghi Bolt, v0 e shadcn/ui, sostituito il pacchetto simple-icons con SVG locali ottimizzati a mano con varianti light/dark appropriate. Piccolo costo di bundle per rendering pixel-perfect e colori accurati del brand.

Un'app Next.js, tre domini

Invece di progetti separati per landing, admin e portale, usato il middleware Next.js per instradare mcaliman.com, admin.mcaliman.com e /projeto/[token] da una singola codebase. Componenti condivisi, build condivisa, un solo deploy.

Auth custom invece di Supabase Auth

Costruita autenticazione magic link con JOSE e tabella magic_links custom invece di Supabase Auth. Controllo totale su ciclo di vita token, durata sessione, cookie di subdomain e invio email via Zoho SMTP.

Costruito conNext.js 16 · TypeScript · Tailwind · shadcn/ui · Supabase · Stripe · Vercel · Zoho Mail · Claude Code

Questo è come appaiono 'giorni, non mesi' nella pratica.

Stai assumendo, o hai qualcosa da costruire?

Un ruolo, un progetto o una domanda veloce: arriva tutto nella stessa casella e rispondo personalmente. Se hai già un progetto definito, il form di inizio progetto è la strada più rapida.

Risposta personale entro 48 ore.