t'atelier: Mein Projekt im Detail 〰️ vandermost.design

Projekt

t'Atelier, ein Handwerksbetrieb für Taschenreparatur, brauchte ein visuelles Rebranding für eine modernere und professionellere Ausstrahlung. Ich entwickelte ein neues Logo, das Handwerk und Moderne verbindet, ein vollständiges Farbsystem und Typografie-Richtlinien. Dazu entstanden Instagram-Templates für konsistente Social-Media-Präsenz — anpassbar für verschiedene Content-Typen wie Projekte, News und Angebote. Das Branding-System ist vollständig selbst pflegbar.

zeitspanne

1 Monat

branche

Taschenreparaturen

Strategien & Konzepte

<div data-tn style="display:none">Rebranding-Strategie</div><style> .ta-ks{max-width:100%;width:100%;background:#150D0C;padding:40px 24px;font-family:Trispace,sans-serif} .ta-ks-title{text-align:left;font-weight:700;font-size:17px;color:#F1EBC9;margin:0 0 16px} .ta-ks-sub{text-align:left;font-size:13px;color:rgba(241,235,201,0.55);margin:0 0 28px} .ta-ks-timeline{max-width:640px;margin:0 auto;position:relative;padding-left:24px} .ta-ks-timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:#2A2020} .ta-ks-step{position:relative;margin-bottom:24px;padding-left:24px} .ta-ks-step::before{content:'';position:absolute;left:-20px;top:6px;width:12px;height:12px;border-radius:50%;background:#F1EBC9;border:2px solid #150D0C} .ta-ks-step-title{font-weight:700;font-size:14px;color:#F1EBC9;margin:0 0 6px} .ta-ks-step-text{font-size:12px;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-']{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}}</style> <div class="ta-ks"> <h3 class="ta-ks-title">Rebranding-Prozess</h3> <p class="ta-ks-sub">Von der Analyse zum neuen Markenauftritt</p> <div class="ta-ks-timeline"> <div class="ta-ks-step"> <p class="ta-ks-step-title">1. Markenanalyse</p> <p class="ta-ks-step-text">Bestandsaufnahme des bestehenden Auftritts. Identifikation von Schwachen: fehlende Konsistenz, veraltete Typografie, keine Social-Media-Strategie.</p> </div> <div class="ta-ks-step"> <p class="ta-ks-step-title">2. Zielgruppen-Definition</p> <p class="ta-ks-step-text">Primar: Besitzer hochwertiger Taschen (Hermes, Chanel, Louis Vuitton). Bedurfnis: Vertrauen in handwerkliche Qualitat und diskreten Service.</p> </div> <div class="ta-ks-step"> <p class="ta-ks-step-title">3. Logo-Redesign</p> <p class="ta-ks-step-text">Neue Wortmarke mit klarer, eleganter Typografie. Reduziert, zeitlos, premium - passend zur Zielgruppe und den reparierten Luxusmarken.</p> </div> <div class="ta-ks-step"> <p class="ta-ks-step-title">4. Template-System</p> <p class="ta-ks-step-text">Instagram-Templates für 5 Content-Kategorien. Visitenkarten mit neuem Branding. Einheitliche visuelle Sprache über alle Touchpoints.</p> </div> </div> </div>

Research & Analysen

UX MEthoden

<div data-tn style="display:none">Social-Media-System</div><style> .ta-sm{max-width:100%;width:100%;background:#150D0C;padding:40px 24px;font-family:Trispace,sans-serif} .ta-sm-title{text-align:left;font-weight:700;font-size:17px;color:#F1EBC9;margin:0 0 16px} .ta-sm-sub{text-align:left;font-size:13px;color:rgba(241,235,201,0.55);margin:0 0 28px} .ta-sm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;max-width:840px;margin:0 auto} .ta-sm-template{background:#1C1C1C;border:1px solid #2A2020;border-radius:12px;padding:20px;text-align:left} .ta-sm-template-icon{font-size:24px;margin-bottom:8px} .ta-sm-template-name{font-weight:700;font-size:13px;color:#F1EBC9;margin:0 0 6px} .ta-sm-template-desc{font-size:11px;color:rgba(241,235,201,0.55);line-height:1.5;margin:0} .ta-sm-note{max-width:640px;margin:24px auto 0;background:rgba(241,235,201,0.05);border:1px solid #2A2020;border-radius:8px;padding:16px} .ta-sm-note-text{font-size:12px;color:rgba(241,235,201,0.55);line-height:1.6;margin:0;text-align:left} @media(max-width:767px){[class*='-grid'],[class*='-pillars'],[class*='-phases'],[class*='-row'],[class*='-flow'],[class*='-metrics'],[class*='-principles'],[class*='-cards'],[class*='-deliverables'],[class*='ux-']{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}}</style> <div class="ta-sm"> <h3 class="ta-sm-title">Instagram Template-System</h3> <p class="ta-sm-sub">5 spezialisierte Templates für konsistenten Content</p> <div class="ta-sm-grid"> <div class="ta-sm-template"> <div class="ta-sm-template-icon">👜</div> <p class="ta-sm-template-name">Vorher / Nachher</p> <p class="ta-sm-template-desc">Split-Screen Format für Reparatur-Ergebnisse</p> </div> <div class="ta-sm-template"> <div class="ta-sm-template-icon">🛠️</div> <p class="ta-sm-template-name">Services</p> <p class="ta-sm-template-desc">Leistungsübersicht mit Icon-System</p> </div> <div class="ta-sm-template"> <div class="ta-sm-template-icon">🎬</div> <p class="ta-sm-template-name">Behind the Scenes</p> <p class="ta-sm-template-desc">Einblicke in die Werkstatt</p> </div> <div class="ta-sm-template"> <div class="ta-sm-template-icon">⭐</div> <p class="ta-sm-template-name">Testimonials</p> <p class="ta-sm-template-desc">Kundenbewertungen im Brand-Look</p> </div> <div class="ta-sm-template"> <div class="ta-sm-template-icon">📰</div> <p class="ta-sm-template-name">Tipps & Pflege</p> <p class="ta-sm-template-desc">Expertenwissen für Taschenbesitzer</p> </div> </div> <div class="ta-sm-note"> <p class="ta-sm-note-text">Alle Templates in Canva erstellt - eigenstandig anpassbar durch die Kundin ohne Designkenntnisse.</p> </div> </div>

Visual design

<!DOCTYPE html><html lang="de"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><style> *{margin:0;padding:0;box-sizing:border-box;}body{background:#150D0C;color:#F1EBC9;font-family:Trispace,sans-serif;}.ta-eg-container{padding:40px 32px;max-width:1200px;margin:0 auto;}.ta-eg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px;}.ta-eg-card{background:#1C1C1C;border:1px solid #2A2020;padding:20px;}.ta-eg-card h3{font-size:14px;margin-bottom:8px;font-weight:normal;}.ta-eg-card p{font-size:12px;line-height:1.5;color:rgba(241,235,201,0.55);}h2{font-size:28px;margin-bottom:32px;font-weight:normal;}@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></head><body><div class="ta-eg-container"><h2>Deliverables</h2><div class="ta-eg-grid"><div class="ta-eg-card"><h3>Neues Logo</h3><p>Modernes,zeitgenössisches Logo-Design. Elegante Geometrie mit Handwerk-Symbolik. Skalierbar für alle Medien und Größen.</p></div><div class="ta-eg-card"><h3>Visitenkarten</h3><p>Premium-Druck auf hochwertigem Karton. Farbschema konsistent mit Markenrichtlinien. Haptisches Designelement für Luxus-Anmutung.</p></div><div class="ta-eg-card"><h3>Instagram-Templates</h3><p>5 Template-Typen für organische Post-Variétät. Carousel-Sets für Prozessdarstellung. Konsistente Farbgestaltung und Typografie.</p></div><div class="ta-eg-card"><h3>Brand Guidelines</h3><p>Umfassende Dokumentation aller Elemente. Logo-Verwendung,Farben,Schriften. Mindestabstände,Anwendungskontext,Fehlerhafte Verwendung.</p></div></div></div></body></html>

<!DOCTYPE html><html lang="de"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><style> *{margin:0;padding:0;box-sizing:border-box;}body{background:#150D0C;color:#F1EBC9;font-family:Trispace,sans-serif;}.ta-vis-container{padding:40px 32px;max-width:1200px;margin:0 auto;}.ta-vis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:24px;}.ta-vis-card{background:#1C1C1C;border:1px solid #2A2020;padding:24px;}h2{font-size:28px;margin-bottom:32px;font-weight:normal;}h3{font-size:16px;margin-bottom:16px;font-weight:normal;}.ta-vis-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;}.ta-vis-color{aspect-ratio:1;border-radius:4px;border:1px solid #2A2020;}.ta-vis-color-1{background:#2A1F1C;}.ta-vis-color-2{background:#D4A574;}.ta-vis-color-3{background:#F1EBC9;}.ta-vis-color-4{background:#8B7A6B;}.ta-vis-typo{margin-top:16px;}.ta-vis-sample{font-size:14px;line-height:1.6;margin:12px 0;}.ta-vis-label{font-size:10px;color:rgba(241,235,201,0.55);margin-top:8px;}@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></head><body><div class="ta-vis-container"><h2>Visuelles System</h2><div class="ta-vis-grid"><div class="ta-vis-card"><h3>Farbpalette</h3><div class="ta-vis-palette"><div><div class="ta-vis-color ta-vis-color-1"></div><div class="ta-vis-label">Dunkelbraun</div></div><div><div class="ta-vis-color ta-vis-color-2"></div><div class="ta-vis-label">Beige-Gold</div></div><div><div class="ta-vis-color ta-vis-color-3"></div><div class="ta-vis-label">Creme</div></div><div><div class="ta-vis-color ta-vis-color-4"></div><div class="ta-vis-label">Taupe</div></div></div><div style="font-size:11px;color:rgba(241,235,201,0.55);margin-top:12px;line-height:1.5;"> Premium-Farbschema mit Erd- und Luxus-Tönen. Warme,zeitlose Eleganz. </div></div><div class="ta-vis-card"><h3>Typografie</h3><div class="ta-vis-typo"><div class="ta-vis-sample">Trispace Medium</div><div class="ta-vis-sample" style="font-size:12px;">Körpertext in Trispace</div><div class="ta-vis-sample" style="font-size:11px;color:rgba(241,235,201,0.55);">Caption & Fußnoten</div></div><div style="font-size:11px;color:rgba(241,235,201,0.55);margin-top:12px;line-height:1.5;"> Konsistente Schriftfamilie für alle Ebenen. Moderne,reduktive Anmutung. </div></div></div></div></body></html>

ergebnis

<!DOCTYPE html><html lang="de"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><style> *{margin:0;padding:0;box-sizing:border-box;}body{background:#150D0C;color:#F1EBC9;font-family:Trispace,sans-serif;}.ta-faz-container{padding:40px 32px;max-width:1200px;margin:0 auto;}.ta-faz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:24px;}.ta-faz-metric{background:#1C1C1C;border:1px solid #2A2020;padding:24px;}.ta-faz-label{font-size:11px;color:rgba(241,235,201,0.55);text-transform:uppercase;letter-spacing:0px;margin-bottom:8px;}.ta-faz-value{font-size:22px;font-weight:normal;margin-bottom:12px;}.ta-faz-description{font-size:12px;color:rgba(241,235,201,0.55);line-height:1.5;}.ta-faz-insight{background:#1C1C1C;border:1px solid #2A2020;padding:24px;grid-column:1 / -1;}.ta-faz-insight h3{font-size:16px;margin-bottom:12px;font-weight:normal;}.ta-faz-insight p{font-size:13px;line-height:1.6;color:rgba(241,235,201,0.55);}h2{font-size:28px;margin-bottom:32px;font-weight:normal;}@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></head><body><div class="ta-faz-container"><h2>Fazit</h2><div class="ta-faz-grid"><div class="ta-faz-metric"><div class="ta-faz-label">Branding</div><div class="ta-faz-value">Logo + Social</div><div class="ta-faz-description">Komplette Markenidentität</div></div><div class="ta-faz-metric"><div class="ta-faz-label">Fokus</div><div class="ta-faz-value">Instagram + Print</div><div class="ta-faz-description">Digital-first mit Print-Qualität</div></div><div class="ta-faz-metric"><div class="ta-faz-label">Zeitraum</div><div class="ta-faz-value">2021</div><div class="ta-faz-description">Schnelle Umsetzung,großer Impact</div></div><div class="ta-faz-metric"><div class="ta-faz-label">Ergebnis</div><div class="ta-faz-value">✓</div><div class="ta-faz-description">Konsistente Brand-Präsenz</div></div><div class="ta-faz-insight"><h3>Zusammenfassung</h3><p>Das Branding für t'atelier transformierte ein veraltetes Unternehmen in eine moderne Luxury-Marke. Das neue Logo verbindet handwerkliche Tradition mit zeitgenössischer Ästhetik. Instagram-Templates und Print-Materialien etablierten eine konsistente visuelle Sprache. Durch Premium-Materialwahl und sorgfältige Umsetzung konnte die Positionierung als hochqualitativer Service gefestigt werden. Die Marke strahlt jetzt Exklusivität aus und spricht gezielt Premium-Klientel an.</p></div></div></div></body></html>

t'atelier

Lieferumfang

Plattformen

Jahr

Nutzen