'%20fill-opacity='0.4'/%3e%3cdefs%3e%3cradialGradient%20id='lewo-gradient-radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(471.5%20472.5)%20rotate(90)%20scale(472.5%20471.5)'%3e%3cstop%20offset='0.0208333'%20stop-color='%23F0B203'/%3e%3cstop%20offset='0.442708'%20stop-color='%23972F48'/%3e%3cstop%20offset='0.78125'%20stop-color='%23122B4E'/%3e%3cstop%20offset='1'%20stop-color='%2304040E'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e)
Wie wir aus kultureller Vielfalt einen digitalen Auftritt geschaffen haben, der die kreative Energie der TUFA auf den Bildschirm bringt.
Cara Lindner Creative Director
Christopher Löw Intermedia Designer M.A.
Dave Pawlyk Full Stack Developer
Finn Schönberg Frontend Developer
Moritz Hein Full Stack Developer
Paul Wolf Geschäftsführer
Yannic Oberhausen Full Stack Developer
Die Herausforderung: einen Ort voller Kultur, Begegnungen und kreativer Vielfalt digital so zu inszenieren, dass die besondere Energie der TUFA auch auf dem Bildschirm spürbar wird.
Website Relaunch
Ergebnisse
12.100
organische Klicks in 3 Monaten
Vorher 9.860· +23 %
160.000
Impressionen in 3 Monaten
Vorher 78.900· +103 %
ø6,9
Position
Vorher ø12,4
Niedriger ist besser
Quelle: Google Search Console, 30.04.–29.07.2026 vs. 30.04.–29.07.2025.
Icondesign
Bühne frei für Kultur
Die TUFA Trier ist weit mehr als eine Veranstaltungsstätte: Theater, Musik, Tanz, Kunst, Ausstellungen und Workshops treffen hier unter einem Dach aufeinander.
Diese kulturelle Vielfalt sollte sich auch im neuen digitalen Auftritt widerspiegeln. Ziel war eine Website, die Orientierung schafft, Veranstaltungen in den Mittelpunkt rückt und gleichzeitig den unverwechselbaren Charakter des Kulturzentrums transportiert.
Digitale Artothek
Design & Entwicklung
Ein dynamisches Webdesign verbindet klare Nutzerführung mit einer eigenständigen visuellen Sprache. Individuell entwickelte 3D-Designs erweitern das digitale Erlebnis und verleihen dem Auftritt zusätzliche räumliche Tiefe.
Impressionen
Markenwelt & Design-System
Schriften
Bebas Neue
TUFA Trier begeistert durch kulturelle Vielfalt und kreative Begegnungen für jeden Geschmack.
Sora
TUFA Trier begeistert durch kulturelle Vielfalt und kreative Begegnungen für jeden Geschmack.
Farben
Tools
Cloudflare, Cursor, Figma, Photoshop, Illustrator, Blender, Three.js
'%3e%3cmask%20id='mask1_4304_132999'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='8'%20y='8'%20width='33'%20height='32'%3e%3cpath%20d='M8%208H40.1562V39.3125H8V8Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_4304_132999)'%3e%3cpath%20d='M23.9776%2039.3125L37.9455%2031.4844L23.9776%2023.6562L10.0098%2031.4844L23.9776%2039.3125Z'%20fill='url(%23paint0_linear_4304_132999)'/%3e%3cpath%20d='M37.9454%2031.4844V15.8281L23.9775%208V23.6562L37.9454%2031.4844Z'%20fill='url(%23paint1_linear_4304_132999)'/%3e%3cpath%20d='M23.9776%208L10.0098%2015.8281V31.4844L23.9776%2023.6562V8Z'%20fill='url(%23paint2_linear_4304_132999)'/%3e%3cpath%20d='M37.9454%2015.8281L23.9775%2039.3125V23.6562L37.9454%2015.8281Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M37.9455%2015.8281L23.9776%2023.6562L10.0098%2015.8281H37.9455Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_4304_132999'%20x1='23.9776'%20y1='23.6562'%20x2='23.9776'%20y2='39.3125'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.16'%20stop-color='white'%20stop-opacity='0.39'/%3e%3cstop%20offset='0.658'%20stop-color='white'%20stop-opacity='0.8'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_4304_132999'%20x1='37.9454'%20y1='15.8764'%20x2='24.1701'%20y2='24.1716'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.182'%20stop-color='white'%20stop-opacity='0.31'/%3e%3cstop%20offset='0.715'%20stop-color='white'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_4304_132999'%20x1='23.9776'%20y1='8'%20x2='10.5586'%20y2='31.7939'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'%20stop-opacity='0.6'/%3e%3cstop%20offset='0.667'%20stop-color='white'%20stop-opacity='0.22'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e){kind=small}
'%3e%3cpath%20d='M8.5%20-5.71663e-05H39.5C40.6165%20-0.00113649%2041.7223%200.223623%2042.7541%200.661359C43.7858%201.09909%2044.7232%201.74121%2045.5128%202.55096C46.3023%203.36071%2046.9283%204.3222%2047.3551%205.3804C47.7819%206.4386%2048.0011%207.57273%2048%208.71789V39.282C48.0011%2040.4272%2047.7819%2041.5613%2047.3551%2042.6195C46.9283%2043.6777%2046.3023%2044.6392%2045.5128%2045.4489C44.7232%2046.2587%2043.7858%2046.9008%2042.7541%2047.3385C41.7223%2047.7763%2040.6165%2048.001%2039.5%2047.9999H8.5C7.38347%2048.001%206.27769%2047.7763%205.24595%2047.3385C4.21421%2046.9008%203.27676%2046.2587%202.48725%2045.4489C1.69774%2044.6392%201.07168%2043.6777%200.644884%2042.6195C0.218092%2041.5613%20-0.00104857%2040.4272%203.77215e-06%2039.282V8.71789C-0.00104857%207.57273%200.218092%206.4386%200.644884%205.3804C1.07168%204.3222%201.69774%203.36071%202.48725%202.55096C3.27676%201.74121%204.21421%201.09909%205.24595%200.661359C6.27769%200.223623%207.38347%20-0.00113649%208.5%20-5.71663e-05Z'%20fill='%23000B1D'/%3e%3cpath%20d='M19%2039.3846C21.7614%2039.3846%2024%2037.0887%2024%2034.2564V29.1282H19C16.2386%2029.1282%2014%2031.4242%2014%2034.2564C14%2037.0887%2016.2386%2039.3846%2019%2039.3846Z'%20fill='%230ACF83'/%3e%3cpath%20d='M14%2024C14%2021.1677%2016.2386%2018.8718%2019%2018.8718H24V29.1282H19C16.2386%2029.1282%2014%2026.8322%2014%2024Z'%20fill='%23A259FF'/%3e%3cpath%20d='M14%2013.7436C14%2010.9114%2016.2386%208.61542%2019%208.61542H24V18.8718H19C16.2386%2018.8718%2014%2016.5759%2014%2013.7436Z'%20fill='%23F24E1E'/%3e%3cpath%20d='M24%208.61542H29C31.7614%208.61542%2034%2010.9114%2034%2013.7436C34%2016.5759%2031.7614%2018.8718%2029%2018.8718H24V8.61542Z'%20fill='%23FF7262'/%3e%3cpath%20d='M34%2024C34%2026.8322%2031.7614%2029.1282%2029%2029.1282C26.2386%2029.1282%2024%2026.8322%2024%2024C24%2021.1677%2026.2386%2018.8718%2029%2018.8718C31.7614%2018.8718%2034%2021.1677%2034%2024Z'%20fill='%231ABCFE'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4300_124409'%3e%3crect%20width='48'%20height='48'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
'%3e%3cpath%20d='M8.5%20-5.71663e-05H39.5C40.6165%20-0.00113649%2041.7223%200.223623%2042.7541%200.661359C43.7858%201.09909%2044.7232%201.74121%2045.5128%202.55096C46.3023%203.36071%2046.9283%204.3222%2047.3551%205.3804C47.7819%206.4386%2048.0011%207.57273%2048%208.71789V39.282C48.0011%2040.4272%2047.7819%2041.5613%2047.3551%2042.6195C46.9283%2043.6777%2046.3023%2044.6392%2045.5128%2045.4489C44.7232%2046.2587%2043.7858%2046.9008%2042.7541%2047.3385C41.7223%2047.7763%2040.6165%2048.001%2039.5%2047.9999H8.5C7.38347%2048.001%206.27769%2047.7763%205.24595%2047.3385C4.21421%2046.9008%203.27676%2046.2587%202.48725%2045.4489C1.69774%2044.6392%201.07168%2043.6777%200.644884%2042.6195C0.218092%2041.5613%20-0.00104857%2040.4272%203.77215e-06%2039.282V8.71789C-0.00104857%207.57273%200.218092%206.4386%200.644884%205.3804C1.07168%204.3222%201.69774%203.36071%202.48725%202.55096C3.27676%201.74121%204.21421%201.09909%205.24595%200.661359C6.27769%200.223623%207.38347%20-0.00113649%208.5%20-5.71663e-05V-5.71663e-05Z'%20fill='%23330000'/%3e%3cpath%20d='M23.2599%2028.8H15.8199L14.2999%2033.6205C14.2829%2033.7084%2014.2345%2033.7865%2014.1642%2033.8397C14.0939%2033.8928%2014.0067%2033.9171%2013.9199%2033.9077H10.1599C9.93988%2033.9077%209.87988%2033.7846%209.93988%2033.5385L16.3799%2014.5231C16.4399%2014.3179%2016.4999%2014.0923%2016.5799%2013.8461C16.6604%2013.4065%2016.7005%2012.9601%2016.6999%2012.5128C16.6939%2012.4614%2016.707%2012.4096%2016.7367%2012.3678C16.7664%2012.3259%2016.8104%2012.2972%2016.8599%2012.2872H22.0399C22.1999%2012.2872%2022.2799%2012.3487%2022.2999%2012.4513L29.5999%2033.5795C29.6599%2033.8051%2029.5999%2033.9077%2029.3999%2033.9077H25.2199C25.1492%2033.9147%2025.0784%2033.8959%2025.0198%2033.8546C24.9613%2033.8133%2024.9188%2033.7522%2024.8999%2033.682L23.2599%2028.8ZM16.9799%2024.6359H22.0599C21.9399%2024.2051%2021.7799%2023.6923%2021.5999%2023.159C21.4199%2022.6256%2021.2399%2022.0102%2021.0599%2021.3949C20.8799%2020.7795%2020.6799%2020.1436%2020.4799%2019.5077C20.2799%2018.8718%2020.0999%2018.2769%2019.9399%2017.682C19.7799%2017.0872%2019.6399%2016.5743%2019.4999%2016.082H19.4599C19.2801%2016.9761%2019.0531%2017.8594%2018.7799%2018.7282C18.4799%2019.7128%2018.1799%2020.7385%2017.8599%2021.7641C17.5799%2022.8102%2017.2799%2023.7743%2016.9799%2024.6359V24.6359Z'%20fill='%23FF9A00'/%3e%3cpath%20d='M33.96%2015.7949C33.6317%2015.8022%2033.3053%2015.7425%2032.9997%2015.6193C32.6941%2015.496%2032.4155%2015.3117%2032.18%2015.0769C31.7218%2014.563%2031.4778%2013.8857%2031.5%2013.1897C31.4882%2012.8506%2031.5462%2012.5128%2031.6703%2012.1982C31.7944%2011.8836%2031.9817%2011.5994%2032.22%2011.3641C32.7008%2010.8981%2033.3386%2010.6408%2034%2010.6461C34.78%2010.6461%2035.38%2010.8923%2035.82%2011.3641C36.2631%2011.8615%2036.4998%2012.5163%2036.48%2013.1897C36.4922%2013.5363%2036.4366%2013.8819%2036.3163%2014.206C36.1961%2014.5302%2036.0138%2014.8263%2035.78%2015.0769C35.5444%2015.3231%2035.26%2015.5146%2034.946%2015.6384C34.632%2015.7623%2034.2958%2015.8156%2033.96%2015.7949V15.7949ZM31.72%2033.6V17.8051C31.72%2017.6%2031.8%2017.5179%2031.98%2017.5179H35.94C36.12%2017.5179%2036.2%2017.6205%2036.2%2017.8051V33.6C36.2%2033.8256%2036.12%2033.9282%2035.94%2033.9282H32.02C31.978%2033.9317%2031.9357%2033.9255%2031.8964%2033.91C31.857%2033.8944%2031.8216%2033.8699%2031.7928%2033.8384C31.7639%2033.8068%2031.7424%2033.769%2031.7298%2033.7277C31.7172%2033.6864%2031.7139%2033.6428%2031.72%2033.6V33.6Z'%20fill='%23FF9A00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4300_124408'%3e%3crect%20width='48'%20height='48'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
Projektleistungen
3D
- 3D Modelling
- 3D Texturing
- 3D Rendering / Product Visualization
- Real-time WebGL 3D
- Hero Section Renderings
Design
- UI / UX Design
- Wireframing
- Prototyping
- Responsive Web Design
- Design System / Component Library
- Iconography (custom SVG icon set)
- Art Direction
Development
- Frontend Development
- Responsive Implementation
- Web Performance Optimization
- Image Optimization
- Contact Form Development
- Booking / Appointment Integration
- Animations / Micro-interactions
- Scroll Fade-In Animations
Content
- SEO / On-Page SEO
- Copywriting
- Content Strategy
Kostenlosen 30 Minuten Termin buchen
Q & A
Eine 3D Website macht Räume, Atmosphäre und Geschichten unmittelbar erlebbar. Für die TUFA wird das Kulturzentrum so bereits vor dem Besuch digital erfahrbar.
