Zurück zur Übersicht

Kampagnenkonzept für MjAMjAM

Rolle UI Design & Icon Design Jahr 2024 Format Fachprojekt, Team aus 5
  • Wireframing
  • UI Design
  • Icon Design
  • Personas

Kurzüberblick

Das Problem

Eine Online-Marketing-Kampagne für die nachhaltige Heimtierfuttermarke MjAMjAM sollte zwei Zielgruppen mit sehr unterschiedlichen Bedürfnissen gezielt ansprechen.

Die Lösung

Ein Kampagnenkonzept in drei Phasen: Personas als Grundlage, modulare Landingpages und Newsletter-Mails, gestaltet mit einem eigenen Icon-Set.

Mein Beitrag

Teilweise Koordination des Teams. Zusammen mit einer Kommilitonin habe ich die Wireframes der Landingpages und E-Mails, die Designs der Landingpages und Newsletter-Mails sowie das Icon-Set gestaltet.

Das Ergebnis

Ein durchgängiges Konzept von der Zielgruppe bis zu fertigen Landingpages für Desktop, Tablet und Smartphone, Newsletter-Mails und 18 eigenen Icons, umgesetzt als klickbarer Prototyp in Figma.

Das Problem

Im Kurs Marketing Automation (WiSe 2024/25) sollte jedes Team eine Online-Marketing-Kampagne konzipieren und in drei benoteten Abgaben präsentieren: Zielgruppenanalyse und Kampagnenidee, Kampagnenkonzept (Kampagnenmechanik, Wireframes, Anzeigen mit Targeting und Budget) sowie Design und Umsetzung, die am Ende als klickbarer Prototyp in Figma gefordert war. Unser Thema war MjAMjAM, eine nachhaltige Heimtierfuttermarke.

Wie lässt sich eine Kampagne so aufbauen, dass sie zwei Zielgruppen mit unterschiedlichen Bedürfnissen gezielt anspricht und trotzdem wie aus einem Guss wirkt?

Mein UX-Prozess

  1. 01

    Zielgruppenanalyse

    Im Team haben wir zwei Personas entwickelt: eine preisbewusste Katzenhalterin, die trotzdem auf Qualität achtet, und einen Hundehalter, der verträgliches Futter für seine empfindliche Hündin sucht.

  2. 02

    Kampagnenkonzept

    Im Team entstanden die Kampagnenmechanik als Flowchart sowie Anzeigen mit Targeting und Budget. Zusammen mit einer Kommilitonin habe ich die Wireframes für die Landingpages und E-Mails entworfen.

  3. 03

    Design

    Aus den Wireframes wurden fertige Landingpages für Desktop, Tablet und Smartphone sowie Newsletter-Mails von der Anmeldebestätigung bis zur Willkommensmail, zusammengeführt in einem klickbaren Prototyp in Figma.

  4. 04

    Icon-Set

    18 eigene Icons in Figma für eine einheitliche Bildsprache, abgestimmt auf den Markenauftritt von MjAMjAM.

Phase 1: Zielgruppe

Zwei Personas, zwei Bedürfnisse

Grundlage der Kampagne sind zwei Personas, die wir im Team entwickelt haben. Alicia (23) studiert dual im Gesundheitswesen, hat wenig Budget und will bei ihrer Katze Mia trotzdem nicht an der Qualität sparen. Carlos (32) ist IT-Manager und sucht verträgliches Futter für seine Husky-Hündin Nova, die ihr bisheriges Futter nicht verträgt.

Die Personas haben wir selbst erstellt, nur ihre Fotos (Menschen und Haustiere) sind KI-generiert.

Phase 2: Kampagnenkonzept

Wireframes für Landingpages und E-Mails

Aus der Kampagnenmechanik, die wir im Team als Flowchart festgelegt haben, ergaben sich die Seiten und Mails der Kampagne. Zusammen mit einer Kommilitonin habe ich die Wireframes dafür entworfen: modulare Landingpages mit klaren Call-to-Actions, Produktinformationen und Inhaltsblöcken für die jeweilige Zielgruppe, dazu die Wireframes der E-Mails.

Phase 3: Design

Landingpages und Newsletter

Im Anschluss haben wir die Wireframes zu fertigen Designs ausgearbeitet. Der Fokus lag auf einer klaren Struktur und eigenen Icons, die die Seiten übersichtlicher machen. Die Landingpages funktionieren auf Desktop, Tablet und Smartphone, die Newsletter-Mails begleiten die Anmeldung von der Bestätigung bis zur Willkommensmail mit Rabattcode. Alles zusammen haben wir als klickbaren Prototyp in Figma umgesetzt.

18 Icons für eine einheitliche Bildsprache

Für die Landingpages haben wir in Figma ein eigenes Icon-Set gestaltet. Die Icons greifen die Themen der Marke auf (Natur, Qualität, Nährstoffe, Verdauung, Fell und Gelenke) und sorgen für eine einheitliche visuelle Sprache auf allen Seiten.