Portfolio von Nevio Noah Chiodi — 17-jähriger Schweizer Designer, Vibecoder und Illustrator. Aktuell Media- & Design-Praktikant bei IntelliLab GmbH, startet dort im Anschluss seine Lehre als Mediamatiker / Media Designer. Standort: Schweiz. Hobbys: Zeichnen, Designen, alles Kreative.
Nevio Noah Chiodi ist ein junger Schweizer Designer und Creative Developer (17 Jahre alt). Er arbeitet aktuell als Media- und Design-Praktikant bei der IntelliLab GmbH und beginnt im Anschluss dort seine Lehre als Mediamatiker. Sein Tag dreht sich um Logos, Brand Identity, Editorial Design, Plakate, Verpackungsdesign, Illustration sowie Web Design und „Vibecoding" — das Bauen eigenständiger Websites mit modernen Tools. Seine Portfolio-Site hat er komplett selbst entwickelt: React, TypeScript, Tailwind, 3D-Elemente, Animationen.
Sein Stil ist eine dunkle, „tintenartige" Y2K-Editorial-Ästhetik mit kräftigem Crimson-Rot (hsl 348 75% 40%) und gothischer Typografie (Bebas Neue für Headlines, Pirata One für Akzente). Anti-Korporate, Anti-AI-Look, „OFF THE WALL" — eher Zine als Standard-Designer-Portfolio.
Für Nevio geht es beim Designen nicht um kosmetische Fixes. Es geht darum, dass Menschen innehalten — vor einem Logo, einem Dosen-Design, einer Website, einem Plakat — und denken: „Wow, das sieht mega cool aus." Er ist kein Designer auf Abruf, bei dem man eine Münze einwirft und ein Logo herausfällt. Er krempelt die Ärmel hoch, taucht mit dem Kunden ins Detail ein und behandelt jede Marke wie seine eigene.
Beste Arbeit entsteht für ihn durch tiefe Zusammenarbeit, Vertrauen und gemeinsames Aufbauen — Seite an Seite. Radikale Authentizität ist sein Leitprinzip: keine generischen Templates, keine AI-Slop-Ästhetik, kein Greenwashing. Stattdessen Persönlichkeit, Handschrift, Detailverliebtheit und Mut zum Anders-Sein.
Die Logos-Seite ist Nevios dediziertes Logo- und Brand-Identity-Portfolio. Sie zeigt eine Sammlung selbst entworfener Logos in einem responsiven, quadratischen Grid mit eager-loaded WebP-Bildern in maximaler Qualität. Jedes Logo ist eigenhändig konzipiert, skizziert und finalisiert worden.
Das Herzstück der Seite ist der ausführliche Breakdown des Lynx-Brandings: ein vollständiges Identity-System mit Mesh Gradients, mehreren Logo-Varianten (horizontal, vertikal, Badge, Mono), Farbpalette, Typografie-Set und Anwendungsbeispielen. Die Lynx-Assets werden in reinem Weiss auf dunklem Hintergrund präsentiert, mit negativen Margins für nahtlose Section-Übergänge.
Ein interaktives 22-seitiges 3D-Sketchbook, in dem Besucher virtuell durch Nevios Skizzen, Logo-Entwürfe und Konzeptzeichnungen blättern können. Lokalisierte Cover (DE/EN) und Platzhalter-Seiten. Realisiert mit React Three Fiber.
Am Ende der Seite zeigt eine animierte Container-Section verschiedene Versionen ausgewählter Logos — Farbvariationen, Inversionen, Monochrom-Versionen und Anwendungs-Mockups.
Schwerpunkte der Logo-Arbeit: gothische Brand-Marks, Editorial-Wordmarks, Crest-Designs, monogrammartige Embleme, abstrakte Tierlogos (Luchs/Lynx), handgezeichnete Typografie.
Die Projects-Seite stellt ausgewählte Design- und Entwicklungsprojekte vor. Layout: vertikaler Stapel grosser 16/9-Karten mit Gradient-Overlays, Y2K-Split-Farben in den Titeln (Crimson + Weiss), Stars als Akzent und Wide-Tracking-Subtitles.
Interaktion: Auf Desktop wechseln die Bilder bei Hover von Grayscale zu Farbe (group-hover). Beim Hover öffnet sich ein erweiterbares Multi-Line-Detail-Panel mit Backdrop-Blur, das Kontext, Rolle und Ergebnis des Projekts erklärt. Auf Mobile öffnet sich ein optimiertes Fullscreen-Lightbox-System via React Portal.
Vision-Statement der Seite: „Seite an Seite" — der Fokus liegt auf kollaborativer Zusammenarbeit zwischen Nevio und seinen Kunden, nicht auf einseitiger Auftragsabwicklung. Jedes Projekt wird als gemeinsames Aufbauen verstanden.
Projekt-Typen: Brand-Identity-Systeme, Web-Builds (eigene Portfolio-Site mit React/TypeScript/Tailwind/Three.js), Editorial-Layouts, Plakat-Designs, Verpackungs-Konzepte.
Die About-Seite ist Nevios persönlicher Manifesto-Bereich. Sie ist als „VIEL TEXT"-Erlebnis konzipiert — narrativer Fokus, kein Buzzword-Listing.
Visuelle Dekoration: dezente pulsierende Sterne, ambient Gradients, überlappende farbige Emojis (Rot, Gelb, Lila) für chaotische Y2K-Energie.
Kontaktaufnahme erfolgt über drei Wege:
Visuelle Besonderheiten: rounded-2xl Kontaktkarten mit overflow-hidden und hohem z-index. Auf Desktop ein präzises Lynx-Badge-Wasserzeichen auf den Karten. Eine interaktive Pixel-Character-Speech-Komponente mit animiertem bilingualem Rotationstext sorgt für Persönlichkeit.
Kontaktdaten:
Die Startseite ist kompakt und links-orientiert aufgebaut mit einem rechts platzierten 3D Chrome Torus als visuellem Anker. Sie umfasst folgende Sections:
React, TypeScript, Vite, Tailwind CSS, Three.js / React Three Fiber für 3D-Elemente (Chrome Torus, Sketchbook), Framer Motion für Animationen, Supabase / Lovable Cloud für Kontaktformular und Backend-Funktionen, Resend für Mail-Versand.