Home
Projekte
über mich
Kontakt
SpiceSync – Branding und Webdesign für Gewürz-Marke

Umfassendes Branding & Website für Gewürzmarke. Von Logo bis Website-Design mit konsistenter Brand-Architektur.

Branding
Webdesign

SpiceSync

2023
Projekt

SpiceSync brauchte eine vollständige Brand-Identität und E-Commerce-Website für den Markteintritt im Premium-Gewürzsegment. Von Logo über Farbpalette und Typografie bis zu Bildsprache und Branding-Guidelines entwickelte ich das gesamte visuelle System. Die E-Commerce-Website präsentiert die Gewürze mit ihren Herkunftsgeschichten, integriert Newsletter und bietet ein einfaches Bestell-Erlebnis. Responsive, SEO-optimiert und mit klarer Premium-Positionierung.

zeitspanne
1 Monat
branche
Lebensmittel
Strategien & Konzepte
<div data-tn style="display:none">Markenkonzept</div><style>.spicesync-ks-container { background: #150D0C; color: #F1EBC9; font-family: Trispace,sans-serif; padding: 32px; border-radius:0; max-width: 100%; }.spicesync-ks-section { margin-bottom: 24px; }.spicesync-ks-title { font-family: Trispace,sans-serif; font-size: 24px; font-weight: 600; margin-bottom: 16px; }.spicesync-ks-subtitle { color: rgba(241,235,201,0.55); font-size: 14px; margin-bottom: 12px; }.spicesync-ks-box { background: #1C1C1C; border: 1px solid #2A2020; border-radius:0; padding: 20px; margin-top: 12px; }.spicesync-ks-label { font-family: Trispace,sans-serif; font-size: 12px; color: rgba(241,235,201,0.55); text-transform: uppercase; margin-bottom: 8px; }.spicesync-ks-value { font-size: 16px; font-weight: 500; margin-bottom: 12px; }}@media(max-width:767px){[class*='-grid'],[class*='-pillars'],[class*='-phases'],[class*='-row'],[class*='-flow'],[class*='-metrics'],[class*='-principles'],[class*='-cards'],[class*='-deliverables'],[class*='ux-'],[class*='vis-'],[class*='faz-']{grid-template-columns:1fr!important;flex-direction:column!important}[class*='-mb']{min-height:500px!important}[class*='-mb-img']{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:320px!important;margin:8px auto!important;display:block!important}h2{font-size:22px!important}h3{font-size:16px!important}[class$='-container'],[class*='-wrap'],[class*='-content']{padding:20px 12px!important;max-width:100%!important;overflow-x:hidden!important}}</style><div class="spicesync-ks-container"><div class="spicesync-ks-section"><div class="spicesync-ks-title">SpiceSync - Mission & Vision</div><div class="spicesync-ks-subtitle">Gewürze für die globale Küche</div></div><div class="spicesync-ks-box"><div class="spicesync-ks-label">Mission</div><div class="spicesync-ks-value">Hochwertige, ethisch beschaffte Gewürze für bewusste Köche weltweit</div><div class="spicesync-ks-label" style="margin-top: 16px;">Vision</div><div class="spicesync-ks-value">Ein globales Ökosystem für authentische, nachhaltige Kulinarik</div></div></div>
Research & Analysen
<div data-tn style="display:none">Zielgruppenanalyse</div><style>.spicesync-ra-container { background: #150D0C; color: #F1EBC9; font-family:Trispace,sans-serif; padding: 32px; border-radius:0; max-width: 100%; }.spicesync-ra-title { font-family:Trispace,sans-serif; font-size: 24px; font-weight: 600; margin-bottom: 8px; }.spicesync-ra-subtitle { color: rgba(241,235,201,0.55); font-size: 14px; margin-bottom: 24px; }.spicesync-ra-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }.spicesync-ra-card { background: #1C1C1C; border: 1px solid #2A2020; border-radius:0; padding: 16px; transition: all 0.3s ease; }.spicesync-ra-card:hover { border-color: #2A2020; box-shadow: 0 4px 12px rgba(241,235,201,0.08); }.spicesync-ra-card-name { font-weight: 600; margin-bottom: 8px; }.spicesync-ra-card-feature { color: rgba(241,235,201,0.55); font-size: 12px; line-height: 1.5; }.spicesync-ra-grid { grid-template-columns: 1fr; } }@media(max-width:767px){[class*='-grid'],[class*='-pillars'],[class*='-phases'],[class*='-row'],[class*='-flow'],[class*='-metrics'],[class*='-principles'],[class*='-cards'],[class*='-deliverables'],[class*='ux-'],[class*='vis-'],[class*='faz-']{grid-template-columns:1fr!important;flex-direction:column!important}[class*='-mb']{min-height:500px!important}[class*='-mb-img']{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:320px!important;margin:8px auto!important;display:block!important}h2{font-size:22px!important}h3{font-size:16px!important}[class$='-container'],[class*='-wrap'],[class*='-content']{padding:20px 12px!important;max-width:100%!important;overflow-x:hidden!important}}</style><div class="spicesync-ra-container"><div class="spicesync-ra-title">Zielgruppenanalyse</div><div class="spicesync-ra-subtitle">Personas und Nutzerverhalten in der Lebensmittelbranche</div><div class="spicesync-ra-grid"><div class="spicesync-ra-card"><div class="spicesync-ra-card-name">Hobbyköche</div><div class="spicesync-ra-card-feature">25-45 Jahre, kulinarisch interessiert, experimentieren gerne mit neuen Gewürzmischungen</div></div><div class="spicesync-ra-card"><div class="spicesync-ra-card-name">Ernährungsbewusste</div><div class="spicesync-ra-card-feature">30-55 Jahre, achten auf Qualität und Herkunft, suchen nach natürlichen Produkten</div></div><div class="spicesync-ra-card"><div class="spicesync-ra-card-name">Gesundheitsorientierte</div><div class="spicesync-ra-card-feature">20-40 Jahre, interessiert an ayurvedischen und ethnischen Küchen, Wellness-fokussiert</div></div><div class="spicesync-ra-card"><div class="spicesync-ra-card-name">Nachhaltigkeitsanhänger</div><div class="spicesync-ra-card-feature">25-50 Jahre, umweltbewusst, bevorzugen nachhaltig produzierte und verpackte Produkte</div></div></div></div>
UX MEthoden
<div data-tn style="display:none">Designmethode</div><style>.spicesync-ux-container { background: #150D0C; color: #F1EBC9; font-family: Trispace,sans-serif; padding: 32px; border-radius:0; max-width: 100%; }.spicesync-ux-title { font-family: Trispace,sans-serif; font-size: 24px; font-weight: 600; margin-bottom: 24px; }.spicesync-ux-phase { margin-bottom: 24px; }.spicesync-ux-phase-name { font-family: Trispace,sans-serif; font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #F1EBC9; }.spicesync-ux-phase-desc { color: rgba(241,235,201,0.55); font-size: 14px; line-height: 1.6; }.spicesync-ux-divider { height: 2px; background: rgba(241,235,201,0.08); margin: 20px 0; }}@media(max-width:767px){[class*='-grid'],[class*='-pillars'],[class*='-phases'],[class*='-row'],[class*='-flow'],[class*='-metrics'],[class*='-principles'],[class*='-cards'],[class*='-deliverables'],[class*='ux-'],[class*='vis-'],[class*='faz-']{grid-template-columns:1fr!important;flex-direction:column!important}[class*='-mb']{min-height:500px!important}[class*='-mb-img']{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:320px!important;margin:8px auto!important;display:block!important}h2{font-size:22px!important}h3{font-size:16px!important}[class$='-container'],[class*='-wrap'],[class*='-content']{padding:20px 12px!important;max-width:100%!important;overflow-x:hidden!important}}</style><div class="spicesync-ux-container"><div class="spicesync-ux-title">Design-Prozess: Von der Idee zum Produkt</div><div class="spicesync-ux-phase"><div class="spicesync-ux-phase-name">1. Recherche & Analyse</div><div class="spicesync-ux-phase-desc">Marktforschung, Zielgruppenanalyse, Konkurrenzbeobachtung und Trend-Analyse zur Positionierung</div></div><div class="spicesync-ux-divider"></div><div class="spicesync-ux-phase"><div class="spicesync-ux-phase-name">2. Konzeptentwicklung</div><div class="spicesync-ux-phase-desc">Brand-Strategie, Positioning, Naming und visuelle Identität basierend auf Insights</div></div><div class="spicesync-ux-divider"></div><div class="spicesync-ux-phase"><div class="spicesync-ux-phase-name">3. Visuelles Design</div><div class="spicesync-ux-phase-desc">Logo, Farbschema, Typografie und Design-System für konsistente Markenausstrahlung</div></div></div>
Visual design
<div data-tn style="display:none">Ergebnisse</div><style>.spicesync-eg-container{background:#150D0C;color:#F1EBC9;font-family:Trispace,sans-serif;padding:32px;max-width:100%}.spicesync-eg-title{font-family:Trispace,sans-serif;font-size:24px;font-weight:600;margin-bottom:8px}.spicesync-eg-subtitle{color:rgba(241,235,201,0.55);font-size:14px;margin-bottom:24px}.spicesync-eg-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.spicesync-eg-item{background:#1C1C1C;border:1px solid #2A2020;padding:16px;text-align:left}.spicesync-eg-icon{font-size:40px;margin-bottom:12px}.spicesync-eg-name{font-family:Trispace,sans-serif;font-weight:600;margin-bottom:8px}.spicesync-eg-desc{color:rgba(241,235,201,0.55);font-size:12px;line-height:1.4}@media(max-width:767px){[class*='-grid'],[class*='-pillars'],[class*='-phases'],[class*='-row'],[class*='-flow'],[class*='-metrics'],[class*='-principles'],[class*='-cards'],[class*='-deliverables'],[class*='ux-'],[class*='vis-'],[class*='faz-']{grid-template-columns:1fr!important;flex-direction:column!important}[class*='-mb']{min-height:500px!important}[class*='-mb-img']{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:320px!important;margin:8px auto!important;display:block!important}h2{font-size:22px!important}h3{font-size:16px!important}[class$='-container'],[class*='-wrap'],[class*='-content']{padding:20px 12px!important;max-width:100%!important;overflow-x:hidden!important}}</style><div class="spicesync-eg-container"><div class="spicesync-eg-title">Projektleistungen</div><div class="spicesync-eg-subtitle">Vollständiges Branding und E-Commerce-Lösung</div><div class="spicesync-eg-gallery"><div class="spicesync-eg-item"><div class="spicesync-eg-name">Branding</div><div class="spicesync-eg-desc">Logo-Design, Farbpalette und Brand Guidelines</div></div><div class="spicesync-eg-item"><div class="spicesync-eg-name">Website</div><div class="spicesync-eg-desc">Responsive E-Commerce-Seite mit Product-Showcase</div></div><div class="spicesync-eg-item"><div class="spicesync-eg-name">Verpackung</div><div class="spicesync-eg-desc">Packaging-Design für Premium-Positionierung</div></div><div class="spicesync-eg-item"><div class="spicesync-eg-name">Social Design</div><div class="spicesync-eg-desc">Social-Media-Templates und Content-Design</div></div></div></div>
<div data-tn style="display:none">Design System</div><style>.ss-ds{max-width:100%;width:100%;background:#150D0C;padding:40px 24px;font-family:Trispace,sans-serif}.ss-ds-title{text-align:left;font-weight:700;font-size:17px;color:#F1EBC9;margin:0 0 16px}.ss-ds-sub{text-align:left;font-size:13px;color:rgba(241,235,201,0.55);margin:0 0 28px}.ss-ds-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:840px;margin:0 auto 16px}.ss-ds-section{background:#1C1C1C;border:1px solid #2A2020;border-radius:0;padding:20px}.ss-ds-section-title{font-weight:700;font-size:13px;color:#F1EBC9;margin:0 0 16px;text-transform:uppercase;gap:12px;flex-wrap:wrap}.ss-ds-color{display:flex;flex-direction:column;align-items:center;gap:6px}.ss-ds-swatch{width:48px;height:48px;border-radius:0;border:1px solid rgba(241,235,201,0.15)}.ss-ds-color-name{font-size:10px;color:rgba(241,235,201,0.55);font-weight:600}.ss-ds-typo-sample{margin:0 0 12px}.ss-ds-typo-label{font-size:10px;color:rgba(241,235,201,0.4);margin:0 0 16px}.ss-ds-typo-text{font-size:22px;font-weight:700;color:#F1EBC9;margin:0;font-family:Trispace,sans-serif}.ss-ds-typo-body{font-size:13px;color:rgba(241,235,201,0.55);line-height:1.6;margin:0}@media(max-width:767px){[class*='-grid'],[class*='-pillars'],[class*='-phases'],[class*='-row'],[class*='-flow'],[class*='-metrics'],[class*='-principles'],[class*='-cards'],[class*='-deliverables'],[class*='ux-'],[class*='vis-'],[class*='faz-']{grid-template-columns:1fr!important;flex-direction:column!important}[class*='-mb']{min-height:500px!important}[class*='-mb-img']{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:320px!important;margin:8px auto!important;display:block!important}h2{font-size:22px!important}h3{font-size:16px!important}[class$='-container'],[class*='-wrap'],[class*='-content']{padding:20px 12px!important;max-width:100%!important;overflow-x:hidden!important}}</style><div class="ss-ds"><h3 class="ss-ds-title">Design System</h3><p class="ss-ds-sub">Premium-Ästhetik mit warmer Gewürz-Palette</p><div class="ss-ds-row"><div class="ss-ds-section"><p class="ss-ds-section-title">Farbpalette</p><div class="ss-ds-colors"><div class="ss-ds-color"><div class="ss-ds-swatch" style="background:#F1EBC9"></div><p class="ss-ds-color-name">Gold</p></div><div class="ss-ds-color"><div class="ss-ds-swatch" style="background:#8B4513"></div><p class="ss-ds-color-name">Zimt</p></div><div class="ss-ds-color"><div class="ss-ds-swatch" style="background:#D2691E"></div><p class="ss-ds-color-name">Kurkuma</p></div><div class="ss-ds-color"><div class="ss-ds-swatch" style="background:#1A1A1A"></div><p class="ss-ds-color-name">Dark</p></div><div class="ss-ds-color"><div class="ss-ds-swatch" style="background:#F5F0EB"></div><p class="ss-ds-color-name">Cream</p></div></div></div><div class="ss-ds-section"><p class="ss-ds-section-title">Typografie</p><div class="ss-ds-typo-sample"><p class="ss-ds-typo-label">Heading / Playfair Display</p><p class="ss-ds-typo-text">SpiceSync</p></div><div class="ss-ds-typo-sample"><p class="ss-ds-typo-label">Body / Inter Regular</p><p class="ss-ds-typo-body">Warme, einladende Typografie für ein Premium-Gewürz-Erlebnis. Elegant und lesbar auf allen Endgeräten.</p></div></div></div></div>
ergebnis
<div data-tn style="display:none">Fazit</div><style>.spicesync-fazit-container{background:#150D0C;color:#F1EBC9;font-family:Trispace,sans-serif;padding:32px;max-width:100%}.spicesync-fazit-title{font-family:Trispace,sans-serif;font-size:24px;font-weight:600;margin-bottom:16px}.spicesync-fazit-text{color:rgba(241,235,201,0.55);font-size:16px;line-height:1.8;margin-bottom:24px}.spicesync-fazit-highlight{background:#1C1C1C;border-left:3px solid #F1EBC9;padding:16px;margin-top:20px}.spicesync-fazit-highlight-title{font-family:Trispace,sans-serif;font-weight:600;margin-bottom:8px}.spicesync-fazit-highlight-text{color:rgba(241,235,201,0.55);font-size:14px}@media(max-width:767px){[class*='-grid'],[class*='-pillars'],[class*='-phases'],[class*='-row'],[class*='-flow'],[class*='-metrics'],[class*='-principles'],[class*='-cards'],[class*='-deliverables'],[class*='ux-'],[class*='vis-'],[class*='faz-']{grid-template-columns:1fr!important;flex-direction:column!important}[class*='-mb']{min-height:500px!important}[class*='-mb-img']{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:320px!important;margin:8px auto!important;display:block!important}h2{font-size:22px!important}h3{font-size:16px!important}[class$='-container'],[class*='-wrap'],[class*='-content']{padding:20px 12px!important;max-width:100%!important;overflow-x:hidden!important}}</style><div class="spicesync-fazit-container"><div class="spicesync-fazit-title">Impact & Fazit</div><div class="spicesync-fazit-text">SpiceSync wurde erfolgreich als Premium-Gewürzmarke positioniert. Durch konsistentes Branding und eine funktionale E-Commerce-Website erhielt das Unternehmen eine professionelle digitale Präsenz, die seine hochwertige Produktofferte unterstreicht.</div><div class="spicesync-fazit-highlight"><div class="spicesync-fazit-highlight-title">Kernpunkte</div><div class="spicesync-fazit-highlight-text">Vollständige Brand-Identität, SEO-optimierte Website, integrierte E-Commerce-Funktionalität und konsistente visuelle Sprache über alle Touchpoints hinweg etabliert.</div></div></div>
ergebnisse

Lieferumfang

Branding + Website

Timeline

2023

Fokus

Premium-Positionierung

Features

Branding + E-Commerce
Designs
SpiceSync – Sticker und Packaging Design
SpiceSync – Website Responsive Ansicht
SpiceSync – Visual Design und Markensprache
abschließeNd
Komplettes Branding & Website erfolgreich gelaunched – Gewüzmarke mit professioneller, Premium-Positionierung etabliert.
Nächstes
projekt
Kontakt
Lass uns
Schnacken       
Sitemap
homeProjekteÜber michKontakt
SOCIALs
WebflowLinkedinINSTAGRAm
Rechtliches
ImpressumDatenschutz
©
2026