adler.studio animated minimalist adler logo
adler.studio

Physische Sammelkarten für Creators

Poca
Dieser Beitrag wurde von Hand geschrieben. Das ist kein KI-generierter Slop.
Wenn du dich für unseren Prozess und dafür interessierst, wie wir dieses konkrete Produkt gebaut haben, ist dieser Beitrag deine Zeit wert.
thumbnail

Vienna x Vegas

Ein Kunde aus Las Vegas kam mit einem klaren Ziel auf uns zu. Er möchte ein Produkt bauen, mit dem Creator (genauer gesagt Cosplayer als erste Nische) Sammelkarten für ihre Fans produzieren und verkaufen können. Die Seite soll einfach und schnell zu bedienen sein udn eine reibungslose Conversion garantieren.

Projektkontext Las Vegas

Unser Kunde ist selbst ein Cosplayer aus Las Vegas

Eine knallige Landingpage für die richtige Zielgruppe

Wir haben eine Landingpage konzipiert und umgesetzt, die ganz im Zeichen von Creator-Kultur steht: kontrastreiche Visuals, spielerische Produktinszenierung und conversion-orientierte Sektionen, die Fans und Sammler direkt ansprechen.

POCA Landingpage Walkthrough

Naming und Domain-Strategie

In der Ideationsphase mit unserem Kunden haben wir den Namen POCA (photo cards) herausgearbeitet, die Positionierung validiert und uns die Domain poca.cards gesichert, solange sie noch verfügbar war.

Trading Cards zu designen macht erwartungsgemäß Spaß

Wir haben die physischen Karten im TCG-Stil komplett in-house und von Grund auf gestaltet, inklusive Vorder- und Rückseiten sowie dem Design der Booster-Packs. Dadurch wirkt das gesamte Drop-Erlebnis vom ersten Klick bis zum Unboxing durchgehend stimmig. Das Design der Karten war stellenweise herausfordernd, da sie einerseits die POCA-Brand tragen sollen, andererseits aber nicht zu stark gebrandet sein dürfen, damit Creator genügend Spielraum für ihre eigene visuelle Identität haben.

POCA Karten- und Booster-Pack-Design

Kartenvorderseiten, Kartenrückseiten und Booster-Pack-Design

Onboarding und nahtlose Card-Pack-Customization UI

Die ursprüngliche Idee unseres Kunden war, dass Creator die 20 benötigten Bilder für einen physischen Pack-Drop über Messenger senden. Davon haben wir abgeraten, da Bilder über Messenger in der Regel komprimiert werden und an Qualität verlieren. Um ein nahtloses Erlebnis für Creators zu gewährleisten, haben wir einen Onboarding-Flow gebaut, in dem Bilder direkt auf der Seite hochgeladen und das erste Pack konfiguriert werden kann, ganz ohne externe Tools und ohne Qualitätsverlust.

Pack-Builder Onboarding-Flow

Weitere spielerische Web-UIs

Um die Conversion zu steigern, haben wir einen interaktiven Earnings-Calculator integriert, mit dem Creators sofort sehen können, welches Potenzial sich je nach Pack-Preis und Verkaufsvolumen ergibt.

Interaktiver Creator Revenue Calculator

Über das Branding und Webdesign hinaus unterstützen wir das Projekt aktiv in der Ecommerce-Strategie, inklusive Funnel-Entscheidungen, Offer-Struktur und Optimierung des Kaufprozesses.

Tech Stack

Next.js ist ein React-Framework für die Entwicklung von hochdynamischen Server-Side-Rendered- Webanwendungen
Next.js hat uns schnelle Iterationen für Landingpages und interaktive Conversion-Features ermöglicht, bei gleichzeitig starker Performance.
Tailwind ist ein CSS-Framework für Utility-Klassen, das es ermöglicht, konsistente CSS-Namensgebung über alle Projekte und Teammitglieder hinweg
Mit Tailwind konnten wir die mutige und farbenstarke visuelle Sprache konsistent über alle Sektionen und Breakpoints hinweg umsetzen.
Shopify liefert bewaehrte Ecommerce-Bausteine fuer Checkout, Bestellungen und Operations
Shopify bildet die operative Ecommerce-Basis, insbesondere dort, wo zuverlässiger Checkout und stabile Order-Flows für Creator-Drops entscheidend sind.
Medusa bietet eine flexible Headless-Commerce-Schicht fuer individuelle Creator-Workflows
Für größere Creator und individuellere Anforderungen ermöglichen Medusa-ähnliche Headless-Commerce-Ansätze flexible Skalierung.
Adobe Illustrator nutzen wir fuer hochaufloesende druckfertige Assets und Packaging-Details
Illustrator kam für druckfertige Karten-Assets und Packaging-Details zum Einsatz, bei denen Präzision und Kontrolle beim Export entscheidend sind.
Figma ist ein Design-Tool das Live-Kollaboration und Design-Iterations ermöglicht
Figma war zentral für schnelles Prototyping, Card-Layout-Reviews und Feedback-Schleifen zwischen Produkt und Brand.
Andere Projekte
Let's talk about your project (or idea)
100% free
confidential
no strings attached
short notice
transparent

We usually reply within 12 hours

By submitting you agree to our Privacy Policy.

or
Let's hop on a call right away

No strings attached, 100% free

registered business name
adlerlagune OG
VAT ID
ATU80612507
address
Seitenstettengasse 5/37
1010 Vienna
Austria
Innsbruck, Tyrol
Insbruck
Stephansdom
St. Stephen's Cathedral, Vienna
Tyrolean folk music
Mayerhofner
Leberkässemmel + energy drink (popular Austrian breakfast)
Leberkässemmel
European flag
European
Union
Republic of
Austria
European Union
adler.studio