Branding & Logoentwicklung
Logos, Wortmarken und Farbwelten, die in verschiedenen Medien funktionieren.
Mediengestalter Digital & Print
Mathias Lampe – Mediengestalter Digital und Print. Portfolio.
Über mich
Hey!
Ich bin Mathias Lampe, ausgebildeter und IHK-geprüfter Mediengestalter Digital und Print. Am liebsten arbeite ich an Projekten, bei denen Gestaltung und technische Umsetzung zusammenkommen.
Mein Schwerpunkt liegt auf Branding, Webdesign und Print. Dabei betrachte ich Farben, Schriften, Bilder und Aufbau nicht einzeln, sondern als Teile eines gemeinsamen Auftritts.
Ich arbeite ruhig, strukturiert und probiere gern neue Techniken aus. Games und digitale Medien interessieren mich besonders, weil dort Gestaltung, Atmosphäre und Interaktion direkt zusammenspielen.
Schnellzugriff
Inhalte
Direkt zu den wichtigsten Bereichen, Projekten und Kontaktmöglichkeiten.
Was ich mitbringe
Fähigkeiten
Ich konzipiere und gestalte Marken, responsive Websites und Printmedien. Dabei begleite ich Projekte vom ersten Entwurf bis zur fertigen Datei oder umgesetzten Website.
Webdesign & Frontend
Responsive Layouts, klare Nutzerführung und Interaktionen mit HTML, CSS und JavaScript.
Printmedien & Layout
Flyer, Dokumentationen und Editorial-Layouts mit klarer Typografie und sauberer Reinzeichnung.
Bildbearbeitung & Social Visuals
Bildbearbeitung, Composings, Mockups und Motive für Social Media.
Werkzeuge
Womit ich arbeite
Adobe & Gestaltung
- PhotoshopFortgeschritten
- IllustratorFortgeschritten
- InDesignSicher
Web & Interface
- HTML & CSSFortgeschritten
- JavaScriptSicher
- Responsive UIFortgeschritten
Produktion
- TypografieSicher
- ReinzeichnungSicher
- DruckvorbereitungFortgeschritten
Auswahl
Projekte
Hier zeige ich drei Projekte, die unterschiedliche Teile meiner Arbeit abdecken: mein IHK-Abschlussprojekt, eine freie Markenentwicklung und diese Portfolio-Website.
Case 01
Paula's Garden
Mein IHK-Abschlussprojekt: eine Webapp mit UI-Konzept, grafischen Anwendungen und vollständiger Projektdokumentation.
Hauptprojekt Case 02Rifthafen
Eine freie Markenentwicklung für ein fiktives Game-Studio, vom Signet über Farben und Typografie bis zu den Anwendungen.
Marken-Fallstudie Case 03Portfolio Website
Konzeption, Gestaltung und Umsetzung dieser Website mit responsivem Layout, Interaktionen, HTML, CSS und JavaScript.
Webdesign & FrontendLogoarbeiten
Hier zeige ich einige Logos aus meiner Ausbildung und aus freien Projekten.
Ein Kombinationszeichen für eine fiktive Bäckerei. Die Ähre ergänzt die Wortmarke und greift das Handwerk direkt auf.
Mein persönliches Monogramm, reduziert für den Einsatz auf der Website, in Social Media und im Print.
Case 01
Real & bewertet
Abschlussprojekt
Paula's Garden
Paula's Garden war mein IHK-Abschlussprojekt. Für den fiktiven Gartenladen habe ich eine mehrseitige Webapp, vier Gutscheinmotive und die zugehörige Dokumentation entwickelt. Wichtig war, dass Print und Web sichtbar zusammengehören und die Bedienung auch auf dem Tablet verständlich bleibt.
Recherche, Planung, Gestaltungsidee und Vorbereitung der Dokumentation.
Zeitansatz für das konzeptionelle Prüfungsstück im offiziellen Rahmen.
Technische Umsetzung und Ausarbeitung der finalen digitalen Anwendung.
Aus der Dokumentation
Vom Prüfungsbriefing zum Gestaltungssystem
Die Prüfungsaufgabe verband Print und Digital. Dafür habe ich vier Gutscheinmotive, eine responsive Webapp und die Dokumentation zu einem gemeinsamen Gestaltungssystem ausgearbeitet.
4 Gutscheinmotive
1 Gutschein-Generator
Tablet Querformat
Print + Web ein System
Natur, Nähe und Nachhaltigkeit
Florale Elemente, ruhige Formen und natürliche Farben übersetzen die Gartenwelt in einen warmen, persönlichen Auftritt.
Eine ruhige Basis, vier Stimmungen
#75A294
#FBE299
F5B0B6
#1D1D3C
Roboto trifft Playfair Display
Roboto hält Interface und Navigation klar. Playfair Display setzt den Gutschein-Titel emotional ab; ein festes Raster ordnet die Tablet-Ansicht.
In wenigen Schritten personalisiert
Motiv auswählen, Namen und Nachricht ergänzen, Gutschein erzeugen. Die feste Seitennavigation hält den Weg jederzeit verständlich.
Fallstudie
Rifthafen
Rifthafen ist eine freie Markenentwicklung für ein fiktives Game-Studio. Ziel war ein flexibler Auftritt, der atmosphärisch und erwachsen wirkt, ohne typische Gaming-Symbole zu verwenden.
Den Namen habe ich bewusst nicht wörtlich dargestellt. Das Signet verbindet eine P-Form mit der Idee eines Portals und eines Hafenbeckens. Dadurch funktioniert es klein als Favicon und groß im Key Visual.
Rifthafen — Games begin here.
Warum diese Richtung
Abstraktion statt Illustration
Ich habe den Namen nicht wörtlich dargestellt, sondern daraus ein eigenständiges Studio-Signet entwickelt.
Portal als Markenidee
Die Öffnung erinnert an ein Portal und steht für den Einstieg in eine neue Spielwelt.
Skalierbar & systemreif
Die Grundform bleibt vom kleinen Favicon bis zum großen Splashscreen unverändert.
Studio ohne Gesicht
Das fiktive Indie-Studio brauchte einen eigenen Auftritt, der professionell und atmosphärisch wirkt.
Name wird Zeichen
Statt den Namen wörtlich zu zeigen, habe ich ihn in ein abstraktes Portal-Signet übersetzt.
System aufbauen
Signet, Farbpalette, Typografie und Anwendungen wurden als zusammenhängendes System entwickelt.
Flexible Markenbasis
Das System lässt sich vom Favicon bis zum Splashscreen einsetzen, ohne seinen Charakter zu verlieren.
System
Markenrichtung
Tiefes Petrol und Studio Surface bilden die ruhige Basis. Portal-Türkis und Soft Coral setzen gezielte Akzente und halten die Markenwelt digital, ohne in einen typischen Gaming-Look abzurutschen.
Tiefes Petrol#0E2227
Studio Surface#17343A
Portal Türkis#69D3CF
Soft Coral#D3696D
Typografie
Weite Grotesk + klare UI-Schrift
Die weit gesetzte Wortmarke wirkt ruhig; die UI-Schrift bleibt auch in kleinen Anwendungen gut lesbar.
Aus dem Namen habe ich ein eigenständiges Zeichen mit Portal- und Studio-Assoziation entwickelt.
Farben, Typografie, Signet und Key Visual greifen in allen Anwendungen dieselben Regeln auf.
Das Projekt zeigt, wie ich aus einer ersten Idee ein durchgängiges Erscheinungsbild entwickle.
Bei einer Weiterentwicklung würde ich noch Interface-Zustände, Motion-Regeln und eine kleine Komponentenbibliothek ergänzen.
Zum Key Visual: Das Hintergrundmotiv zeigt die gewünschte Stimmung der fiktiven Markenwelt. Es ist ein Mood Visual und kein Screenshot eines veröffentlichten Spiels.
Mehr Arbeiten
Galerie
In der Galerie sammle ich weitere Arbeiten aus Logo, UI, Print, Fotografie, 3D und Illustration. Die Auswahl zeigt Projekte und Übungen, die keinen eigenen Case brauchen, aber trotzdem zu meinem Portfolio gehören.
Kontakt
Schreib mir.
Du hast eine Frage, möchtest über ein Projekt sprechen oder suchst Unterstützung im Bereich Gestaltung? Dann kannst du mir hier direkt eine Nachricht senden.