Portfolio

Mathias Lampe

Über mich

Hey!

Ich bin Mathias Lampe, Mediengestalter mit Fokus auf klare visuelle Systeme, digitale Auftritte und Gestaltung, die nicht nach Baukasten aussieht.

Mich interessiert der Punkt, an dem Idee, Layout, Typografie, Bildsprache und Nutzerführung zusammenkommen. Ich gestalte Auftritte, die professionell wirken, aber trotzdem Persönlichkeit behalten.

Table Of

Contents

Brand Folio

Visuelle Systeme für Logos, Farbwelten, Typografie und Wiedererkennung.

01 Monogramm

Reduzierte Zeichen für persönliche Marken.

02 Wordmark

Typografische Logos mit klarer Lesbarkeit.

03 Color Code

Farbwelten für Print, Web und Social.

04 Layout Kit

Raster, Regeln und Anwendungen.

Fallstudie

Pixelhafen

Ein visuelles System für ein fiktives Game-Studio zwischen Markenidentität, Digitalität und Atmosphäre.

Pixelhafen bleibt als Name bestehen, wird aber nicht wörtlich illustriert. Die Marke entwickelt sich zu einem abstrakten Studio-Zeichen mit Raum für Story-Games, digitale Welten und eine hochwertige visuelle Präsenz.

Markenidentität Studio-Signet Digitales System Atmosphäre
Projektart Fiktives Corporate Design Rolle Konzept, Logo, Branding, Web Tools Illustrator, Photoshop, HTML/CSS Fokus Markenidentität & Anwendungen

Pixelhafen — Games begin here.

Warum diese Richtung

P
Ikonische P-Form

Ein abstraktes Signet mit hohem Wiedererkennungswert.

Portal-Metapher

Öffnet gedanklich Räume für Geschichten, Abenteuer und neue Welten.

Sehr gut skalierbar

Funktioniert vom Favicon bis zum großen Key Visual.

Studio-reif

Atmosphärisch, hochwertig und zeitlos genug für nachhaltiges Wachstum.

Signet
Favicon
Monochrom
Dunkles Navy#0B1320
Fast Schwarz#0E1117
Warmes Gold#D48A2A
Optional Cyan#28A3B7
Briefing

Modernes Game-Studio

Pixelhafen steht für atmosphärische Indie- und Story-Games mit ruhiger, hochwertiger Markenwirkung.

Zielgruppe

Spieler & Publisher

Menschen, die narrative Spiele, starke Art Direction und glaubwürdige Studio-Marken schätzen.

Werte

Tiefe, Präzision, Präsenz

Das System soll geheimnisvoll, professionell und digital wirken, ohne in Gaming-Klischees zu kippen.

Tonalität

Atmosphärisch und klar

Die Sprache bleibt reduziert, bildhaft und selbstbewusst: mehr Studio-Marke als Illustrationsprojekt.

Ausgewählt 01

Vom Namen zum Zeichen

Statt den Namen Pixelhafen wörtlich zu erzählen, wird das Logo als abstraktes Studio-Zeichen entwickelt: P-Form, Hafenbecken und Portal in digitale Spielwelten.

02

Portal-Marke

Ein reduzierter Öffnungsraum als Symbol für neue Welten, Storytelling und den Moment vor dem Spielstart.

03

Studio-Signet

Ein markenfähiges Zeichen, das mit Wortmarke, Favicon, Key Visual und Merchandise konsistent funktioniert.

System

Markenrichtung

Die visuelle Welt arbeitet mit dunklem Navy, Fast-Schwarz, warmem Gold und einem optionalen Cyan-Akzent. So entsteht ein Studio-Branding, das digital, atmosphärisch und erwachsen wirkt.

Fast Schwarz#0E1117
Warmes Gold#D48A2A
Optional Cyan#28A3B7
Typografie Weite Grotesk + klare UI-Schrift

Großzügige Buchstabenabstände in der Wortmarke, starke Lesbarkeit in Interfaces und Anwendungen.

Website
Hoodie Studio-Merch
Splashscreen
Merch-Bag Alltagskontakt
Favicon Skalierbare Größen
01 Ausgangslage

Ein fiktives Studio braucht eine Marke, die sofort professionell, atmosphärisch und vertrauenswürdig wirkt.

02 Abstraktion

Der Name wird nicht bebildert, sondern in ein eigenständiges Zeichen mit Portal- und Studio-Assoziation übersetzt.

03 System

Wortmarke, Signet-Platz, Farbpalette, Typografie und Key-Visual-Flächen bilden eine flexible Markenbasis.

04 Anwendungen

Website, Hoodie, Splashscreen, Social Media, Visitenkarte und Favicon zeigen die Richtung im Einsatz.

Responsive

Web Design

Websites als klare Wege: starke erste Sekunde, ruhige Führung, saubere mobile Ansichten und Interaktionen, die den Auftritt hochwertiger machen.

Digital

Social Media

Serienfähige Motive, Kampagnenvisuals und Templates, die flexibel bleiben und trotzdem zusammengehören.

Editorial

Print Media

Layouts für Broschüren, Flyer, Präsentationen und Abschlussarbeiten mit klarer Hierarchie, sauberer Typografie und einer hochwertigen Bildsprache.

Working

Process

01

Analyse

Ziele, Zielgruppe und bestehende Schwachstellen werden sortiert.

02

Konzept

Aus der Richtung entsteht ein visuelles System mit Wiedererkennung.

03

Umsetzung

Layouts, Assets und Websites werden sauber ausgearbeitet.

04

Finish

Typografie, Abstände, Kontrast und Interaktion bekommen Feinschliff.

Let us talk

Bereit für einen starken Auftritt?

Schreib mir kurz, worum es geht. Ich melde mich mit einem klaren nächsten Schritt zurück.

ihcxxboss@gmail.com