slides220602/index.html
2022-06-02 12:18:42 +02:00

331 lines
12 KiB
HTML

<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SEO -->
<title>Freibier.cc, Aufbau der Marke</title>
<meta name="description" content="Presentation about Beer and Open Source">
<!-- URL CANONICAL -->
<!-- <link rel="canonical" href="http://freibier.cc/"> -->
<!-- CSS WebSlides -->
<link rel="stylesheet" type='text/css' media='all' href="static/css/webslides.css">
<!-- Optional - CSS SVG Icons (Font Awesome) -->
<link rel="stylesheet" type='text/css' media='all' href="static/css/svg-icons.css">
<link rel="stylesheet" media="screen" href="https://freibier.cc/slides/220602/static/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#333333">
</head>
<body>
<header role="banner">
<nav role="navigation">
<p class="logo"><a href="index.html" title="Freibier.cc, open source beer from Regensburg">Freibier.cc, Aufbau der Marke</a></p>
</nav>
</header>
<main role="main">
<article id="webslides" class="vertical">
<section>
<div class="wrap aligncenter">
<h1><strong>Freibier.cc</strong></h1>
<h2>Aufbau einer Marke im Craft Bier Bereich</h2>
<p class="text-intro">
Sven Wagner
</p>
</div>
<!-- .end .wrap -->
</section>
<section>
<div class="wrap aligncenter">
<h2>Wer steht hier?</h2>
<p class="text-intro">
Sven Wagner
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Ausbildung zum Brauer und Mälzer in mittelständischer Brauerei, 1996 - 1998</li>
<li>Studium zum Diplom-Braumeister, TU München Weihenstephan, 1998 - 2002 </li>
<li>Fast 20 Jahre Inbetriebnehmer für Brauereien weltweit</li>
<li>2016 Mitbegründer Waschraumbrauerei</li>
<li>2020 Mitbegründer freibier.cc </li>
</ul>
</div>
<!-- .end .wrap -->
</section>
<section>
<div class="wrap aligncenter">
<h2>Wer steht hier nicht?</h2>
<p class="text-intro">
Dr. Michael Eberhard
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Studium zum Diplomingenieur für Brauwesen und Getränketechnologie 1995-2001</li>
<li>Promotion zum Dr.-Ing. Brauwesen und Getränketechnologie 2001-2006</li>
<li>Digitalisierung der Brau- und Getränkeindustrie seit 2006</li>
<li>2016 Mitbegründer Waschraumbrauerei</li>
<li>2020 Mitbegründer freibier.cc </li>
</ul>
</div>
<div class="wrap aligncenter">
<p class="text-intro">
Lola
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Liebe Freundin und Designerin</li>
<li>2016 Design Waschraumbrauerei</li>
<li>2020 - bis heute, Design freibier.cc </li>
</ul>
</div>
<!-- .end .wrap -->
</section>
<section>
<div class="wrap aligncenter">
<h2>freibier.cc</h2>
<p class="text-intro">
Open Source Bier aus Regensburg
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Kleine Single Batch Brauerei</li>
<li>Alle Rezepte werden unter einer Open Source Lizenz veröffentlicht, CC-0</li>
<li>Alle verwendeten Materialien mit Lieferant und Chargennummer werden veröffentlicht</li>
</ul>
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Wie alles begann</h2>
<p class="text-intro">
Wie eine Linuxkonferenz die Marke begründete
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Die Firma war gegründet, aber wir hatten keine Idee einer Marke, einer Geschichte zum Bier, etc.</li>
<li>Anfrage einer <a href="https://wiki.debian.org/DebianEvents/de/2021/MiniDebConfRegensburg/" title="MiniDebConf Regensburg">Linuxentwicklerkonferenz</a>, ob wir für sie ein Bier brauen wollen.</li>
<li>Hinweis, dass das Bier mit den <a href="https://de.wikipedia.org/wiki/Debian_Free_Software_Guidelines" title="DFSG">DFSG</a> kompatibel sein sollte.</li>
</ul>
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Lizenz für die Rezepte</h2>
<p class="text-intro">
Warum verwenden wir die CC-0?
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>In Deutschland wird Rezepten die erforderliche Schöpfungshöhe aberkannt, um sie lizenzieren zu können.</li>
<li>Deshalb die Veröffentlichung in die Puplic Domain unter CC-0</li>
</ul>
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Die Kunden</h2>
<p class="text-intro">
Wer kauft eigentlich unser Bier?
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Was lesen unsere Kunden, was schauen sie für Filme, Kino oder Streaming?</li>
<li>Spielen sie am Computer, wenn ja, was?</li>
<li>Was essen unsere Kunden, wo kaufen sie das Essen ein?</li>
<li>Welche Gaststätten besuchen unsere Kunden?</li>
<li>Welche anderen Biere trinken sie?</li>
<li>Was geben unsere Kunden für Lebensmittel aus?</li>
<li>Regional? Bio?</li>
<li>...</li>
</ul>
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Darf ich ihnen Björn vorstellen?</h2>
<p class="text-intro">
So sieht unser "Standardkunde" aus:
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Eher gehobene Mittelschicht, kritisch, hinterfragt Dinge gerne</li>
<li>Technisch, und digital affin, nicht so leicht mit irgendwelchen Gadgets zu überraschen</li>
<li>Dinge müssen Hand und Fuß haben</li>
<li>Genuss nicht abgeneigt, konsumiert bewusst</li>
<li>Bier als Lebens- und Genussmittel</li>
<li>Qualitativ, regional, saisonal, gerne auch mal bio, vegetarisch, ... aber nicht sklavisch</li>
<li>Interesse an Neuem, genauso wie Wiederentdeckung von altem Neuen</li>
<li>Gibt eher mehr Geld für Lebensmittel aus, als der Durchschnitt, aber kein Interesse an reinen Luxusgütern.</li>
</ul>
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Das Moodboard</h2>
<p class="text-intro">
Wie soll das Design jetzt aussehen?
</p>
</div>
<div class="wrap aligncenter">
<img src="./static/img/moodboard.png" width="50%" height="50%" alt="Screenshot des Moodboards">
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Ein Logo muss her</h2>
<p class="text-intro">
Erste Logoentwürfe
</p>
</div>
<div class="wrap aligncenter">
<img src="./static/img/logo1.png" width="50%" alt="Erste Logoentwürfe">
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Das fertige Logo</h2>
</div>
<p></p><p></p>
<div class="wrap aligncenter">
<img src="./static/img/logo.svg" width="70%" alt="Erste Logoentwürfe">
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Was folgte dann?</h2>
<p class="text-intro">
Fonts und Farbschema
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Farbschema knallig, bunt, jedoch nicht auf VGA Palette festglegt</li>
<li>Ein Font für alles</li>
</ul>
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Das erste Bier</h2>
<p class="text-intro">
Jetzt bitte kein Helles oder IPA
</p>
</div>
<div class="wrap alignleft">
<ul>
<li>Alfons Crowley Ingwer Ale</li>
<li>0,33l Vichy Mehrweg Flasche</li>
<li>QR-Code auf Etikett mit Link zum Rezept auf unserer Homepage</li>
</ul>
</div>
</section>
<section>
<div class="wrap aligncenter">
<img src="./static/img/Alfons.png" width="70%" alt="Etikett Alfons Crowley Ingwer Ale">
</div>
</section>
<section>
<div class="wrap aligncenter">
<img src="./static/img/pp.png" width="70%" alt="Etikett Porter Praetoria">
</div>
</section>
<section>
<div class="wrap aligncenter">
<img src="./static/img/mango.png" width="70%" alt="Etikett Mango SMaSH">
</div>
</section>
<section>
<div class="wrap aligncenter">
<img src="./static/img/debian.png" width="70%" alt="Etikett Debian SMaSH">
</div>
</section>
<section>
<div class="wrap aligncenter">
<img src="./static/img/ausn.png" width="70%" alt="Etikett Ausnahmsweisse Doppelt">
</div>
</section>
<section>
<div class="wrap aligncenter">
<img src="./static/img/hell.png" width="70%" alt="Etikett Hell's Sells">
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Jetzt wird es eng</h2>
<p class="text-intro">
Logos müssen Platz finden
</p>
</div>
<div class="wrap aligncenter">
<img src="./static/img/albio.png" width="70%" alt="Etikett Alfons mit Bio-Logo und Auszeichnung"">
</div>
</section>
<section>
<div class="wrap aligncenter">
<h2>Slides</h2>
<p class="text-intro">
Folien zum Download: <a href="https://freibier.cc/slides/220602/">https://freibier.cc/slides/220602/</a>
</p>
<img src="./static/img/qr.svg" alt="QR-Code zum Downlaod der Folien">
</div>
</section>
</article>
<!-- end article -->
</main>
<!-- end main -->
<!-- A global footer
<footr role="contentinfo">
<div class="wrap">
<p>An <a href="https://github.com/webslides/webslides">open source solution</a>, by <a href="https://twitter.com/webslides">@webslides</a>.</p>
</div>
</footer> -->
<!-- Required -->
<script src="static/js/webslides.js"></script>
<script>
window.ws = new WebSlides();
</script>
<!-- OPTIONAL - svg-icons.js (fontastic.me - Font Awesome as svg icons) -->
<script defer src="static/js/svg-icons.js"></script>
</body>
</html>