Awwwards-inspired craft portfoliobooting …
Section 01 · About
Codice, foto, design: stesso mestiere, superficie diversa.
Le cose interessanti succedono proprio nel mezzo.
Sono Manuel, sviluppatore full-stack da zvoove Switzerland AG da novembre 2021. PHP e Vue al lavoro, macchine fotografiche e Photoshop la sera, e tutto quello che sta in mezzo, dove il codice incontra l'immagine. Non credo nella separazione tra «tecnico» e «creativo»; le cose interessanti succedono proprio nel mezzo.
Voglio capire come funziona tutto questo sotto il cofano.
La programmazione mi è arrivata tramite il gaming. Ho messo su un mio server Minecraft modpack e ho iniziato a scrivere Mining Turtles in Lua. È il momento in cui ho capito: voglio capire come funziona tutto questo sotto il cofano.
L'apprendistato l'ho fatto come informatico aziendale (Betriebsinformatiker EFZ) da Novartis. In realtà volevo diventare sviluppatore, ma Novartis offriva solo il percorso da informatico aziendale, e un apprendistato da Novartis non si rifiuta. Quattro anni di server, reti, supporto: una base solida, ma alla fine era chiaro: mi candido come sviluppatore. Da zvoove dal 2021, lavoro sul prodotto principale zvoove Core, su vari strumenti API e di interfaccia, e su test E2E Cypress.
I siti generati con IA oggi si somigliano tutti, perché la maggior parte delle persone lascia la creatività all'IA.
Un'IA è come un pennello: uno strumento che non fa l'arte da solo. È brava quanto il piano e il prompt che le dai, e ha bisogno di qualcuno con gusto, creatività e un'idea chiara di dove si vuole arrivare. I siti generati con IA oggi si somigliano tutti, perché la maggior parte delle persone lascia la creatività all'IA.
Uso un workflow IA molto configurato: custom agents, hooks, skills, prompt a più stadi, file di convenzioni chiari. Finora ho portato due web app complesse da zero a produzione con questo workflow (una è la piattaforma Jogge di Balla, l'altra è esattamente questo sito). La combinazione di questa profondità di workflow e del senso visivo che viene da foto e design è ciò che fa la differenza tra l'ennesima landing page generica e qualcosa che ti ricordi davvero.
Cosa mi spinge? La curiosità, a essere onesti.
Mi entusiasmo per quasi tutto, e ne sono convinto: proprio nell'era dell'IA bisogna restare sul pezzo più che mai. Smetti di imparare e in dodici mesi sei rimasto indietro. Ma imparare cose nuove, per me, è semplicemente divertente. Per me non è pressione, è la modalità di default.
Fuori dallo schermo
Snapshot 2026
Macchina
shooting · Sony α7 IV · wildlife
Audi S5
driving · B8.5 · progetto tuning
Jogge di Balla
co-running · associazione · vicepresidente
Neve
carving · sci/snowboard · stagione invernale
Profondità
diving · certificato
Ping-pong
chasing · titolo di campione zvoove
Section 02 · Skills
La grandezza porta peso. Niente anni, niente etichette.
Hero Skill
Custom agents, hooks, skills, prompt a più stadi. L'IA non è lo strumento che uso — è lo strumento con cui creo strumenti.
Quello che costruisco con il workflow IA, non al volo senza.
Conosco, non uso ogni giorno.
Section 03 · Work
Niente galleria portfolio, niente buffet di stack. Due web app serie, da zero a live.
Tutte le associazioni combattono con lo stesso casino: fogli Excel, siti statici, condivisione di file e info, strumenti isolati. Per Jogge di Balla ho messo ordine: una piattaforma su misura che copre tutto, dalla gestione dei membri all'overlay Twitch. Vibecoded, auto-ospitata, esagerata.
Idea nata durante il Covid: quattro amici, niente da fare, così abbiamo organizzato eventi strani fra noi. Da lì è uscita un'associazione con classici pubblici come Schlag den Kassier, Silvester 2.0, Harassenlauf, o la famosa Lotto-Party.
Il mio ruolo: vicepresidente, sviluppatore web, fotografo, cameraman, social-media manager. Perché avevo lo skillset e sono abbastanza perfezionista da dare all'associazione non solo una faccia, ma una propria web app auto-ospitata.
Highlight 01 · Sostanza tecnica
Invisibile ai visitatori, il cuore del sito. Qui convergono tutti i fili.
Sistema di permessi dinamico
Diritti granulari (edit_events, manage_sponsors, edit_shotcounter, …) assegnabili per card per ruolo, senza modifiche al codice. Il backend verifica ogni chiamata tRPC con un middleware requirePermission() personalizzato.
Gestione presenze con statistiche
Lista presenze generabile per evento, i dati confluiscono direttamente in una vista grafica. Aiuta la visione d'insieme e un po' di competizione interna.
Ciclo di vita dei donatori
Sponsor gestiti dal sistema. Stato (attivo / scaduto / nuovo) calcolato automaticamente, con gestione finanziaria e indirizzi per il nostro Kassier.
Highlight 02 · Feature più visibile
Overlay Twitch personalizzato integrato direttamente nella piattaforma. Invece di servizi esterni costosi: l'ho semplicemente costruito io.
URL nascosta come browser source
OBS incorpora /overlay/sdk, un pannello di controllo su /overlay/sdk/control pilota il punteggio live.
Tempo reale senza ricaricare
Il polling tRPC sincronizza l'overlay nello stream all'istante. Effetto shimmer dorato per i vincitori, calcolo automatico «matematicamente eliminato».
Audience onestamente piccola
~15–20 viewer in concomitanza, ~100 totali. Il tooling resta comunque costruito solidamente, e riutilizzabile.
Lezioni apprese
Il testing manuale a quel tempo mi è costato molto tempo. Oggi imposterei il progetto fin dall'inizio con test automatici e tool IA, ucciderei i bug sul nascere e metterei il focus completamente sul deployment.
Section 05 · Photography
Section 05 · Photography
Wildlife e auto, i miei due mondi. Il primo lo inseguo in solitaria nelle giungle del Costa Rica o della Thailandia, il secondo di solito mi trova più vicino a casa. Ciò che li unisce: pazienza, luce, e quel singolo momento che giustifica tutta la giornata.
SONY α7 IV · 24–600mm · dal 2023
A volte il fotogramma più interessante non è quello con il tempo di otturazione più alto. È quello con la luce che resta lì solo per cinque minuti.
Lake Arenal: un'ora e mezza ad aspettare che il vento cali e finalmente lisci la superficie. È il riflesso a fare l'immagine, non l'albero.
Section 06 · Playground
Section 06 · Playground
Due esperimenti shader, entrambi ancorati alla narrazione inchiostro/stampa. Pura dimostrazione di craft, nessun contesto di prodotto.
Section 07 · Contact
Richiesta, domanda, idea, o semplicemente un saluto, l'inbox è aperta.
Due parole prima
Di solito rispondo entro uno o due giorni. Per i recruiter e le richieste dal mondo associativo: scrivi brevemente da dove arrivi, risparmia la seconda mail.
Canali diretti
GitHub è solo semi-attivo, non è un account vetrina da 100 repo.
