-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteala-und-gh.html
92 lines (92 loc) · 7.82 KB
/
teala-und-gh.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html><!-- Last Published: Mon Jun 12 2023 12:36:30 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="644bef4231b2e90c1de01ca5" data-wf-site="64480b1d1e4f07f01af1441c" lang="de">
<head>
<meta charset="utf-8">
<title>teala and gebrüderheitz</title>
<meta content="teala and gebrüderheitz" property="og:title">
<meta content="teala and gebrüderheitz" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/teala-turner.webflow.css" rel="stylesheet" type="text/css">
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.svg" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.svg" rel="apple-touch-icon">
</head>
<body>
<div data-animation="default" data-collapse="small" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="padding-global">
<div class="container-xlarge">
<div class="nav_wrapper"><img src="images/teal_navigation-background.svg" loading="lazy" alt="" class="nav_background">
<a href="index.html" class="nav_brand w-nav-brand">
<div class="nav_brand_text">Teala Turner</div>
</a>
<nav role="navigation" class="nav_menu w-nav-menu">
<a href="#https://twitter.com/TealaTurner" target="_blank" class="nav_menu_link is-twitter w-inline-block">
<div class="nav_menu_link_twitter_wrapper"><img src="images/teal_twitter-icon.svg" loading="lazy" alt="" class="nav_twitter-icon">
<div class="nav_menu_link_twitter_text">Twitter</div>
</div>
</a>
<a href="kontakt.html" class="nav_menu_link is-contact w-inline-block">
<div class="nav_menu_link_kontakt_wrapper"><img src="images/teal_mail-icon.svg" loading="lazy" alt="" class="nav_mail-icon">
<div class="nav_menu_link_kontakt_text">Kontakt</div>
</div>
</a>
</nav>
<div class="menu_button w-nav-button">
<div class="menu_icon">Menü</div>
</div>
</div>
</div>
</div>
</div>
<div class="background-bubbles"><img src="images/background_bobble-left.svg" loading="lazy" data-w-id="20dd95de-d23c-a7fa-556d-9d1ce62a190b" alt="" class="background_bubble-left"><img src="images/background_bobble-right.svg" loading="lazy" alt="" class="background_bubble-right"><img src="images/background_bobble-middle.svg" loading="lazy" data-w-id="20dd95de-d23c-a7fa-556d-9d1ce62a190d" alt="" class="background_bubble-middle"></div>
<main class="page-wrapper">
<div class="main-wrapper">
<div class="padding-global">
<section class="section_infopage">
<div class="container-small">
<article class="infopage_wrapper">
<h1 class="infopage_heading">Unsere unterschiedlichen Themenkomplexe: digital oder teal?</h1>
<div class="padding-bottom padding-medium"></div>
<p class="text-size-medium">Als Digitalagentur arbeiten wir für unsere Kund*innen an digitalen Lösungen in Form von Websites, Web- und Mobile Apps und mehr. New Work gehört also nicht gerade zu unserem Kerngeschäft. Dennoch sind uns Themen wie Selbstorganisation, Achtsamkeit und Teal sehr wichtig. Wir standen also vor einem kleinen Dilemma: Wir wollten gerne mehr über New Work reden, aber den Themenkomplex nicht mit den Digitalthemen auf unserer /gebrüderheitz-Website vermischen. Denn wer für eine Projektzusammenarbeit auf unsere Website kommt, interessiert nicht unbedingt für unsere Teal-Themen. Umgekehrt gibt es sicher genug Menschen, die sich für New Work & Co. begeistern können, aber keinen Bedarf an unserem Web- und App-Dienstleistungsangebot haben.</p>
<div class="padding-bottom padding-medium"></div>
<h2 class="subheading">Teal für Teala!<br></h2>
<div class="padding-bottom padding-medium"></div>
<p class="text-size-medium">Und so trat Teala in unser Leben! Denn wer wäre besser dafür geeignet, Teal- und andere New-Work-Themen zu präsentieren, als jemand, der nur zu diesem Zweck existiert? Zunächst hatten wir überlegt, unsere Persona Teala die New-Work-bezogenen Themen auf unserer Website, vor allem auf unserem Blog, präsentieren zu lassen. Quasi als Maskottchen, dessen Anwesenheit den Leser*innen “Achtung, Teal!” signalisiert. Vielleicht werden wir das in Zukunft auch noch machen. Aber …</p>
<div class="padding-bottom padding-medium"></div>
<h2 class="subheading">Eine eigene Website für Teala!<br></h2>
<div class="padding-bottom padding-medium"></div>
<p class="text-size-medium">Teala hat ziemlich schnell ein Eigenleben entwickelt, wie man sieht. Wir sind zu dem Schluss gekommen, dass Teal eigentlich ein zu großes und wichtiges Thema für uns ist, um “nur” seine Zeit in unserem Unternehmensblog zu fristen. Natürlich mögen wir unseren Blog und seine Themen, aber Teal sollte eine eigene Plattform erhalten. Und so bekam Teala ihre eigene Webseite! Hier können wir uns austoben und durch Tealas Person unser kollektives Teal ausleben, ohne uns Gedanken machen zu müssen, ob das für unsere bestehenden und zukünftigen Agentur-Kund*innen relevant ist.<br></p>
<div class="padding-bottom padding-medium"></div>
<h2 class="subheading">Und nun? Los geht’s!<br></h2>
<div class="padding-bottom padding-medium"></div>
<p class="text-size-medium">Wir wünschen Euch viel Spaß beim Stöbern und Schmökern auf Tealas Seite! Wenn Ihr Fragen, Anfragen, Kommentare oder sonstige Arten von Rückmeldungen für uns habt, schickt diese gerne direkt an Teala unter <a href="mailto:teala.turner@gebruederheitz.de" class="text-style-link is-teal"><strong class="text-weight-bold">teala.turner@gebruederheitz.de</strong></a> - sie freut sich auf digitale Post!<br></p>
<div class="padding-bottom padding-medium"></div>
<p class="text-size-medium">P.S. Und falls ihr Euch doch für Themen wie Passwort-Sicherheit interessiert, schaut gerne auch mal auf unserer <a href="https://www.gebruederheitz.de/" target="_blank" class="text-style-link is-black"><strong class="text-weight-bold">Agentur-Seite</strong></a> vorbei! Wir freuen uns auch!<br></p>
</article>
</div>
</section>
<div class="padding-bottom padding-large"></div>
<footer class="section-footer">
<div class="container-xlarge">
<div class="footer_wrapper">
<div class="footer_family-link">
<div class="footer_text">Ich bin ein Teil der </div>
<a href="https://www.gebruederheitz.de/" target="_blank" class="footer_text">/gebrüderheitz-Familie.</a>
</div>
<div class="footer_impressum-link">
<a href="https://www.gebruederheitz.de/impressum" target="_blank" class="footer_text">Impressum</a>
<div class="footer_text">/</div>
<a href="https://www.gebruederheitz.de/datenschutzerklaerung" target="_blank" class="footer_text">Datenschutz</a>
</div>
</div>
</div>
</footer>
</div>
</div>
</main>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64480b1d1e4f07f01af1441c" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>