R
Roger Burkhard
Development + Interaction Design
Bern, Switzerland
Profil Projekte Journal E-Mail Instagram
103. Kornhaus Atelier 102. Wirk 101. SWB 100. Gurtenfestival '24 099. HKB-Zeitung 098. Zirkular 097. Zollfreilager 096. Gurtenfestival '23 095. Theater Marie 094. Fotostiftung Schweiz 093. Regula Küffer 092. Max Hari 091. Kornhausforum 090. Vreni Spieser 089. Splatz Space 088. Gurtenfestival '22 087. Bieler Fototage 086. Chiara Marti 085. Nigg Raffainer 084. Kunstmuseum Thun 083. Staunen im Kinderbuch 082. Architetta 082. T7M 081. Jazz Unleashed 080. Urs Brunner 079. Janosch Abel 078. Pfeffer/Verbeek 077. Taking Measures 076. Luna Productions 075. The Comfort of Books 074. Jan Kinsbergen 073. Kinderregion 072. Stadtgalerie 071. La Stoll 070. Hocus & Pocus 069. LocherPilz 068. Studio Mo 067. OpaqueScript 066. Fundazium Nairs 065. Rea Wittwer 064. Kulturdünger 063. Moobel 062. Kraftreaktor 061. Fundaziun Nairs 060. Gurtenfestival '19 059. Visarte 058. Swica Report '18 057. NOLD Skateboards 056. Pia Fleischmann 055. Iyengar 054. Zimmermann Architekten 053. Junge Bühne Bern 052. Wir sind Artisten 051. Studio Sansano 050. Swica Report '17 049. Ladies Wine Design 048. moor.text 047. Frame Optik 046. ISC Club 045. PAMB 044. Lunar Tribute 043. SAJ Architekten 042. Daniel Steffen 041. A2 Letter 040. Thomas Stöckli 039. Züri West 038. Kleinstadt 037. Hotel Fusio 036. Paul Boesch Stiftung 035. Lea Moser 034. Echtzeit Verlag 033. La Stanza 032. Atelier Pol 031. Maurer AG 030. Büro A+O 029. (Team) Alexis Zurflüh 028. Michael Sieber 027. Len Sander 026. Mood/Wood 025. Parc Architekten 024. Weltrekords 023. Aarauer Altstadtlauf 022. Sunraising 021. Baukommunikation 020. Dreierlei 019. Bilboquet 018. We Love Aarau 017. Schweizer Rotes Kreuz 016. Olmo 015. Kolt Magazin 014. Via Helvetica 013. TSRI 012. Go Snow 011. Frères Rochat 010. Lukas Film 009. Weinberg 008. PRPA 007. Kaufhaus zum Glück 006. Strebel 005. Adrianos 004. Roger is OFF 003. Regula Roost 002. Beldona 001. Station
Kornhaus Atelier
103.
Kornhaus Atelier
Portfolio für Kornhaus Atelier. (2024)
Kollaboration mit Kornhaus Atelier.
Wirk
102.
Wirk
Website für Wirk. (2024)
Kollaboration mit Kornhaus Atelier.
SWB
101.
SWB
Website für den Schweizerischen Werkbund (2024)
Kollaboration mit Bonsma & Reist
Gurtenfestival ’24
100.
Gurtenfestival '24
Website für das Gurtenfestival. (2024)
Kollaboration mit Salzmann Gertsch + Studio Voile.
HKB-Zeitung
099.
HKB-Zeitung
Website für die HKB-Zeitung. (2024)
Kollaboration mit HKB Atelier.
Zirkular
098.
Zirkular
Website für Zirkular (2024)
Kollaboration mit Atlas Studio
Zollfreilager
097.
Zollfreilager
Website für ein Online-Magazin. (2023)
Kollaboration mit Atlas Studio.
Gurtenfestival ’23
096.
Gurtenfestival '23
Website für das Gurtenfestival 2023. (2023)
Kollaboration mit Kargo.
Theater Marie
095.
Theater Marie
Website für Theater Marie. (2023)
Kollaboration mit Büro a+o.
Fotostiftung Schweiz
094.
Fotostiftung Schweiz
Website für die Fotostiftung Schweiz. (2023)
Kollaboration mit Müller+Hess.
Regula Küffer
093.
Regula Küffer
Website für Musikerin Regula Küffer (2023)
Kollaboration mit Kornhaus Atelier
Max Hari
092.
Max Hari
Portfolio für den Künstler Max Hari. (2022)
Kollaboration mit Roland Zenger.
Kornhausforum
091.
Kornhausforum
Website für den Ausstellungsort Kornhausforum. (2022)
Kollaboration mit Atelier Pol.
Vreni Spieser
090.
Vreni Spieser
Website für die Künstlerin Vreni Spieser. (2022)
Kollaboration mit Atlas Studio.
Splatz Space
089.
Splatz Space
Website für einen Musik Blog. (2022)
Kollaboration mit Katharina Reidy.
Gurtenfestival ’22
088.
Gurtenfestival '22
Website für das Berner Musikfestival. (2022)
Kollaboration mit Kargo.
Bieler Fototage
087.
Bieler Fototage
Website für die Bieler Fototage. (2022)
Kollaboration mit Bonsma & Reist.
Chiara Marti
086.
Chiara Marti
Website für Chiara Marti. (2022)
Kollaboration mit Kornhaus Atelier.
Nigg Raffainer
085.
Nigg Raffainer
Portfolio für die Architekten Nigg Raffainer. (2022)
Kollaboration mit Atlas Studio.
Kunstmuseum Thun
084.
Kunstmuseum Thun
Website für das Kunstmuseum Thun. (2022)
Kollaboration mit Bonsma & Reist.
Staunen im Kinderbuch
083.
Staunen im Kinderbuch
Website für eine Online-Ausstellung. (2021)
Kollaboration mit Resort Studio.
Architetta
082.
Architetta
Portfolio für die Architekten Architetta (2021)
Kollaboration mit Heyday.
T7M
082.
T7M
Blog für The 7 Memories. (2021)
Kollaboration mit Büro a+o.
Jazz Unleashed
081.
Jazz Unleashed
Website für ein Jazz Festival. (2021)
Kollaboration mit Katharina Reidy.
Urs Brunner
080.
Urs Brunner
Portfolio Website für Illustrator Urs Brunner. (2021)
Kollaboration mit Roland Zenger.
Janosch Abel
079.
Janosch Abel
Portfolio für Janosch Abel. (2021)
Kollaboration mit Salzmann Gertsch.
Pfeffer/Verbeek
078.
Pfeffer/Verbeek
Website für Fashion Label PfefferVerbeek (2021)
Kollaboration mit Pia Fleischmann
Taking Measures
077.
Taking Measures
Website für die digitale Ausstellung Taking Measures. (2021)
Kollaboration mit Resort Studio.
Luna Productions
076.
Luna Productions
Website für die Architekten Luna Productions. (2020)
Kollaboration mit Atelier Pol.
The Comfort of Books
075.
The Comfort of Books
Website für The Comfort of Books (2020)
Kollaboration mit Katharina Reidy.
Jan Kinsbergen
074.
Jan Kinsbergen
Website für das Büro Jan Kinsbergen. (2020)
Kollaboration mit Aline Ozkan
Kinderregion
073.
Kinderregion
Website für Kinderregion. (2020)
Kollaboration mit CinCin.
Stadtgalerie
072.
Stadtgalerie
Website für die Stadtgalerie Bern. (2020)
Kollaboration mit Kornhaus Atelier.
La Stoll
071.
La Stoll
Portfolio für La Stoll. (2020)
Kollaboration mit Andrea Noti.
Hocus & Pocus
070.
Hocus & Pocus
Portfolio für Hocus & Pocus. (2020)
Kollaboration mit Hocus & Pocus.
LocherPilz
069.
LocherPilz
Website für die Architekten LocherPilz. (2020)
Kollaboration mit Claudia Eggimann.
Studio Mo
068.
Studio Mo
Webshop für Studio Mo. (2020)
Kollaboration mit Kornhaus Atelier.
OpaqueScript
067.
OpaqueScript
Indesign Script und Website für OpaqueScript (2020)
Kollaboration mit Bonsma Reist.
Fundazium Nairs
066.
Fundazium Nairs
Website für Fundazium Nairs (2020)
Kollaboration mit Hej.
Rea Wittwer
065.
Rea Wittwer
Portfolio für die Texterin Rea Wittwer. (2019)
Kollaboration mit Kornhaus Atelier.
Kulturdünger
064.
Kulturdünger
Website für Kulturdünger. (2019)
Kollaboration mit Büro a+o.
Moobel
063.
Moobel
Online Shop für Moobel. (2019)
Kollaboration mit Büro a+o.
Kraftreaktor
062.
Kraftreaktor
Website für Kraftreaktor. (2019)
Kollaboration mit Büro a+o.
Fundaziun Nairs
061.
Fundaziun Nairs
Single Page Website für Nairs. (2019)
Kollaboration mit Hej.
Gurtenfestival ’19
060.
Gurtenfestival '19
Website für Gurtenfestival. (2019)
Kollaboration mit Kargo.
Visarte
059.
Visarte
Website für Visarte. (2019)
Kollaboration mit Atelier Pol.
Swica Report ’18
058.
Swica Report '18
Digitaler Geschäftsbericht für SWICA. (2019)
Kollaboration mit Hej.
NOLD Skateboards
057.
NOLD Skateboards
Website für NOLD Skateboards. (2019)
Kollaboration mit Pia Fleischmann.
Pia Fleischmann
056.
Pia Fleischmann
Portfolio für Grafikerin Pia Fleischmann. (2019)
Kollaboration mit Pia Fleischmann.
Iyengar
055.
Iyengar
Website für Iyengar Yoga Schweiz. (2018)
Kollaboration mit Claudia Eggimann.
Zimmermann Architekten
054.
Zimmermann Architekten
Website Zimmermann Architekten. (2018)
Kollaboration mit Andrea Noti.
Junge Bühne Bern
053.
Junge Bühne Bern
Website für Junge Bühne Bern. (2018)
Kollaboration mit B&R.
Wir sind Artisten
052.
Wir sind Artisten
Portfolio Website für Wir Sind Artisten. (2018)
Kollaboration mit Alex Stieg.
Studio Sansano
051.
Studio Sansano
Website für Studio Sansano. (2018)
Kollaboration mit Atelier Pol.
Swica Report ’17
050.
Swica Report '17
Online Report Website für SWICA. (2018)
Kollaboration mit Hej.
Ladies Wine Design
049.
Ladies Wine Design
Website für Ladies Wine Design. (2018)
Kollaboration mit Sagmeister & Walsh.
moor.text
048.
moor.text
Website für moor.text. (2018)
Kollaboration mit Büro A+O.
Frame Optik
047.
Frame Optik
Website für Frame Optik. (2017)
Kollaboration mit Manuel Kreuzer.
ISC Club
046.
ISC Club
Website für den ISC Club. (2017)
Kollaboration mit Team Tandem.
PAMB
045.
PAMB
Website für das Modelabel PAMB. (2017)
Kollaboration mit Pascal Melcer.
Lunar Tribute
044.
Lunar Tribute
Website für Lunar Tribute. (2017)
Kollaboration mit Andreas Räber.
SAJ Architekten
043.
SAJ Architekten
Website für SAJ Architekten. (2017)
Kollaboration mit Heyday.
Daniel Steffen
042.
Daniel Steffen
Portfolio für Art Director Daniel Steffen. (2017)
Kollaboration mit Daniel Steffen.
A2 Letter
041.
A2 Letter
Website für A2 Letter. (2017)
Kollaboration mit Atelier Pol.
Thomas Stöckli
040.
Thomas Stöckli
Website für den Fotografen Thomas Stöckli. (2017)
Kollaboration mit Anne Lutz.
Züri West
039.
Züri West
Website für Züri West. (2017)
Kollaboration mit Kargo Kommunikation.
Kleinstadt
038.
Kleinstadt
Website für den Familien Blog Kleinstadt. (2017)
Kollaboration mit CinCin Studio.
Hotel Fusio
037.
Hotel Fusio
Website für das Hotel Fusio. (2017)
Kollaboration mit Hej, Zürich.
Paul Boesch Stiftung
036.
Paul Boesch Stiftung
Website für Paul Boesch Stiftung. (2017)
Kollaboration mit Atelier Pol.
Lea Moser
035.
Lea Moser
Website für die Fotografin Lea Moser. (2017)
Kollaboration mit Atelier Pol.
Echtzeit Verlag
034.
Echtzeit Verlag
Website und ERP für Echtzeit Verlag. (2016-2017)
Kollaboration mit Müller+Hess, Basel.
La Stanza
033.
La Stanza
Multipage for La Stanza. (2016)
Kollaboration mit Noord.
Atelier Pol
032.
Atelier Pol
Website für Atelier Pol in Bern. (2016)
Kollaboration mit Atelier Pol.
Maurer AG
031.
Maurer AG
Website für Maurer AG. (2016)
Kollaboration mit Büro A+O.
Büro A+O
030.
Büro A+O
Website für die Grafiker Büro A+O. (2016)
Kollaboration mit Büro A+O.
(Team) Alexis Zurflüh
029.
(Team) Alexis Zurflüh
Website für (Team) Alexis Zurflüh. (2016)
Kollaboration mit (Team) Alexis Zurflüh.
Michael Sieber
028.
Michael Sieber
Portfolio Website für den Fotografen Michael Sieber. (2016)
Kollaboration mit (Team) Alexis Zurflüh.
Len Sander
027.
Len Sander
Website für die Elektro Pop Band Len Sander. (2016)
Kollaboration mit Dennis Schärer.
Mood/Wood
026.
Mood/Wood
Portfolio für Art Director Marc Zenhäusern. (2016)
Kollaboration mit Marc Zenhäusern.
Parc Architekten
025.
Parc Architekten
Website für Parc Architekten. (2016)
Kollaboration mit Denkmal Agentur.
Weltrekords
024.
Weltrekords
Website für Weltrekords. (2016)
Kollaboration mit Atelier Pol.
Aarauer Altstadtlauf
023.
Aarauer Altstadtlauf
Website für den Aarauer Altstadtlauf. (2016)
Kollaboration mit Büro A+O.
Sunraising
022.
Sunraising
Website für Sunraising. (2016)
Kollaboration mit Kargo Kommunikation.
Baukommunikation
021.
Baukommunikation
Website für Baukommunikation. (2016)
Kollaboration mit Keen.
Dreierlei
020.
Dreierlei
Website für Dreierlei. (2016)
Kollaboration mit Marc Zenhäusern + Evelyn Schneider Reyes.
Bilboquet
019.
Bilboquet
Online Shop für Bilboquet. (2016)
Kollaboration mit Kargo Kommunikation.
We Love Aarau
018.
We Love Aarau
Website für We Love Aarau. (2016)
Kollaboration mit Büro A+O.
Schweizer Rotes Kreuz
017.
Schweizer Rotes Kreuz
Single Page App für das Schweizer Rote Kreuz. (2015-2016)
Kooperation mit Kargo Kommunikation.
Olmo
016.
Olmo
Website für OLMO. (2015)
Kollaboration mit Kargo Kommunikation.
Kolt Magazin
015.
Kolt Magazin
Website für das Kultur Magazin KOLT. (2015)
Kollaboration mit Verlag 2s.
Via Helvetica
014.
Via Helvetica
Website für Via Helvetica. (2015)
Kollaboration mit Thomas + Anne.
TSRI
013.
TSRI
Perfomance Optimierungen für tsri. (2015)
Kollaboration mit Simon Jacoby.
Go Snow
012.
Go Snow
Website für Go Snow. (2015)
Kollaboration mit Kargo Kommunikation.
Frères Rochat
011.
Frères Rochat
Website für Frères Rochat. (2015)
Kollaboration mit Kargo Kommunikation.
Lukas Film
010.
Lukas Film
Website für Lukas Gähwiler. (2015)
Kollaboration mit Büro A+O.
Weinberg
009.
Weinberg
Website für Weinberg. (2015)
Kooperation mit Attribute, Zürich.
PRPA
008.
PRPA
Website für PRPA. (2015)
Kollaboration mit Kargo Kommunikation.
Kaufhaus zum Glück
007.
Kaufhaus zum Glück
Online Shop für Kaufhaus zum Glück. (2015)
Kollaboration mit Büro A+O.
Strebel
006.
Strebel
Blog für Strebel Möbelhaus. (2015)
Kollaboration mit Büro A+O.
Adrianos
005.
Adrianos
Kaffee Konfigurator für Adrianos. (2015)
Collaboration with Kargo Kommunikation.
Roger is OFF
004.
Roger is OFF
Travel Blog meiner Weltreise. (2013 - 2014)
430 Tage On the road.
Regula Roost
003.
Regula Roost
Website für die Fotografin Regula Roost. (2013)
Kollaboration mit Station, Zürich.
Beldona
002.
Beldona
Website für Beldona. (2013)
Kollaboration mit Station.
Station
001.
Station
Website für Station. (2013)
Kollaboration mit Station, Zürich.

Kornhaus Atelier.

103.

Das Kornhaus Atelier ist eine Studio in Bern, dass sich auf Art Direction, Design und Produktion über alle Plattformen hinweg spezialisiert hat. Sie kreieren klare Visuals, authentische Identitäten, Publikationen und ganzheitliche Kommunikationskonzepte.

In Zusammenarbeit mit dem Kornhaus Atelier habe ich die neue Website entwickelt. Die Cases haben Bild- und Videostapel, die in verschiedenen Richtungen und Reihenfolgen positioniert werden können. Zusätzlich gibt es eine Intro-Animation, die nach dem Zufallsprinzip Logo-versionen oder Visuals mit einem Multiplikationseffekt zeigt.

https://kornhaus-atelier.ch
Kornhaus Atelier
Kornhaus Atelier
Kornhaus Atelier
Kornhaus Atelier

Wirk.

102.

Wir glaubt, dass die Menschen glücklicher und diese Welt ein besserer Ort ist, wenn wir uns einander zuwenden und interessieren. Wirk ist, dass jede Bewegung, jede Begegnung, Tanz sein kann. Ein Tanz den alle können und kennen.

In Kollaboration mit Kornhaus Atelier entwickelte ich die neue Website für Wirk. Um das Konzept des Tanzes und der Bewegung in’s Web zu transportieren, entwickelte ich auf Basis von JavaScript die Möglichkeit, das Logo der Startseite zu bewegen, zu verändern und zum tanzen zu bringen.

https://wir-k.ch
Wirk
Wirk
Wirk
Wirk
Wirk
Wirk
Wirk

SWB.

101.

Der 1913 gegründete Schweizer Werkbund ist ein nationaler Verein, der Mitglieder aus gestalterischen und handwerklichen Berufen in sich vereint. Dabei bearbeitet er gestalterisch, kulturell, gesellschaftlich, ästhetisch und wirtschaftlich zentrale Fragen.

In Zusammenarbeit mit Bonsma & Reist entwickelte ich die neue Website. Die umfassende Website wird von 7 Regionen in 2 Sprachen betreut und bietet neben einem Portal mit News- und Veranstaltungs-Einträgen auch einen Mitgliederbereich, Einträge der Regionen und einen Werkbrief im Magazin-Stil. Inhalte können auf Basis von Komponenten selbständig vom SWB erstellt und bearbeitet werden.

https://werkbund.ch
SWB
SWB
SWB
SWB
SWB
SWB
SWB
SWB

Gurtenfestival '24.

100.

In Zusammenarbeit mit Gurtenfestival, Salzmann Gertsch und Studio Voile entwickelte ich die neue Gurtenfestival Website 2024. Ich freue mich, bereits zum 6. Mal Teil des Teams zu sein und die Möglichkeiten der Website jedes Jahr zu pushen.

Die Website wurde dieses Jahr komplett überarbeitet und hat ein Showreel, umfangreiche Programm-Ansichten, Filterungen und Suchfunktionen, eine neu gedachte Info-Sektion, Ticketseite, News, Anzeige von History Daten und eine my Lineup Funktionalität.

https://gurtenfestival.ch
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24
Gurtenfestival '24

HKB-Zeitung.

099.

Die HKB-Zeitung ist voll und ganz der Kultur gewidmet und erscheint viermal im Jahr und ist redaktionell unabhängig. Im ersten Teil beleuchtet sie jeweils ein Thema und im zweiten Teil wirft sie einen Blick hinter die Kulissen der Hochschule der Künste Bern HKB.

In Zusammenarbeit mit dem HKB-Atelier, sozuagen dem Inhouse Grafikatelier der Hochschule, entwickelte ich die digitale Version der Zeitung. In enger Zusammenarbeit definierten wir Templates und Komponenten, um der Redaktion die benötigte Flexibilität in der Erarbeitung der Artikel zu geben. Cover können zudem mit Bild in Bild oder Bild in Video aufgeschaltet werden. Es besteht eine intelligente Anzeige von Ähnlichen Beiträgen, sowie ein umfangreiches Archiv mit Filter- und Suchfunktionen. Die Website basiert auf WordPress und wird eigenständig von der Redaktion verwaltet.

https://hkb-zeitung.ch
HKB-Zeitung
HKB-Zeitung
HKB-Zeitung
HKB-Zeitung
HKB-Zeitung
HKB-Zeitung

Zirkular.

098.

Wer heute wirklich nachhaltig und klimagerecht bauen will, muss auf das Konzept der Kreislaufwirtschaft setzen und das Bauen als Zyklus verstehen. Eine zentrale Rolle spielen dabei Abbruchprojekte, denn viele dieser Häuser sind regelrechte Schatzkammern für wiederverwendbare Bauteile wie Fenster, Tragstrukturen oder Fassadenverkleidungen.

Zirkular will die Wiederverwendung von Bauteilen in der Schweizer Bauwirtschaft zum Standard machen. Ziel des Fachplanungsbüros ist es, die Akteur:innen der Branche für das zirkuläre Bauen zu sensibilisieren, Hemmschwellen zu senken und den Wissenstransfer sicherzustellen. Beratung und praxisnahe Angebote wie das softwareunterstützte Matching zwischen Bauteilen abgebrochener Gebäude und neuen Immobilien erleichtern es Architekt:innen, mit dem Konzept der Wiederverwendung zu planen.

In Zusammenarbeit mit dem Zürcher Grafikstudio Atlas Studio entwickelte ich die neue Website von Zirkular. Im Sinne eines Zyklus bewegt man sich horizontal durch die Seiten, Navigationspunkte werde umgedreht und auf der Startseite setzen sich unterschiedliche Projekte zu einem zusammen. Auf Basis von WordPress ist die Website zweisprachig aufgebaut und im Frontend mit Prefetching auf Performance optimiert.

https://zirkular.net
Zirkular
Zirkular
Zirkular
Zirkular
Zirkular
Zirkular
Zirkular
Zirkular

Zollfreilager.

097.

Zollfreilager ist ein Internetmagazin der Plattform Kulturpublizistik der Zürcher Hochschule der Künste (ZHDK) und seit dem 7. Juli 2014 öffentlich. Das Magazin wirft in journalistischen, reflektierenden unnd künstlerisch-experimentellen Formaten Schlaglichter und Phänomene rund um Kultur, Kunst und Migration. Zu den Beitragenden gehören Studierende und Dozierende des Master Kulturpublizistik der ZHDK sowie ein Netz von Korrespondentinnen, Mittätern und Komplizinnen aus allen Kontinenten und Disziplinen.

In Zusammenarbeit mit Atlas Studio entwickelte ich die neue Website des Magazins. Die Inhalte der bald 10-Jährigen Website wurden in eine neue Struktur migriert, neu gedacht, otpmiert und das Format der Spezial-Editionen wurde um ein variables Cover ergänzt. Die umfassende Datenbank wurde um unterschiedliche Such- und Filterfunktionen erweitert, wodurch die Inhalte zugänglicher werden. Den Autoren und Autorinnen stehen zudem unterschiedliche Text- und Bildformate zur Verfügung, um das richtige Gefäss für jeden Inhalt zu wählen.

https://zollfreilager.net
Zollfreilager
Zollfreilager
Zollfreilager
Zollfreilager
Zollfreilager
Zollfreilager
Zollfreilager

Gurtenfestival '23.

096.

Dieses Jahr pilgerten zum 40. Mal rund 80’000 Musikfans ans legendäre Gurtenfestival. Auf dem Berner Hausberg wartet ein vielversprechendes Line-up, eine entspannte Atmosphäre und ein wunderschönes Bergpanorama.

Ich durfte bereits zum vierten Mal die Website entwickeln und deren Betrieb während des Festivals gewährleisten. Für dieses Jahr optimierten wir die MyLineup Funktion, welche massgeschneiderte Lineups zulässt. Ausserdem entwickelte ich auf Basis von Shaders den farbigen Hintergrund, es wurde neue Schriften integriert und ein neues Lottie File integriert. Happy Birthday liebes Gurtenfestival!

https://gurtenfestival.ch
Gurtenfestival '23
Gurtenfestival '23
Gurtenfestival '23
Gurtenfestival '23
Gurtenfestival '23
Gurtenfestival '23
Gurtenfestival '23

Theater Marie.

095.

Theater Marie nimmt eine Spezialfunktion innerhalb der Schweizer Theaterszene ein: Ein Theater, das unabhängig in der übersichtlichen Aargauer Kulturlandschaft produziert und dann ausschwärmt in die ganze Schweiz, und gelegentlich auch ins Ausland, und so immer wieder Inputs nach Hause bringt und lebendig bleibt. Theater Marie untersucht aktuelle gesellschaftliche Themen, die in zeitgenössischem Autor:innentheater wie auch in partizipativen Rechercheformaten ihren Ausdruck finden.

In Zusammenarbeit mit dem Aarauer Büro a+o entwickelte ich die neue Website des Theaters. Zentrales Design-Element ist der Quetsch-Effekt der Haupttitel, welche basierend auf Koordinaten des Scrolls seine Quetschung verändert. Das inhaltliche Herzstück ist die Agenda mit allen Projekten, aktuell wie archiviert, welche das Theater selbständig via WordPress verwaltet.

https://theatermarie.ch
Theater Marie
Theater Marie
Theater Marie
Theater Marie
Theater Marie
Theater Marie
Theater Marie
Theater Marie

Fotostiftung Schweiz.

094.

Die Fotostiftung Schweiz, 1971 gegründet, ist eine gemeinnützige privatrechtliche Stiftung, die sich für die Erhaltung, Erforschung und Vermittlung von fotografischen Werken einsetzt. Sie sammelt in erster Linie fotografische Werke mit Bezug zur Schweiz, von den Anfängen der Fotografie bis zur Gegenwart. Dabei berücksichtigt sie künstlerische Ausdrucksformen ebenso wie dokumentarische, angewandte und private Formen der Fotografie.

In Kollaboration mit Müller+Hess entwickelte ich die neue Website der Stiftung. Mit einer Vielzahl von Komponenten und Templates können sie eigenständig mehrsprachige Inhalte erstellen und verwalten. Integriert sind mehrere Schnittstellen: einerseits die Bilddatenbank, welche über 30’000 digitalisierte Fotografien aufweist und andererseits die Veranstaltungen und Produkte des Online-Shops, die von einem gemeinsam genutzten Tool mit dem Fotomuseum stammen. Als Shop-System wurde eine massgeschneiderte Version von WooCommerce eingesetzt.

https://fotostiftung.ch
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz
Fotostiftung Schweiz

Regula Küffer.

093.

Ursprünglich zur klassischen Flötistin ausgebildet, zählt Regula Küffer heute zu den wenigen Flötist*innen, die sich selbstverständlich zwischen Klassik, Jazz, Flamenco und Pop bewegen. Übliche Trennungen der Genres entlarvt sie als konstruiert, an vermeintlichen Grenzen entzünden sich musikalische Entdeckerfreude und ausgesprochene Improvisationslust.

In Kollaboration mit dem Berner Grafiker Duo Kornhaus Atelier entwickelte ich die neue Website von Regula. Insbesondere die Umsetzung des Creative Coding Bereichs erlaubte viel Freiheit und Experimentierlust. Bei jedem Seitenaufruf generieren sich die geometrischen Elemente neu, und reagieren bei Drag and Drop dank einer darunterliegenden Physics Engine mit Gravitation, Momentum und Kollisionen. Inhaltlich bietet die WordPress Seite die Grundlage um ihr umfassendes Schaffen in Text- und Bildform zu präsentieren, Agenda Einträge zu erstellen und aktuelle Projekte vorzustellen.

https://regulakueffer.ch
Regula Küffer
Regula Küffer
Regula Küffer
Regula Küffer
Regula Küffer

Max Hari.

092.

Der gebürtige Thuner Künstler Max Hari lebt und arbeitet in Langenthal und Berlin. Mit seiner grossformatigen Malerei ebenso wie in Zeichnungen und Aquarellen ist stets die Spannung zwischen dem Figurativen und dem Ungegenständlichen spürbar.

In Zusammenarbeit mit dem Designer Roland Zenger entwickelte ich die neue Website des Künstlers. Im Fokus stehen die farbigen Bilder, welche in einer Slideshow via Drag and Drop erkundet werden können. Minimalistisch im Design finden sich alle weitere Informationen wie seine Biografie, aktuelle Ausstellungen und archivierte Inhalte auf der WordPress basierten Website.

https://maxhari.ch
Max Hari
Max Hari
Max Hari
Max Hari
Max Hari
Max Hari
Max Hari
Max Hari

Kornhausforum.

091.

Das Kornhausforum, zentral in der Berner Innenstadt gelegen, ist, seit seiner Gründung 1998, der Ausstellungs- und Diskursort für gesellschaftlich relevante Themen, die ausgehend von den Bereichen der Architektur, des Designs und der Fotografie überdisziplinär gedacht und behandelt werden. Das Kornhausforum ist ein Ort der öffentlichen Teilhabe und kulturellen Begegnung, die Ausstellungen und Foren sind einem breiten Publikum physisch und digital zugänglich.

In Kollaboration mit Atelier Pol entwickelte ich die neue Website für das Kornhausforum. Auf Basis von WordPress erstellten wir ein auf Komponenten basiertes Design System, welches höchste Flexibilität in der Erstellung von Ausstellungen und Inhaltsseiten bietet. Ein massgeschneidertes Recherche Tool lässt die Erstellung von Inhalts-Clustern zu, um Zusammenhänge besser aufzuzeigen. Der neue digitale Ausstellungsraum Echo Space bietet Digital-Künstler eine Plattform zur Präsentation ihrer Arbeiten als natürlicher Teil des Web-Erlebnis.

https://kornhausforum.ch
Kornhausforum
Kornhausforum
Kornhausforum
Kornhausforum
Kornhausforum
Kornhausforum
Kornhausforum
Kornhausforum

Vreni Spieser.

090.

Vreni Spieser, in Zug geboren, lebt und arbeitet in Zürich. Sie absolvierte ein Kunst- und Designstudium, mitunter an der Zürcher Hochschule der Künste. Verschiedene Ausland- und Künstleraufenthalte führten sie überdies nach Ghana, Halle (Saale), Paris, Buenos Aires, die Philippinen und nach Japan. Die sowohl lokal als auch international tätige Zuger Künstlerin bewegt sich in den Bereichen Installation, Performance und Community Art.

In Zusammenarbeit mit Atlas Studio entwickelte ich die neue Portfolio Website der Künstlerin. Ihr Schaffen lässt sich gewissermassen auf 2 Ebenen erleben. Einerseits finden sich im Hintergrund Behind the Scenes Aufnahmen ihrer Arbeiten und Reisen, im Vordergrund findet sich eine Auflistung ihrer Arbeiten. Mit dem Einsatz von Blur-Effekten, lassen sich die Ebenen nun ein- und ausblenden. Durch das Wechselspiel von Bild, Blur und Text ensteht ein interessantes und immer neues Wechselspiel von Farb und Inhalt.

https://vrenispieser.ch
Vreni Spieser
Vreni Spieser
Vreni Spieser
Vreni Spieser
Vreni Spieser
Vreni Spieser
Vreni Spieser

Splatz Space.

089.

In Zusammenarbeit mit Katharina Reidy, Benedikt Sartorius und Meret Gschwend entstand die neue Plattform splatz.space, welche sich selbst als nichtkommerzielle Textplattform bezeichnet, auf der Ideen und Arbeitsprozesse von Menschen aus verschiedenen kulturellen Disziplinen und weiteren Berufsfeldern mit Interviews und anderen Textformaten beschrieben werden.

In einem kreativen Austausch während der Konzeptphase entstand die Idee, den interviewten Personen die Möglichkeit zu geben, zu zeichnen was sie mögen. Und mittlerweile besteht ein kleines Universum an Zeichnungen die von Musikern, Besuchern der Bad Bonn Kilbi und aus der Feder von Freunden stammen – von verrückt bis minimalistisch wird jede Geschichte visuell untermalt.

Die Farben mischen sich jeden Abend neu und geben so der Website täglich einen neuen Anstrich. Ausserdem wurden viele Hilfsmittel geschaffen um die vielfältigen Inhalte zu entdecken, wiederzufinden oder sich einfach inspirieren zu lassen lassen.

https://splatz.space
Splatz Space
Splatz Space
Splatz Space
Splatz Space
Splatz Space

Gurtenfestival '22.

088.

In Zusammenarbeit mit Kargo entwickelte ich die neue Website für das Gurtenfestival 2022. Die neuen Visuals basierend auf der Lottie Technologie sowie der Einsatz einer variablen Schrift liessen mein Frontend-Herz höher schlagen. Zusätzlich entstand die neue Funktonalität My-Lineup, welches Gäste ihr eigenes Line-Up zusammen stellen lässt. Der Server bediente während des Festivals rund 300’000 Seitenaufrufe pro Tag.

Ein spezielles Dankeschön geht an Nadine + Sam – your rock!

https://gurtenfestival.ch
Gurtenfestival '22
Gurtenfestival '22
Gurtenfestival '22
Gurtenfestival '22
Gurtenfestival '22
Gurtenfestival '22

Bieler Fototage.

087.

Die Bieler Fototage zelebrieren die zeitgenössische Fotografie. Als einziges jährlich stattfindendes Fotofestival in der Schweiz und gut verwurzelt in der nationalen Kulturszene, sind die Bieler Fototage immer mehr auch im Ausland präsent. Jedes Jahr im Mai sind die Werke von ca. 20 Schweizer und internationalen FotografInnen an bekannten oder auch ausgefallenen Orten der Stadt Biel zu sehen.

In Kolloboration mit dem Grafiker Duo Bonsma & Reist entwickelte ich die neue Website des Festivals. Entsprechend den Anforderungen des Festivals und der langjährigen Geschichte wurde die Seite unterteilt in die aktuelle Edition, wie in einen Archiv Bereich, wo sich durch die Geschichte des Festivals klicken und entdecken lässt. Die Seite ist 3 Sprachig, integriert eine massgeschneiderte Google Maps Integration, hat eine Agenda und individuell anpassbare Farbprofile pro Festival.

https://bielerfototage.ch
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage
Bieler Fototage

Chiara Marti.

086.

Chiara Marti beratet und bestärkt Menschen bei Fragen zu Sexualität, Intimität, Beziehung und Körpererleben. In der Sprechstunde wird entsprechend Ihrem Anliegen zu Körperübungen angeleitet, Wissen vermittelt und im Gespräch das Denken neuorganisiert.

In Zusammenarbeit mit Kornhaus Atelier entwickelte ich die minimalistische Website, welche Häufige Fragen und Angebot auf interaktive Weise und einer Prise Humor vermittelt. Als Feature wurde ein invertierter Cursor entwickelt, welcher die Mausbewegung spiegelt und auf Klicks reagiert. Die Website basiert auf WordPress und lässt Chiara die Inhalte selbständig verwalten.

https://klinische-sexologie.ch
Chiara Marti
Chiara Marti
Chiara Marti
Chiara Marti

Nigg Raffainer.

085.

In Ihrer täglichen Arbeit befassen sie sich mit der gestalteten Umwelt. Die Vielschichtigkeit architektonischer Projekte und der gestalterischen Möglichkeiten treibt sie an. Die Bauaufgabe vor Ort, die Auftraggeber und Nutzer bilden Synergien. Aus dem Potential, welche diese Synergien erbringen, entwickeln die Architekten Nigg Raffainer ihre Projekte.

In Zusammenarbeit mit Atlas Studio entwickelte ich die minimalstische Website für die beiden Architekten. Mit dem CSS basierten Rotations-Effekt erhält die Website einen Hauch 3D und im About Bereich wird die Rotation zur Rotation. Die Architekten editieren die Inhalte selbständig via WordPress.

https://nigg-raffainer.ch
Nigg Raffainer
Nigg Raffainer
Nigg Raffainer
Nigg Raffainer

Kunstmuseum Thun.

084.

Das Kunstmuseum Thun präsentiert in jährlich vier bis fünf Wechselausstellungen vorwiegend zeitgenössische Kunst. Neben thematisch und monografisch ausgerichteten Sonderausstellungen wird pro Jahr eine Sammlungsausstellung eingerichtet, die einen Teil der reichen Bestände unter einem besonderen Blickwinkel präsentiert. Die Kunstvermittlung hat im Museum ihren festen Platz: Generationenübergreifend unterstützt sie ein breites Angebot bei der Entzifferung der Sprache der Kunst und lässt Raum für eigene Deutungen.

In Kollaboration mit dem Berner Grafiker Duo Bonsma & Reist entwickelte ich die neue Website des Museum. Das Herzstück der Website ist der Katalog Online welcher aus einer Schnittstelle zu der Software E-Museum Plus besteht, in welcher alle Werke des Museums verwaltet werden. Mit der Schnittstelle wurden nun erste Werke für die Öffentlichkeit sichtbar und erlebbar. Die Werke können nach ettlichen Attributen wie Farben, Epochen und Themen entdeckt werden. Viele Werke haben zudem audiovisuelle Inhalte und Texte wurden in Leichter Sprache erfasst.

Während die Seite schlicht und aufgeräum wirkt, steckt technisch vieles unter der Haube und so werden minütlich Werke synchron gehalten und performance optimiert indexiert und geladen, Ausstellungen werden automatisiert sortiert, dargestellt und archiviert, flexible Komponenten lassen die Editoren Inhalte einfach zusammenstellen und die Seite ist zweisprachig in Deutsch und Englisch. Als CMS der Wahl wurde WordPress verwendet.

https://kunstmuseumthun.ch
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun
Kunstmuseum Thun

Staunen im Kinderbuch.

083.

Das Buch aufschlagen, die Seiten umwenden, anschauen, erzählen und vorlesen: Das Kinderbuch weckt Erwartungen, überrascht durch Neues, verwundert durch Seltsames, verlockt durch Unbekanntes und vergnügt durch das Wiedererkennen bekannter Dinge.

Die Online-Ausstellung «Staunen im Kinderbuch» verfolgt anhand ausgewählter Beispiele aus Kinderbüchern von der Mitte des 17. bis Anfang des 20. Jahrhunderts, wie sich Formen, Objekte, Ziele und Wertungen des Staunens über die Jahrhunderte veränderten. Sie führt in eine Geschichte des Kinderstaunens als eine Kultur- und Gesellschaftsgeschichte ein. Gleichzeitig eröffnet sie auch Einblicke in eine Geschichte der Imagination, der Kunst, der Literatur und der Pädagogik.

In Zusammenarbeit mit dem Zürcher Grafiker-Duo Resort Studio entwickelte ich die Website der Online-Austellung, welche mit Unterstützung der Universität Zürich und SIKJM entstand. Der Einstieg in die Welt der Bücher liefert eine Lottie-Animation. Auf dem Büchertisch sind die Grössen der Covers basierend auf deren realen Dimensionen. Durch die Detailansichten lässt es sich blättern und genau hinschauen, wie auch die Geschichte audiovisuell erleben. Filtermöglichkeiten bieten zudem die Kategorisierung nach Themengebieten. Die Website basiert auf WordPress.

http://staunenimkinderbuch.ch
Staunen im Kinderbuch
Staunen im Kinderbuch
Staunen im Kinderbuch
Staunen im Kinderbuch
Staunen im Kinderbuch
Staunen im Kinderbuch
Staunen im Kinderbuch
Staunen im Kinderbuch

Architetta.

082.

Das familiengeführte Architekturbüro Architetta aus Graubünden konzipiert und realisiert schon seit über 40 Jahren Bauten im ganzen Kanton und darüber hinaus. Seit Jahren mit einem Fokus auf möglichst energieschonende Gebäude und lokal produzierte Materialien.

In Zusammenarbeit dem Berner Grafik Studio Heyday entwickelte ich die neue Website für die Architekten. Mit Drag and Drop lässt sich das umfassende Werk erkunden und in die Bauten eintauchen, welche meist von imposanten Bergkulissen umgeben sind. Im Backend wurde WordPress verwendet und Animationen basieren auf JavaScript und CSS.

https://architetta.ch
Architetta
Architetta
Architetta
Architetta
Architetta
Architetta
Architetta

T7M.

082.

Die Website ist ein persönliches Projekt von Alexander Rodshtein, welcher damit sein Enthusiasmus für Fotografie und kreatives Schreiben verbindet. Er fragt nach prägenden Erinnerungen, unserem Antrieb und wie wir mit den schlimmsten Momenten in userem Leben umgehen. Was ist die Definition von Glück? The7Memories soll dazu beitragen, dass wir voneinander lernen können, und das in einem Rahmen, der mit ihren Werten vereinbar ist.

In Kollaboration mit dem Aarauer Grafik Design Studio Büro a+o entwickelte ich die neue Website. Da die Schwerpunktthemen wie Glück, Freundschaft, Tod, Familie, etc. meist miteinander verwoben sind, entstand eine eine grafische Darstellung welche diese Zusammenhänge visuell zeigt und entdecken lässt. Die Website basiert auf WordPress und lässt Alex alle Inhalte selbst verwalten und editieren.

https://the7memories.ch
T7M
T7M
T7M
T7M
T7M
T7M

Jazz Unleashed.

081.

Jazz Unleashed ist ein einzigartiges Ereignis: Berner Veranstalter*innen organisieren sich im Kollektiv und begeistern Menschen gemeinsam für improvisierte Musik. Ungewöhnliche Spielstätten locken mit „The Cuckoo Concerts“ ihr Publikum aus der Komfortzone. Kontroverse Erwartungen, Ansprüche und Leidenschaft vermischen sich. Kurzum: eine Bereicherung des Stadtlebens. Genre-Fluidität. Neue Impulse. Connections.

In Kollaboration mit der Berner Grafikerin Katharina Reidy entwickelte ich die Website für das kleine Festival. Auf Basis des von Ksawery Komputery entwickelte P5JS Script werden die Bilder der Musiker zum interaktiven Erlebnis und Klangwelten des Künstlers Philipp Moll untermalen zudem Mouseover Effekte. Auf Basis von WordPress kann das Festival die Inhalte selbständig verwalten.

https://jazzunleashed.com
Jazz Unleashed
Jazz Unleashed
Jazz Unleashed
Jazz Unleashed
Jazz Unleashed

Urs Brunner.

080.

Zu den grossen Passionen des 77 Jährigen Berner Malers und Illustrators Urs Brunner gehört das Gerätetauchen im Mittelmeer und den tropischen Korallenmeeren. Wiederholte Begegnungen mit der Arizona-Sonora-Wüste im Südwesten der USA üben ebenfalls eine gewaltige Faszination auf den Künstler aus. Beide Lebensräume beinhalten einerseits essentielle Schlüsselerlebnisse, andererseits auch Motivation für die Entwicklung seiner Bilderwelten im künstlerischen Schaffen. Seine Arbeiten welche stilistisch dem Hyper- bzw. Fotorealismus, aber auch dem Magischen Realismus zugeordnet werden können sind faszinierend und einmalig.

In Zusammenarbeit mit dem Berner Grafiker Roland Zenger entwickelte ich die Website des Künstlers. Die Website basiert auf flexiblen Komponenten um das umfassende Werk des Künstlers möglichst nahtlos und umfassend darstellen zu können. Als CMS wurde WordPress eingesetzt. Gestalterisch ist die Website schlicht und optimiert für die einfache Nutzerführung durch die Werke, welche thematisch kategorisiert sind.

https://ursbrunner.ch
Urs Brunner
Urs Brunner
Urs Brunner
Urs Brunner
Urs Brunner

Janosch Abel.

079.

Janosch Abel ist ein Berner Fotograf welche Bilder macht um Geschichten zu erzählen. Seine Arbeiten lassen ihn um die Welt reisen und vor seiner Linse standen bereits Persönlichkeiten wie Pharrel Williams oder Snoop Dogg. Auch seine Kundenliste lässt sich sehen und umfasst Namen wie Asics, On, Red Bull und Swatch.

In Zusammenarbeit mit dem Berner Design Duo Salzmann Gertsch durfte ich die neuen Website des Fotografen umsetzen. Als Single Page Applikation lassen sich mit einem einzigen Scroll die Arbeiten von Janosch entdecken. Auf Basis von WordPress kann er zudem seine Arbeiten flexibel anpassen und erweitern. Features beinhalten eine zufällig generierte Startseite, Lazy Video Loading, einen Infinity Photo Blog und Smooth Scroll.

https://janoschabel.com
Janosch Abel
Janosch Abel
Janosch Abel
Janosch Abel
Janosch Abel
Janosch Abel
Janosch Abel

Pfeffer/Verbeek.

078.

PFEFFER/VERBEEK ist das Modelabel der Modedesignerinnen Susanne Pfeffer und Nicole Verbeek. Die Marke steht für klare Looks, die auf das Wesentliche reduziert sind. Die bewusst erlesenen Materialien stammen aus Europa und sind zertifiziert. Die individuellen Anpassungsmöglichkeiten lassen nicht nur personalisierte Mode zu, sie tragen auch zur Nachhaltigkeit bei. Zusätzlich bewegt sich PFEFFER/VERBEEK weg vom klassischen Saisonzyklus. Die Kollektionen bauen aufeinander auf: In jeder Jahreszeit kommen neue Pieces dazu, die mit bestehenden Modellen der Linie zu einem neuen Outfit werden.

In Kollaboration mit der Berner Grafikerin Pia Fleischmann entwickelte ich die neue Website für das Modelabel. Basierend auf dem Konezpt von Pfeffer/Verbeek sollte die Website modular aufgebaut sein. Neue Kollektionen benötigen keine Neuprammierung der Website, sondern Farben können nach Kollektion angepasst werden, neue Kollektion und Stücke einfach via WordPress hinzugefügt werden.

https://pfefferverbeek.com
Pfeffer/Verbeek
Pfeffer/Verbeek
Pfeffer/Verbeek
Pfeffer/Verbeek
Pfeffer/Verbeek

Taking Measures.

077.

Das internationale Videosymposium fördert den Dialog zwischen Kunst und Forschung. Filmemacher, Künstler, Forscher und Wissenschaftler treten miteinander in einen kreativen und experimentellen Dialog über die Verwendung und das Verständnis von Formaten in Film und Videokunst.

Das Videosymposium wird von Fabienne Liptay, Carla Gabriela Engler und Laura Walde (Universität Zürich) in Zusammenarbeit mit Nurja Ritter und Nadia Schneider Willen (Migros Museum für Gegenwartskunst) veranstaltet. Es wird vom Schweizerischen Nationalfonds (SNF) und findet im Rahmen des Projekts „Exhibiting Film: Challenges of Format“. statt.

In Kollaboration mit der Zürcher Agentur Resort Studio entwickelte ich ich neue Website für Taking Measures. In enger Zusammenarbeit entstand so eine spannende Singe Page Applikation, welche mit WordPress verwaltet werden kann.

https://takingmeasures.ch
Taking Measures
Taking Measures
Taking Measures
Taking Measures
Taking Measures
Taking Measures
Taking Measures
Taking Measures
Taking Measures

Luna Productions.

076.

Das Architekturbüro Luna Productions wurde 2014 von den beiden Architekten Nadja und Lukas Frei gegründet. Ihre Bauten und Projekte bestechen durch Nachhaltigkeit und moderne Formen. Und genau dieser Minimalismus sollte sich auch auf der neuen Website wiederfinden.

In Kollaboration mit Atelier Pol durfte ich die neue Website für Luna Productions entwickeln. Nach einem strengen Grid, detailverliebter Typografie und wenigen Schriftgrössen verkörpert die Website die Arbeit der beiden Architekten. Das auf WordPress basierte CMS kann durch die beiden selbständig verwaltet und ergänzt werden. Die Website wurde zudem auf Performance und schnelle Ladezeiten optimiert.

https://luna-productions.ch
Luna Productions
Luna Productions
Luna Productions
Luna Productions
Luna Productions
Luna Productions
Luna Productions

The Comfort of Books.

075.

The Comfort of Books ist ein Nebenprojekt von Patrizia Crivelli aus Bern. Basierend auf einem Fragebogen und einem 45 Minütigen Gespräch, bietet sie personalisierte und individuelle Buchempfehlungen. Die Gespräche können in Deutsch, Englisch, Französisch und Italienisch stattfinden.

In Zusammenarbeit mit Katharina Reidy entwickelte ich die neue Website für das Projekt. Während die Funktionalität simpel ist, entstand trotzdem eine spannende Idee das Thema Buch in ein frisches Konzept zu packen. Patrizia kann über das Backend frei wählbare Buch-Cover hochladen, welche danach auf der Landingpage jeweils random und via CSS komplett verändert dargestellt werden. Entsprechend ist die Website, genau wie die Buchempfehlungen bei jedem Aufruf individuell und einzigartig.

https://thecomfortofbooks.com
The Comfort of Books
The Comfort of Books
The Comfort of Books
The Comfort of Books

Jan Kinsbergen.

074.

Jan Kinsbergen arbeitete nach seinem Architekturstudium an der ETH Zürich zuerst bei Professor Hans Kollhoff. 1993 zog es ihn beruflich nach New York City. Dort war er bis 1999 im Architekturbüro Steven Holl angestellt. Im Anschluss gründete er sein eigenes Architekturbüro, ebenfalls in New York. Während dieser Zeit unterrichtete Jan Kinsbergen das Fach Architektur als Gastwissenschaftler an der Columbia GSAPP University in New York und war von 2002 bis 2008 Fakultätsmitglied an der ETH Zürich. Seit 2002 leitet er nun das Büro Jan Kinsbergen Architekt in Zürich, Schweiz.

In Zusammenarbeit mit der Zürcher Grafikerin Aline Ozkan entwickelte ich die Website von Jan Kinsbergen. Mit einem minimalistischen Konzept galt das Augenmerk den Details, wie einer intelligenten Lade- und Entlade Funktion der Bilder und Videos, Skalierbarer Typografie und optimaler Darstellung der Inhalte auf allen Bildschirmgrössen. Basierend auf WordPress kann Jan Bilder und Vimeo Videos über das Backend integrieren, editieren und sortieren.

https://jankinsbergen.ch
Jan Kinsbergen
Jan Kinsbergen
Jan Kinsbergen
Jan Kinsbergen

Kinderregion.

073.

Die Website der Kinderregion wurde von Zürich Tourismus, Rapperswil Zürichsee Tourismus, Zug Tourismus, die Stadt Baden und das House of Winterthur gegründet und hat sich zum Ziel gesetzt, den Familientourismus zu fördern und die Angebote der Tourismusregion Zürich gemeinsam zu kommunizieren.

In Kollaboration mit CinCin Studio und Zürich Tourismus entwickelte ich die neue Website der Kinderregion. Auf Basis einer REST API können die Editoren nun vereinfacht Inhalte von Zürich Tourismus importieren und, falls gewünscht, mit eigenen Inhalten erweitern. Zusätzlich entwickelte ich Filtermöglichkeiten und eine massgeschneiderte Google Maps Integration zu den rund 600 Angeboten. Die Website ist zudem zweisprachig und optimiert für SEO.

https://kinderregion.ch
Kinderregion
Kinderregion
Kinderregion
Kinderregion
Kinderregion
Kinderregion
Kinderregion
Kinderregion

Stadtgalerie.

072.

Die Stadtgalerie Bern zeigt, vermittelt, produziert und fördert zeitgenössischer Kunst. Als städtische Institution und Teil von Kultur Stadt Bern versteht sie sich als ein Ort der Öffentlichkeit, der Auseinandersetzung mit Kunst und zentralen Fragen unserer Gegenwart. Seit über 50 Jahren zeigt die Stadtgalerie das Berner Kunstschaffen, stellt dieses in einen (inter-)nationalen Kontext und schafft Raum für Dialog und Austausch.

In Kollaboration mit dem Grafiker-Duo Kornhaus Atelier durfte ich neue Website der Galerie entwickeln. Mit einer skalierbaren Typografie, viel Weissraum, Überlagerungen und einem klaren Regelwerk von Stilvorlagen wirkt die Website zeitlos und ästhetisch. Doch die Seite kann sich auch unter der Haube sehen lassen: der Kurator kann jeweils selbständig Ausstellungen und Veranstaltungen erfassen, diese simpel miteinander verknüpfen, eine Weiterlesen Funktion hinzufügen, archivieren und dokumentieren und dies zweisprachig mit Synchron-Funktion gewisser Inhalte. Ausstellungen wurden bis 2009 erfasst um das umfassende Archiv der Stadtgalerie sichtbar zu machen.

https://stadtgalerie.ch
Stadtgalerie
Stadtgalerie
Stadtgalerie
Stadtgalerie
Stadtgalerie
Stadtgalerie
Stadtgalerie
Stadtgalerie
Stadtgalerie

La Stoll.

071.

Fabienne Stoll aka La Stoll ist getrieben von einer grossen Leidenschaft für neue Formen von Arbeit, Wirtschaft und Gesellschaft. Als bilingue «Fribourgeoise» mit mehr als 13 Jahren Erfahrung in Kommunikation, Beratung und Coaching steht sie ihren Kunden in allen Bereichen gerne zur Seite.

In Zusammenarbeit mit der Gestalterin Andrea Noti durfte ich die neue Website entwickeln. Die 3 Hauptbereiche Communication Design, Life Design und Organization Design werden dabei jeweils durch unterschiedliche Farb-Schemen und Animationen auf Basis der Airbnb-Technologie „Lottie“ repräsentiert. Je nach Bildschirmgrösse ändert sich die Navigation und das Layout der Website grundlegend. Inhalte werden dabei ebenfalls in gekürzter und ausklappbarer Form dargestellt um die Einfachheit und den Weissraum auch bei kleiner Displaygrösse zu erhalten.

https://lastoll.ch
La Stoll
La Stoll
La Stoll
La Stoll
La Stoll
La Stoll

Hocus & Pocus.

070.

Hocus & Pocus ist ein kleines aber feines Grafik-Atelier aus Liechtenstein. Weil das Studio mit ihrer neuen Website den Minimalismus zelebrieren will, kommt die Website ganz ohne Navigation aus. Mit verspielten Mikro-Animationen unterstreichen sie gewollt ihre Liebe zum Detail — und ihr Humor findet sich nicht nur im Inhalt, sondern auch im eigen entwickelten Game!

Das massgeschneiderte Typo Breaker Game generiert die Texte direkt aus dem CMS. Auf 5 Levels können sich Spieler entsprechend durch grelle Farben und Typografie-Experimente spielen. Die Besten der Besten verewigen sich danach in der Highscore Liste! Während die Umsetzung der Website für eine Vielzahl für Devices anfordernd war, galt es auch die Typografie skalierbar zu programmieren und bei Animationen auf CSS Animationen zu setzen.

https://hocus-pocus.li
Hocus & Pocus
Hocus & Pocus
Hocus & Pocus
Hocus & Pocus
Hocus & Pocus
Hocus & Pocus
Hocus & Pocus
Hocus & Pocus
Hocus & Pocus

LocherPilz.

069.

LocherPilz versteht Architektur als die handwerkliche und ästhetische Auseinandersetzung des Menschen mit dem gebauten Raum. Unter Berücksichtigung der Gegebenheiten des Ortes und des Kontextes entwerfen, gestalten und konstruieren sie individuelle Antworten für spezifische Bauaufgaben.

In Kollaboration mit der Designerin Claudia Eggimann entwickelte ich die neue Website für das Architektur-Duo aus Zürich. Mit viel Lust an der Experimentation mit CSS Polygon Shapes, Smooth Scrolling und anfänglich noch verzerrten Bilderwelten kämpften wir uns durch den Dschungel des Browser-Supports um am Schluss den perfekten Mix zwischen Minimalismus und experimenteller Moderne zu finden. Basierend auf WordPress können die Architekten ihre Projekte selbständig verwalten, sortieren, editieren und erweitern.

https://locherpilz.com
LocherPilz
LocherPilz
LocherPilz
LocherPilz
LocherPilz
LocherPilz
LocherPilz

Studio Mo.

068.

Studio Mo rückt nachhaltig produzierte Kleinserien – auch: slow goods – genauso in den Fokus wie die Produzentinnen, Designer und Künstlerinnen dahinter. Die kuratierte Plattform erzählt die Geschichten von lokal hergestellten Produkten und gibt ihnen so ein Gesicht. Studio Mo’s ausgesuchtes Netzwerk aus kreativen Menschen und ihren Produkten bringt Schönes langsam, aber sicher stilvoll in dein Daheim. Hinter Studio Mo steht Lea Moser. Die Fotografin aus Bern hat sowohl das Auge für wertige, einzigartige Dinge, als auch viel Sympathie für Authentizität und Charakter.

In Zusammenarbeit mit Kornhaus Atelier entwickelte ich den Webshop der Plattform. Je nach Saison, Stimmung und Auswahl stehen verschiedene Farbpaletten zur Auswahl um die Produkte mit dem nötigen Mood zu unterstreichen. Der Spray-Effekt wurde auf der von Airbnb entwickelten Lottie Technologie umgesetzt. Das Herzstück der Website, der Webshop basiert auf WordPress und WooCommerce und lässt Lea die Produkte, deren Varianten und Lagerbestände selbständig verwalten. Bezahlungen werden via Paypal Express (Mastercard, Visa) abgewickelt.

https://studiomo.ch
Studio Mo
Studio Mo
Studio Mo
Studio Mo
Studio Mo
Studio Mo
Studio Mo
Studio Mo

OpaqueScript.

067.

Unter Opazität wird in der Papierherstellung, im Druckwesen und der Typografie die Lichtundurchlässigkeit von grafischen Papieren und Kartonagen verstanden. Ein «opakes Papier» ist folglich ein undurchsichtiges, blickdichtes Papier. Je nach Papierbeschaffenheit ist die Opazität grösser (zum Beispiel bei dickem, gestrichenen Papier) oder geringer (dünnes Offset-Papier).

Basierend auf dem Konzept und Design von Studio Bonsma Reist entwickelte ich ein Script für das Layout-Programm Adobe InDesign, welches die Opazität eines Papiers digital simuliert. Mithilfe dieses Scripts können InDesign-Dateien ab mindestens zwei angelegten Seiten (recto / verso) auf die Effekte der Opazität hin getestet werden. OpaqueScript dient sowohl als Gestaltungsmittel und Kreativtool für die Designer*innen, als auch zur Kontrolle von Druckdaten im Produktionsprozess für die Druckindustrie. Das Script befindet sich aktuell in der Betaphase und kann von interessierten Designer*innen über unsere Website angefragt werden.

Das Projekt wurde unterstützt von der Berner Design Stiftung.

https://opaquescript.com
OpaqueScript
OpaqueScript
OpaqueScript
OpaqueScript
OpaqueScript

Fundazium Nairs.

066.

Die Fundaziun Nairs ist eine einzigartige Synthese von Künstlerhaus, Kunsthalle und Kulturlabor. 2005 gegründet, fördert die Stiftung den Dialog und die Zusammenarbeit zwischen den Kunstsparten und vernetzt das Engadin mit anderen Kulturen dieser Welt. Wer Unbekanntes und Ungewohntes, Vertiefung und Konzentration sucht, wird hier fündig.

In Kollaboration mit der Zürcher Agentur Hej durfte ich die technische Umsetzung der neuen Website anbieten. Da Nairs eine Vielzahl von Inhalt hat galt es ein flexibles Content-System zu entwickeln, welches ihnen die Freiheit bietet, je Seite massgeschneiderte zusammen zu erstellen. Komponenten wie Text, Verlinkungen, Galerien und Linklisten können so in 1-, 2- oder 3-Spaltige Grids platziert werden. Je nach Bildschirmgrössen ändern diese Spalten und Komponenten dann Form, Platzierung und Grösse. Vergangene Veranstaltungen und Ausstellungen werden zudem täglich automatisiert in das digitale Archiv verschoben.

Digitalisierung war das Stichwort, als es um die automatische Verarbeitung der Artist in Residence Programme geht. Formulardaten werden neu automatisiert im Backend als XLS Export zusammen gefasst und Bewerbungs-Files werden automatisch zu PDF-Dossiers generiert, damit diese digital der Jury übermittelt werden können. Was vorher in Handarbeit erledigt wurde, kann nun automatisiert in wenigen Klicks passieren.

https://nairs.ch
Fundazium Nairs
Fundazium Nairs
Fundazium Nairs
Fundazium Nairs
Fundazium Nairs
Fundazium Nairs
Fundazium Nairs
Fundazium Nairs

Rea Wittwer.

065.

Rea Wittwer ist eine freischaffende Texterin aus Bern. Sie verfasst journalistische Beiträge sowie Marketing- und PR-Texte für Print und Online. Je nach Auftrag entwickelt sie zudem Konzepte, realisiert ganze Projekte oder schliesst sich mit Leuten aus ihrem Netzwerk zusammen.

In Kollaboration mit dem Grafik Studio Kornhaus Atelier entwickelte ich die neue Website für Rea. Je nach Lust und Laune kann sie ihre Website in 5 verschiedenen Farbpaletten erstrahlen lassen und so ihren Texten den gewünschten Kolorit verpassen! Viel Arbeit wurde in die Detail-Typografie und den perfekten Weissraum gelegt. Zudem verändert das horizontal geteilte Layout auf Desktop seine Form zu einer vertikalen Ansicht auf Mobile. Unter der Haube läuft WordPress, damit Rea ihre Projekte jederzeit selbständig bearbeiten und erweitern kann.

https://reawittwer.ch
Rea Wittwer
Rea Wittwer
Rea Wittwer
Rea Wittwer
Rea Wittwer
Rea Wittwer
Rea Wittwer
Rea Wittwer

Kulturdünger.

064.

Kulturdünger unterstützt und fördert seit 1989 kreative Ideen und Projekte von jungen Kulturschaffenden aus dem Aargau mit finanzieller Starthilfe und Projektberatungen.

In Kollaboration mit dem Büro a+o durfte ich die neue Website entwickeln. Immer offen für neue Ideen und ganz im Sinne des digitalen Nomadentums entwickelten wir einen Teil der Funktionalitäten und Designs gemeinsam in einer Alphütte im Berner Oberland. Und das Ergebnis darf sich sehen lassen: verpielte Elemente und Animationen, grosse Typografie und ein ungewohntes Navigations-Konzept sollen Teens & Tweens bis 26 dazu animieren ihre Kultur-Projekte einzureichen und die bisherigen Projekte zu erstöbern.

https://kulturduenger.ch
Kulturdünger
Kulturdünger
Kulturdünger
Kulturdünger
Kulturdünger
Kulturdünger
Kulturdünger
Kulturdünger

Moobel.

063.

Moobel ist das nachhaltige und freshe Schweizer Möbellabel, welches 1998 von Monika Peier gegründet wurde. Der Ursprung von Moobel liegt im 1967 von Walter Brand entwickelten Gartenstuhl, welcher sich seither als Schweizer Designklassiker etabliert hat! In Zusammenarbeit mit Büro a+o durfte ich im Zuge des neuen Brandings die Website und den neuen Online-Shop umsetzen.

Auf Basis von WordPress hat die Kundin die Möglichkeit alle Produkte im Backend zu verwalten, Preise und die Lagerverwaltung jederzeit anzupassen, sowie über Cross-Selling Funktionalitäten passende Produkte-Combos zu kreieren. In einem News- und Referenz Bereich werden ausserdem über spannende Kollaborationen und Aufträge berichtet.

Im Frontend werden die Produkte und die Bildwelt in einer Kombination von minimalen Illustrationen und vollflächigen Bildern perfekt in Szene gesetzt. Mit einer farbigen Bildwelt, grosser Typografie, viel Weissraum und Mikro-Animationen kann man so, als User ganzjährig in die sommerliche Welt von moobel eintauchen. Der Kaufprozess wurde vereinfacht und optimiert! Und bezahlt wird natürlich mit allen gängigen digitalen Zahlungmitteln wie MasterCard, Visa oder Postfinance.

https://moobel.ch
Moobel
Moobel
Moobel

Kraftreaktor.

062.

Der Kraftreaktor gilt als der Treffpunkt der Kletterszene im Aargau. Die eindrückliche 18 Meter hohe Halle bietet rund 70 Routen und das 20 Meter überhängende Dach bringt selbst das Adrenalin von erfahrenen Klettern zum kochen! Eine grosse Boulder-Halle, Kletter-Kurse und ein Café runden das Angebot ab. Seit der Eröffnung vor rund 22 Jahren konnte eine treue Stamm-Kundschaft aufgebaut werden und täglich wird Anfängern die Freude und Sicherheit am Seil von leidenschaftlichen Klettern vermittelt.

In Kollaboration mit dem Aarauer Grafik Atelier Büro a+o erhielt ich den Auftrag, die neue Website in Zusammenhang mit dem neuen Branding umsetzen. Basierend auf Adobe XD Prototypen entwickelte ich eine flexible Inhaltsstruktur auf Basis von WordPress. Entsprechend kann Kraftreaktor selbständig Inhalte basierend auf ihren Branding Guidelines generieren. Daten der aktuellen Routen werden über eine Schnittstelle vom Routen-Tool übernommen und können entsprechend in Realtime auf der Website dargestellt werden.

Mit Scroll- und Mikro-Animationen, Blur-Effekten und der Integration des animierten Logos via der Lottie Technologie enstand auch im Frontend eine moderne Umsetzung mit App Charakter. Die Inhalte, wie auch die Navigation werden mit viel Weissraum dargestellt um den Blick auf das Wesentliche zu lenken und die geometrische Schrift Stolzl von The Northern Block unterstützt die mimalistische und moderne Aesthetik der Website.

https://kraftreaktor.ch
Kraftreaktor
Kraftreaktor
Kraftreaktor
Kraftreaktor
Kraftreaktor
Kraftreaktor
Kraftreaktor
Kraftreaktor
Kraftreaktor

Fundaziun Nairs.

061.

Die Fundaziun Nairs ist eine einzigartige Synthese von Künstlerhaus, Kunsthalle und Kulturzentrum. Sie vernetzt das Engadin mit anderen Kulturen dieser Welt.

Mit Sitz im historischen Badehaus von 1913 an den Mineralquellen des Inn bietet die Stiftung Ausstellungen, Konzerte, Lesungen, Filme, Diskussionen, Führungen und Architekturspaziergänge. Gleichzeitig vergibt die Fundaziun Nairs seit 30 Jahren Arbeitsaufenthalte an Künstler*innen aus aller Welt.

In Zusammenarbeit mit der Agentur Hej in Zürich, entwickelte ich die minimalistische und temporäre Single Page Website, welche die wichtigsten Inhalte bis zur Umsetzung der vollumfänglichen Website Ende Jahr anzeigt.

https://nairs.ch
Fundaziun Nairs
Fundaziun Nairs
Fundaziun Nairs
Fundaziun Nairs
Fundaziun Nairs
Fundaziun Nairs

Gurtenfestival '19.

060.

Während das Gurtenfestival 1977 als kleines alternatives Kulturfestival startete, ist es mittlerweile zu einem der grössten Musikfestivals der Schweiz angewachsen. Mit rund 20’000 Besuchern pro Tag, einem internationalen Lineup und der stehts friedlichen Stimmung auf dem Berner Hausberg gehört es zu meinem persönlichen Lieblings-Festivals. Umso grösser ist die Freude, dass ich die Chance erhielt, in Zusammenarbeit mit der Berner Agentur Kargo die neue Website umzusetzen.

Die Bern umfliessende Aare wurde zum Thema des diesjährigen Festivals gemacht und so programmierte ich vielschichtige Interaktionen und Effekte auf Basis des Elements Wasser. Entsprechend reagiert beispielsweise der Hintergrund auf Bewegungen des Smartphones. Das Logo wurde zudem via der von Airbnb entwickelten Lottie Technologie animiert. Viele Mikro-Animationen sollen nicht nur unterhalten, sondern auch die Benutzerfreundlichkeit verbessern.

Basis der Applikation ist das CMS WordPress, wobei Daten zusätzlich via Schnittstelle in die Applikation geladen werden. Entsprechend können die Administratoren des Festivals eigenständig Acts, Stages und Timetables gemäss Medienplan publizieren. Im Hintergrund werden Daten in Realtime mit der Website synchronisiert und diverse offene und geschützte Bereich bieten Gästen und Medienschaffenden alle benötigten Informationen. Während des Festivals steigt die Zahl der Aufrufe auf rund 70’000 Besucher pro Tag, wofür mehrere Server für die nötige Lastverteilung sorgen werden.

https://gurtenfestival.ch
Gurtenfestival '19
Gurtenfestival '19
Gurtenfestival '19
Gurtenfestival '19
Gurtenfestival '19
Gurtenfestival '19
Gurtenfestival '19
Gurtenfestival '19
Gurtenfestival '19

Visarte.

059.

Visarte ist der Berufsverband der visuell schaffenden Künstlerinnen und Künstler in der Schweiz. Er vertritt ihre Interessen auf politischer und gesellschaftlicher Ebene. Visarte setzt sich für gute Rahmenbedingungen im Zusammenhang mit dem künstlerischen Schaffen ein und berät Künstlerinnen und Künstler.

In Zusammenarbeit mit Atelier Pol entwickelte ich die neue Website, welche sich in der Gestalt und Typografie jeweils der Bildschirmgrösse optimal anpasst. Entsprechend ergaben sich 7 verschiedene Breakpoints, welche das Layout je nach Device und Auflösung verändern. Auf WordPress basierend und mit modularen Inhalts-Elementen kann Visarte jede Seite selbständig zusammenstellen und in 3 Sprachen zur Verfügung stellen. Angebunden ist zudem eine Schnittstelle zu einer externen Mitglieder-Software, welche mittels API die Logins validiert und Inhalte für Visarte-Mitglieder freigibt.

https://visarte.ch
Visarte
Visarte
Visarte
Visarte
Visarte
Visarte
Visarte
Visarte

Swica Report '18.

058.

SWICA ist eine der führenden Kranken- und Unfallversicherungen der Schweiz mit rund 1,5 Millionen Versicherten und 27’000 Unternehmenskunden.

In Zusammenarbeit mit der Zürcher Agentur Hej durfte ich wiederholt den digitalen Geschäftsbericht von SWICA umsetzen. Im Fokus standen dieses Jahr die Dienstleistungen, welche SWICA 7×24 für ihre Kunden erbringt. Zu Themen wie Chatbots oder Rechnungs-Apps erklärt der sympathische CEO Reto Dahinden den Stand der Dinge und Zukunftspläne mittels Audio-Kommentaren.

Die wunderbaren Illustrationen stammen vom Berner Illustrator Christoph Frei alias Chragokyberneticks. Mit der von Airbnb entwickelten Open-Source Technologie Lottie hauchten wir den sympathisch-illustrierten Charakteren Leben ein. Anspruchsvoll war zudem die Programmierung der komplexen Finanzbericht-Tabellen, welche auch auf Mobile Devices optimal dargestellt werden sollen.

https://report.swica.ch
Swica Report '18
Swica Report '18
Swica Report '18
Swica Report '18
Swica Report '18
Swica Report '18
Swica Report '18

NOLD Skateboards.

057.

Im Sommer 2009 traf ich das erste Mal den Gründer und Macher von Nold Skateboards Marc Casagrande an einem Surfer Beach irgendwo an der Westküste von Portugal. Daraus entwickelte sich die Art von Männer-Freundschaft, bei welcher man zusammen jauchzend den tief verschneiten Pow Pow mit dem Snowboard erkundet, die strahlend blaue Wellen des Meeres surft und skatet bis einem die Luft ausgeht.

Als „Casi“ letztes Jahr seine eigene Skateboard Firma gründete, wollten wir genau diesen Vibe und seine Ursprünge der goldenen 80iger Jahre in das Web übertragen. Die Grafikerin Pia Fleischmann entwickelte daraufhin ein wunderbares Konzept und Design, welches die grellen Farben, die Verspieltheit und den Dreck dieser Zeit wieder aufleben lässt!

Ein Gimmick der Website, dass ich besonders mag: jeder, der schon auf einem Board stand, weiss, dass man sich am Anfang fragen muss, ob man Regular oder Goofie auf dem Brett steht, und dieser Tatsache bedienten wir uns auf der Website – fährt man Regular, ist die ganze Website links ausgerichtet, steht man Goofy navigiert man rechts durch die Seite! 🤙

OLD, aber doch nicht!
NOT OLD, kurz:
«NOLD»

https://noldboards.ch
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards
NOLD Skateboards

Pia Fleischmann.

056.

Die Schweizer Grafikerin Pia Fleischmann sammelte die letzten 10 Jahren in kleinen wie grossen Grafik-Studios Erfahrungen in den Bereichen Design, Branding, Typografie, Product Design und Motion.

Mit viel Ehrgeiz, Freude an der Arbeit, einer Liebe zum Detail und ihrem spielerisch-minimalen Stil hat sie nun den Sprung ins kalte Wasser gewagt und sich als Grafikerin selbständig gemacht. Sie bietet ihren Kunden massgeschneiderte Brandings, erarbeitet Verpackungen für Produkte, gestaltet digitale Auftritte und weiss sich im Corporate- und Editorial Design zu bewegen.

In der Umsetzung der Website galt es, genau diesen Charakter in Bits und Bytes umzuwandeln und ihren zukünftigen Kunden die Vielfalt ihres Know-Hows von gedruckt bis digital und von statisch bis bewegt aufzuzeigen. Und so erarbeiteten wir zusammen eine Single-Page Website, welche den Benutzer in Pias Welt eintauchen lässt. In dieser digitalen Umgebung erkundet man nicht nur ihren Werdegang und ihre Services sondern auch erste Arbeiten, welche sie in den letzten Monaten umsetzen durfte.

https://piafleischmann.com
Pia Fleischmann
Pia Fleischmann
Pia Fleischmann
Pia Fleischmann
Pia Fleischmann
Pia Fleischmann
Pia Fleischmann
Pia Fleischmann

Iyengar.

055.

Iyengar Yoga ist körperlich wie geistig herausfordernd und zeichnet sich durch Präzision und Konzentration in der Ausrichtung und Ausführung der Stellungen (Asanas) und der Atemübungen (Pranayama) aus. Iyengar Yoga Lehrerinnen und Lehrer durchlaufen eine mehrjährige und intensive Ausbildung, die neben der Vertiefung der eigenen Praxis und dem Erlernen des Unterrichtens auch die Bereiche Anatomie und Yoga-Philosophie umfasst.

In Zusammenarbeit mit der Grafikerin Claudia Eggimann entwickelte ich die neue Website für den Verein Iyengar Yoga Schweiz, welcher 1999 durch eine Handvoll Übende und Lehrende gegründet wurde und seither kontinuierlich gewachsen ist. Mittlerweile zählt der Verein mehr als 200 Mitglieder, wovon etwas mehr als 100 Personen zertifizierte Iyengar Yoga Lehrerinnen und Lehrer sind.

Die auf WordPress basierte Website wurde gemäss den neuen Anforderungen des Kunden entwickelt und bietet neben einer mehrsprachigen Umsetzung auch die Funktionalität selbständig Inhalte und Agenda Einträge zu erfassen. Der Pool der LehrerInnen wird automatisert via Schnittstelle von ihrem CRM importiert und auf der Website mit Filter- und Such-Funktionen ergänzt. Ein geschützter Member-Bereich bietet dem Verein zudem die Möglichkeit weitere Informationen, Downloads und Veranstaltungen ihren Mitgliedern exklusiv online zur Verfügung zu stellen. Basierend auf den neuen Branding Guidelines kann der Kunde zwischen fünf Farbprofilen wählen und Elemente wie Gallerien, Zitate, Textboxen und Videos nach Bedarf flexibel einsetzen. Die Website hält sich bewusst mit viel Weissraum im Hintergrund und überrascht immer wieder mit Mikro-Animationen, welche erst beim Rollover gewisser Elemente sichtbar werden.

https://iyengar.ch
Iyengar
Iyengar
Iyengar
Iyengar
Iyengar
Iyengar
Iyengar

Zimmermann Architekten.

054.

In Zusammenarbeit mit der Grafikern Andrea Noti erarbeitete ich die minimalistische Website für das Zürcher Architekturbüro Büro Zimmermann Architekten. Die Seite spielt mit der Geometrie und einfachen Formen um den Fokus des Besuchers auf das wesentliche zu lenken. Die Punkte auf der Startseite symbolisieren beispielsweise das breite Tätigkeitsfeld in den verschiedenen Regionen der Schweiz und bietet gleichzeitig den Einstiegspunkt in die Projekte. Denn das junge Büro ist ehrgeizig und fokussiert sich auf die Ausführungsplanung, Bauleitung wie auch auf Studien und entwerferische Tätigkeiten.

https://ziar.ch
Zimmermann Architekten
Zimmermann Architekten
Zimmermann Architekten
Zimmermann Architekten
Zimmermann Architekten
Zimmermann Architekten
Zimmermann Architekten
Zimmermann Architekten

Junge Bühne Bern.

053.

Seit der Gründung im Jahr 2006 engagiert sich die Junge Bühne Bern für Kinder und Junge Erwachsene, die sich für Theater begeistern und sich auf der Bühne austoben möchten. Neben den zahlreichen Projekten mit Kindern und Jugendlichen aus dem Grossraum Bern, engagiert sich die Junge Bühne auch seit längerem für die Integration von Asylsuchende und Wahlschweizerinnen und -schweizer. Für die Betreuung der über 200 Clubmitglieder engagieren sich mehrere Choreografen, Theaterpädagoginnen und Musiker um sicherstellen, dass die Junge Bühne Bern auch zukünftig die Kulturlandschaft von Bern mitgestalten kann.

In enger Zusammenarbeit mit dem Grafik-Studio B&R, welche die Poster des Theaters bereits seit 2011 gestaltet, durfe ich die neue Website umsetzen. Das Ziel war, die Seite mit dem sechsmonatigen, schön gestalteten Programmheft zusammenzuführen. Ich entwickelte dafür ein Web-Framework auf Basis von JavaScript und HTML5 um die Farben, Grafik und Animation des Prints in die digitale Welte zu bringen. Da es sich bei der Zielgruppe um Kinder wie auch Erwachsene handelt, sollte die Seite zwingend einen spielerischen Charakter aufweisen und so investierten wir viel Zeit in Experimente, Interaktions-Design und Effekte. Neben Design und Interaktion galt ein grosser Teil der Arbeit auch der Vereinfachung und Digitalisierung der Prozesse. Beispielsweise entwickelte ich ein massgeschneidertes Reservations-Tool, welches nicht nur den Gästen die Möglichkeit gibt, auch neben Bürozeiten eine Reservation zu tätigen sondern auch den Mitarbeitern den Einlass und die Kasse vereinfacht.

https://junge-buehne-bern.ch
Junge Bühne Bern
Junge Bühne Bern
Junge Bühne Bern
Junge Bühne Bern
Junge Bühne Bern
Junge Bühne Bern
Junge Bühne Bern
Junge Bühne Bern

Wir sind Artisten.

052.

Das Salzburger Büro für Gestaltung Wir Sind Artisten, gegründet vom Designer Alex Stieg und bestehend aus einem Team von passionierten Designern, arbeitet hauptsächlich im Bereich von Branding, Editorial- und Buchdesign, Corporate Publishing, Webdesign, Ausstellungsgestaltung und Verpackungsdesign.

Die Ansprüche an die Website waren klar definiert: es galt eine reduzierte, performante und elegante Website umzusetzen mit viel Weissraum, der Möglichkeit zur Integration von Videos und der optimalen Darstellung der Cases auf jeder Bildschirmgrösse. Die Website wurde darum als Single Page Application umgesetzt und als Backend verwendete ich WordPress. Alex kann nun einfach und jederzeit seine Projekte und Inhalte erfassen und editieren.

https://wirsindartisten.com/
Wir sind Artisten
Wir sind Artisten
Wir sind Artisten

Studio Sansano.

051.

Studio Sansano ist ein interdisziplinäres Entwurfs- und Planungsbüro. Sie sammeln Geschichten und Dinge die sie umgeben und denen sie begegnen. Daraus entwickeln sie Projekte für Kunst, Bau und Film. Paula Sansano ist Architektin ETH und führt Studio Sansano in Bern mit Fokus auf architektonische Transformationsprozesse. Seit 2016 leitet sie ebenfalls in der Berner Altstadt den Affspace – Offspace für Architektur.

In Zusammenarbeit mit Atelier Pol entwickelte ich als Teil eines neuen Gesamtauftrittes die Website. In der neuen Hausfarbe und mit moderner Typografie lässt man den Besucher in die Welt des Studios eintauchen und zeigt die vielschichtigen Projekte in Form von Text, Bild und Video. Auf der Startseite soll zudem die eigene Kreativität geweckt werden und so kann diese Seite wild bemalt werden.

Als Basis-CMS wurde WordPress eingesetzt und mit flexiblen Inhalts-Elementen kann Paula mit sehr diversen Medien-Elementen die Projekte nach eigenem Wunsch zusammenstellen und externe Elemente wie Video und Audio selbständig einbinden.

https://studiosansano.ch
Studio Sansano
Studio Sansano
Studio Sansano
Studio Sansano
Studio Sansano
Studio Sansano
Studio Sansano
Studio Sansano

Swica Report '17.

050.

SWICA ist eine der führenden Kranken- und Unfallversicherungen der Schweiz mit rund 1,4 Millionen Versicherten und 27’300 Unternehmenskunden. Das erfolgreiche Jubiläumsjahr 2017 galt es in’s Web zu transportieren.

In Zusammenarbeit mit dem Zürcher Grafik-Studio Hej erarbeitete ich die neue Online-Reporting Website des vergangenen Geschäftsjahres. Im Fokus der Singe Page Website stehen Audio-Aufnahme des CEO Reto Dahinden, welche sich mit Klick auf der Startseite in 3 Landessprachen hören lassen. Die Website lebt zudem von den fröhlichen Illustrationen des Berner Illustrator Christoph Frei. Neben den wichtigsten Zahlen und Fakten, welchen in Diagrammen dargestellt werden und einer responsive-optimierten Tabelle für die Erfolgsrechnung und Bilanz glänzt die Seite durch ein übersichtliches UX-Design und reduzierte Animation.

https://report.swica.ch/2017/
Swica Report '17
Swica Report '17
Swica Report '17
Swica Report '17

Ladies Wine Design.

049.

Ladies Wine Design wurde von Jessica Walsh als eine Initiative zur Förderung der Kreativität von Frauen gestartet. Aktuell ist lediglich ein kleiner Prozentsatz von Creative Directors Frauen und deshalb möchte LW & D dazu beitragen, dies durch Mentoren-Kreise, Portfolio-Reviews und kreative Treffen zu ändern. In weniger als einem Jahr nach Launch der Website, ist das Projekt auf über 120 Städte angewachsen.

In Zusammenarbeit mit der New Yorker Agentur Sagmeister & Walsh hatte ich die Chance, die komplette Website neu aufzubauen und in enger Kollaboration mit den Designern die neuen Module zu programmieren. Diese beinhalten beispielsweise die Programmierung eines Responsiven Verhaltens für Tablet und Mobile Geräte, ein Reservations-Tool, eine massgeschneiderte Google Maps Integration mit der Möglichkeit Kontinente, Länder und Städte zu filtern, eine Galerie der letzten Events sowie einen Interview-Bereich und Instagram Integration.

Die Arbeit an dem Projekt war mehr als spannend und ich hoffe, dass Ladies Wine Design im gleichen Tempo weiter wächst.
Danke an Gabriela Namie, Erica Grubman & Jessica Walsh.

https://ladieswinedesign.com
Ladies Wine Design
Ladies Wine Design
Ladies Wine Design
Ladies Wine Design
Ladies Wine Design
Ladies Wine Design
Ladies Wine Design
Ladies Wine Design

moor.text.

048.

In Zusammenarbeit mit dem Grafik-Atelier Büro A+O tüftelten wir lange an Ideen, wie man die geleistete Arbeit eines Texters – nämlich Sätze und Wörter, Namen, Ideen + Konzepte in ein sinnvolles Format für ein Portfolio verpacken könnte. Die Seite sollte zum stöbern einladen, den 90er Groove und die Ursprünge des Texters René Moor übermitteln – auch sein Humor war ein tragendes Element während der ganzen Konzept-Phase. Entstanden ist eine Portfolio Seite der etwas anderen Art – und das ist gut so.

Auf der Startseite sieht man eine Anordnung seiner aktuellen Lieblingssätze – sozusagen sein Gesamtkunstwerk, welches eine Geschichte erzählt, und zwar in Fragmenten. Klickt man auf ein Projekt erhält man die nötigen Zusatz-Infos, welche Arbeiten geleistet wurden und Bilder können, ganz im Sinne der 90er, gestapelt weggeklickt werden. Neben einer About und Kontakt Seite, sowie einem Blog ist das Highlight sicherlich der Chat. Denn hier kann nicht nur mit René Kontakt aufgenommen werden – es finden auch milde Wortgefechte und krasse Liebesbotschaften zwischen dem Publikum und dem Texter René Moor ihren Platz. Viel Spass beim stöbern.

https://moortext.ch
moor.text
moor.text
moor.text
moor.text
moor.text

Frame Optik.

047.

In Zusammenarbeit mit Manuel Kreuzer .Büro für visuelle Kommunikation aus Passau entstand die neue minimalistische Website für die innovativen Optiker Frame. Während Manuel das loses Raster mit viel Weissraum gestaltete in welchem Bild und Text optimal aufgenommen werden können, entwickelte ich entsprechend die Animationen und programmierte die Frontend und Backend Logik, damit das Raster auch auf Tablet und Mobile funktioniert. Als CMS haben wir WordPress eingesetzt, damit der Kunde jederzeit selbständig Anpassungen am Inhalt vornehmen kann.

https://frame-optik.de
Frame Optik
Frame Optik
Frame Optik

ISC Club.

046.

Was 1970 als «Internationaler Studentenclub der Universität Bern» auf ein paar wenigen Quadratmetern an der Engehalde begann, ist heute ein stadtbekannter Club mit hochkarätigem Programm und einer Ausstrahlung weit über das Berner Nachtleben hinaus.

In Zusammenarbeit mit Team Tandem entwickelte ich die neue Website für den Club, welche das vielfältige Programm in den Vordergrund stellt und somit zur Startseite macht. Mit verspielten Animationen und viel Liebe zum Detail kann man in die Welt des Clubs eintauchen, sich die neuesten Konzerte anschauen und sich über die Location informieren.

https://isc-club.ch
ISC Club
ISC Club
ISC Club
ISC Club
ISC Club

PAMB.

045.

Mode für sie und ihn, die Passform und Bewegungsfreiheit virtuos vereint und ihre umschmeichelnde Wirkung an Figuren jedwelcher Kurvigkeit entfaltet. Das entwerfen Nicole Verbeek und Evelyne Pfeffer in ihrer Berner Boutique unter dem Label PAMB. Für dieses kleine und sehr sympathische Modellabel durfte ich in Zusammenarbeit mit Pascal Melcer die Website neu programmieren.

https://pamb.ch
PAMB
PAMB
PAMB

Lunar Tribute.

044.

Als Rob Lewis das Foto eines Familienportraits entdeckte, welches auf dem Boden des Mondes liegt, realisierte er schnell, dass er dieser Geschichte nachgehen muss. Das Foto platzierte am 24. April 1972 der damals 36 Jährige Astronaut Charlie „Gee Whiz“ Duke als zehnter Mann auf dem Mond. LUNAR TRIBUTE ist die Geschichte dieses Fotos und Charlies Weg zum Mond und wieder zurück.

Der Film feiert am 20. Oktober im Naturhistorischem Museum New York seine Premiere und so half ich Rob Lewis in Zusammenarbeit mit den Grafikern Andreas Räber und Christian Calabro eine Landingpage zu entwickeln, welche die Schwerelosigkeit des Mondes simuliert, die Geschichte hinter dem Film erzählt und Making-Off sowie Pressematerial zur Verfügung stellt.

https://lunar-tribute.com
Lunar Tribute
Lunar Tribute
Lunar Tribute
Lunar Tribute

SAJ Architekten.

043.

In Zusammenarbeit mit dem Grafik-Atelier Heyday entstand die neue Website für das Architekturbüro SAJ. Die Start-Animation spielt mit dem neu entwickelten Logo und bietet den Einstieg in die minimalistische und detailverliebte Welt von SAJ. Die besten Cases werden mit Text und Bild vorgestellt, zudem finden sich Informationen zum Team, Stories und Kontakt-Angaben. Als CMS wurde WordPress eingesetzt, damit der Kunde alle Inhalte selber erweitern und verwalten kann.

https://saj.ch
SAJ Architekten
SAJ Architekten
SAJ Architekten
SAJ Architekten

Daniel Steffen.

042.

Für den Schweizer Grafik-Designer und Art Director Daniel Steffen durfte ich die neue One Page App Porftolio Website umsetzen. Die Website ist minimalistisch und lässt einen schnell und nahtlos durch die verschiedene Arbeiten browsen. Im Hintergrund befindet sich das WordPress CMS, welches Daniel einfach und intuitiv Projekte erfassen und per Drag and Drop sortieren und bearbeiten lässt.

https://daniel-steffen.ch
Daniel Steffen
Daniel Steffen
Daniel Steffen

A2 Letter.

041.

In Zusammenarbeit mit den Gründer Yves Stuber, Cyril Müller und dem Atelier Pol entwickelte ich die Website für A2 Letter. Während die Seite auf den ersten Blick einfach aussieht lag die technische Herausforderung im Hintergrund.

Einerseits können User auf der Website ein Abonnent abschliessen, wobei sie alle 2 Wochen ein kuratiertes Poster im Format DIN A2 per Post erhalten. Die Abonnenten werden via Stripe verwaltet und haben so die Möglichkeit ihre Daten jederzeit selbständig via Login Bereich zu verwalten. Andernseits haben Grafiker, Gestalter, Fotografen und Kreative die Möglichkeit ihre Arbeiten via Website hochzuladen, und entsprechend mit 1000 Euro entlöhnt zu werden, sofern ihre Arbeit von einem Kurator ausgewählt wird. Hier lag die Herausforderung insbesondere beim Handling der grossen Files, welche auf dem Server verwaltet werden können. Und zu guter letzt besteht ein eigenes Tool für die hochrangingen Kuratoren, welche auf einfache Weise die eingereichten Arbeiten kuratatieren können.

Was mich besonders freut ist die Tatsache, dass für die Ausgabe #0 die Künstlerin Chrissy Angliker sowie für die Ausgabe #1 der Gründer des renommierten Design Magazins Juxtapoz aus San Francisco gewonnen werden konnte.

https://a2letter.com
A2 Letter
A2 Letter
A2 Letter

Thomas Stöckli.

040.

In Zusammenarbeit mit der Designerin Anne Lutz entwickelte ich für den renommierten Schweizer Fotografen Thomas Stöckli die neue Portfolio Website. Im Fokus stehen die eindrücklichen Fotografien und darum haben wir uns für die Navigation und den Mauszeiger was besonderes einfallen lassen. Dies passen sich nämlich mit einem komplementären Farbfilter der jeweiligen Farbigkeit der Bilder an. Das CMS basiert auf WordPress in welchem Thomas einfach mit Drag and Drop neue Projekte erstellen kann, diese sortiert und Journal Artikel schreibt.

https://thomasstoeckli.com
Thomas Stöckli
Thomas Stöckli
Thomas Stöckli
Thomas Stöckli

Züri West.

039.

Nach 5 Jahren feiert eine der bekanntesten Bands der Schweiz, Züri West, ihr Comeback mit dem Album Love. Der Medien-Hype um das Album war entsprechend gross. In Zusammenarbeit mit Kargo entwickelte ich die Website sowie den Online-Shop der Kultband.

Das von kinderhand gezeichnete Herz und Symbol der neuen Platte Love animierten wir um einen schönen Einstieg in die neue Welt von Züri West zu erleben. Die Website besticht durch grosse Bilder, minimalistischem Design und durchdachtem Einsatz von Farben. Um eine nahtlose Integration der eingebundenen Medien wie Video und Audio zu garantieren, arbeitete ich mit der Schnittstelle von Youtube und für die Song Auschnitte entwickelte ich einen simplen Audio-Player. Die Website basiert auf WordPress und hat rund 1’600 – 3’000 Besucher pro Tag.

https://zueriwest.ch
Züri West
Züri West
Züri West
Züri West
Züri West

Kleinstadt.

038.

In Zusammenarbeit mit dem Grafikstudio CinCin aus Zürich entstand der Familienblog Kleinstadt.

Die drei Mütter und Gründerinnen Sarah Pfäffli, Bruna Casagrande und Eva Hefti hatten die Idee eine Plattform für Stadt-Eltern und deren Kinder zu entwickeln um mit guter journalistischer Recherche Inspirationen und Tipps zum Leben mit Kindern in der Grossstadt zu geben. Die Idee fand Anklang und die Fangemeinde von Eltern wächst seither stetig.

https://kleinstadt.ch
Kleinstadt
Kleinstadt
Kleinstadt

Hotel Fusio.

037.

In Zusammenarbeit mit dem Grafik-Atelier Hej in Zürich entstand die Website für das kleine aber feine Hotel Fusio im Tessin. Das im Jahr 2016 renovierte Hotel Fusio bietet 12 Doppelzimmer und liegt im wunderschönen Maggiatal in der italienischen Schweiz.

Ich entwickelte für das Hotel die neue Website, welche besonders mit grossen eindrücklichen Bildern wirkt, Informationen zum Hotel, Restaurant und deren Gastgeber bietet und mit einem Buchungsformular Direktbuchungen zulässt. Die Website basiert auf dem CMS WordPress und wurde mit viel Liebe zum Detail für alle Bildschirmgrössen optimiert.

http://hotelfusio.ch
Hotel Fusio
Hotel Fusio
Hotel Fusio
Hotel Fusio

Paul Boesch Stiftung.

036.

In Zusammenarbeit mit Atelier Pol in Bern entstand die neue Website für die Paul Boesch Stiftung, welche junge Künstler/innen und Kunststudenten/innen bei der Entwicklung ihrer Arbeit unterstützt.

Der jährliche Countdown zur Preisverleihung kann vom Kunden selbständig eingerichtet werden, grosse Bildgalerien für die entsprechenden Künstler und eine Archiv-Funktion steht zur Verfügung. Die Website basiert auf dem CMS WordPress und das Screendesign besticht vor allem durch deren Minimalismus und Weissraum.

http://paulboesch.ch
Paul Boesch Stiftung
Paul Boesch Stiftung
Paul Boesch Stiftung

Lea Moser.

035.

In Zusammenarbeit mit Atelier Pol in Bern entstand die neue Portfolio Website für die Berner Fotografin Lea Moser. Sie ist bereits seit 2008 Selbständig und vorwiegend in den Bereichen People, Beauty, Lifestyle, Business, Architektur und Reportage tätig.

Ihr war die Trennung zwischen freien und bezahlten Arbeiten wichtig und so entstand eine One Page Lösung, welche einen die 3 Bereiche Free, About und Commissional auf spielerische Weise entdecken lassen. Im Backend von WordPress kann Lea die Projekte erstellen und mit Drag and Drop sortieren, publizieren und editieren.

https://leamoser.ch
Lea Moser
Lea Moser
Lea Moser

Echtzeit Verlag.

034.

In Zusammenarbeit mit Müller+Hess in Basel entstand die neue Website und ERP für den Echtzeit Verlag. Gegründet wurde Echtzeit 2007 von den beiden Art Direktoren Wendelin Hess und Beat Müller zusammen mit dem Journalist Markus Schneider. Heute sind über siebzig Titel im ganzen deutschsprachigen Buchhandel und online erhältlich.

Meine Aufgabe bestand darin, in 3 Monatiger Arbeit das 10 Jährige ERP komplett neu zu programmieren, die Geschäftsprozesse gemäss den Erfahrungen des Kunden zu optimieren und viele manuelle Arbeiten zu digitalisieren. Entstanden ist ein massgeschneidertes ERP zur Verwaltung der Bücher, Autoren, Kontakte, aber auch zur automatischen Generierung von Honorarabrechnung und zur Buchung der Verkäufe. Im Frontend entwickelte ich einen ebenso massgeschneiderter Online-Shop, welcher einen die Bücher wie in einem Buchregal entdecken lässt und welcher intuitiv und minimalistisch funktioniert.  Aus technischer Sicht bietet das Laravel Framework die Basis, das Frontend entstand mit HTML5, CSS3 und JavaScript.

https://echtzeit.ch
Echtzeit Verlag
Echtzeit Verlag
Echtzeit Verlag

La Stanza.

033.

In Zusammenarbeit mit dem Grafik-Studio Noord in Bern entwickelte ich die Multipage für La Stanza, Café Lang und das Hotel Rivington and Sons in Zürich.

Damit die Besitzer der 3 Cafés und Bars ihre Inhalte zentral und einfach bearbeiten können, entwickelte ich eine Multipage WordPress Website, welche die Bearbeitung der 3 Websites über 1 Backend zulässt, ohne dabei auf verschiedene Screendesigns verzichten zu müssen.

http://lastanza.ch
La Stanza
La Stanza
La Stanza

Atelier Pol.

032.

Für das Berner Grafikstudio Atelier Pol aus Bern entwickelte ich mit viel Liebe zum Detail die neue Portfolio Website.

Atelier Pol war es wichtig die Arbeiten ins Zentrum zu stellen, und so entstand eine bewusst reduzierte Website mit viel Weissraum, welche trotzdem verspielte Elemente wie den Supersize Impressums-Text oder die Nummerierung der Blog-Beiträge aufweist. Über das Backend kann das Atelier ihre Arbeiten auf einfach Weise sortieren, publizieren, News Texte auf der Startseite ein- und ausblenden und News Artikel schreiben.

http://atelier-pol.ch
Atelier Pol
Atelier Pol
Atelier Pol
Atelier Pol

Maurer AG.

031.

In Zusammenarbeit mit dem Büro A+O aus Aarau entwickelte ich die neue Website für den Industrie-Betrieb Maurer AG.

Mit viel Farbe, Weissraum, grosser Typografie und einer schöner Bildwelt sticht die Website hervor aus der Tristesse der Industrie-Websites. Wöchentlich wird eine RAL Farbe der Woche erkoren, Mitglieder präsentieren sich in ihren Arbeitskleidern und mit ihrer Lieblingsfarbe. Gestützt wird die Website mit WordPress und einem Design, welches sich der jeweiligen Bildschirmgrösse anpasst.

http://maurer-ag.ch
Maurer AG
Maurer AG
Maurer AG
Maurer AG

Büro A+O.

030.

Für das Aarauer Grafikstudio Büro A+O entwickelte ich die neue Portfolio Website mit viel Liebe zum Detail. Besonders ihr Humor gepaart mit den hochstehenden Arbeiten macht diese Seite einzigartig.

Das Studio kann je nach Uhrzeit verschiedene Intros der Website definieren und ja – diese Funktion lieben die A+O’ler! So sieht man beispielsweise am Mittag ein animiertes Gif eines sandwich-essenden Menschen und um Mitternacht fliegen Fledermäuse durch’s Büro. Die Arbeiten werden in einem speziell für A+O entwickelten Grid dargestellt und unter Senf kann man bis in die Anfänge der Agentur zurückscrollen.

http://buero-ao.ch
Büro A+O
Büro A+O
Büro A+O
Büro A+O
Büro A+O

(Team) Alexis Zurflüh.

029.

Für das renommierte Münchner Grafik Studio (Team) Alexis Zurflüh entwickelte ich die neue Portfolio Website.

Die Arbeiten vom (Team) Alexis Zurflüh bestechen durch ihre Einzigartigkeit und deren Zeitgeist. So galt es auch die Website in diese spezielle Form zu bringen. Die Startseite ist die Übersichtsseite und ist man im Loop klickt man sich von Projekt zu Projekt. Noch radikaler ist die Mobile Version, sie bietet gar keine Navigation, sondern man klickt sich von Projekt zu Projekt und bei jedem 5ten Klick erscheint die About oder Kontakt Seite. Im Backend läuft WordPress und so lassen sich auf einfache Weise Projekte erstellen, Vorschaubilder zuschneiden und Hintergrundfarben definieren.

http://alexiszurflueh.com
(Team) Alexis Zurflüh
(Team) Alexis Zurflüh
(Team) Alexis Zurflüh
(Team) Alexis Zurflüh

Michael Sieber.

028.

Für den renommierten Schweizer Fotografen Michael Sieber entwickelte ich in Zusammenarbeit mit dem (Team) Alexis Zurflüh die neue Portfolio Website.

Die Fotografien von Michael Sieber erzählen ihre ganz eigenen Geschichten und so war es mir eine Ehre in Zusammenarbeit mit dem Münchner Grafikstudio (Team) Alexis Zurflüh die neue Website zu entwickeln. Besonders herausfordernd war die Optimierung der Performance, damit die grossflächigen Bilder trotzdem schnell geladen werden und auf jeder Bildschirmgrösse perfekt dargestellt werden. Im WordPress Backend kann Michael selbständig Projekte erfassen, Bildformate wählen, Hintergrundfarben definieren und die Projekte nach deren Wichtigkeit sortieren.

http://michaelsieber.com
Michael Sieber
Michael Sieber
Michael Sieber
Michael Sieber
Michael Sieber

Len Sander.

027.

Für die aufstrebende Zürcher Elektro-Pop Band Len Sander entwickelte ich die Website für die neue EP ‚Saltlick‘.

Vor wenigen Jahren noch unbekannt rocken sie dieses Jahr bereits das Paleo wie auch das Gurten Festival, wurden mit GDS Awards überhäuft und werden im Radio hoch- und runter gespielt. Ich durfte für die sympathische Band die neue Website entwickeln, welche mit wunderbaren Fotos von Thomas Stöckli besticht, Konzertedaten von der Songkick API bezieht, Hörproben von Spotify einbindet und Bilder der Tournee zeigt.

http://lensander.com
Len Sander
Len Sander
Len Sander
Len Sander

Mood/Wood.

026.

Für den Berner Art Director Marc Zenhäusern entwickelte ich mit viel Liebe zum Detail die neuen Portfolio Website. Marc ist nicht nur ein Teil von von Atelier Pol sondern war massgeblich verantworktlich für die Gestaltung von HumanHuman, We are Magnetic und der Dampfzentrale.

Marc war es wichtig seine Arbeiten in den Fokus zu stellen und so kann man sich durch die Projekte klicken, wobei jedes Projekt mit einer eigenen Farbe definiert werden kann. Es stehen Detailseiten zur Verfügung, wie aber auch eine Integration seines Tumblr Blogs. Die Website eroberte wie im Sturm die internationale Design-Szene und so erhielten wir viel positives Feedback auf die Website.

http://moodwood.ch
Mood/Wood
Mood/Wood
Mood/Wood
Mood/Wood
Mood/Wood

Parc Architekten.

025.

Für das Aarauer Architekturbüro Parc Architekten entwickelte ich in Zusammenarbeit mit der Agentur Denkmal die neue Website.

Dem Kunden war es wichtig, dass ihre Arbeiten und die qualitiv hochwertig aufbereiteten 3D Renderings und Fotografien ihrer Projekte im Zentrum stehen. Ich entwickelte ein massgeschneidertes Raster, welches ihre Arbeiten perfekt in Szene setzt. Mit dem WordPress Backend lassen sich neue Projekte mühelos erstellen und nach Wunsch sortieren.

http://parc-architekten.ch
Parc Architekten
Parc Architekten

Weltrekords.

024.

In Zusammenarbeit mit Atelier Pol enstand die neue Mini-Landing-Page für das Plattenlabel Weltrekords, welche sich ausschliesslich um die Belangen von Züri West kümmern.

Die Website wurde in handarbeit und ohne CMS programmiert, der Hintergrund der Sterne wurde mit JavaScript animiert und natürlich ist die Seite responsiv.

http://weltrekords.ch
Weltrekords

Aarauer Altstadtlauf.

023.

Für den erfolgreichen Aarauer Altstadtlauf entwickelte ich in Zusammenarbeit mit dem Grafikstudio Büro A+O die Website.

Die speziell für den Altstadtlauf kreierte Illustration vom Büro A+O bietet die Grundlage der Werbe-Massnahmen des Altstadtlaufs und so bietet diese wiederum den Einstieg in die Landingpage. Sportler aller Kategorien können sich hier über alle Details zum Lauf informieren, sich als Läufer registrieren und erhalten Zugang zu der Rangliste.

http://www.aarauer-altstadtlauf.ch
Aarauer Altstadtlauf
Aarauer Altstadtlauf
Aarauer Altstadtlauf

Sunraising.

022.

Für das Berner Crowdfunding Projekt Sunraising entwickelte ich in Zusammenarbeit mit Kargo die Website. Das Projekt ist ein riesiger Erfolg und so konnten im ersten Jahr bereits 3 Solaranlagen realisiert werden welche jährlich bis zu 34‘000 kWh Strom liefern.

Das Team von Sunraising kann über das Backend der Website neue Dächer hinzufügen, welche aufgrund ihrer Geodaten auf der Karte angezeigt werden. Hier ist ersichtlich, wieviel Prozent der Dächer bereits finanziert sind. Wir kreierten einen intuitiven Kaufprozess damit man so einfach wie möglich einen Teil der Solaranlage mitfinanzieren kann. Die Bezahlungen werden über den Schweizer Zahlungsdienst Payrexx abgewickelt.

http://sunraising.ch
Sunraising
Sunraising
Sunraising
Sunraising

Baukommunikation.

021.

In Zusammenarbeit mit dem Berner Grafik-Studio Keen entwickelte ich die Website für Baukommunikation. Die Website bietet Leistungen im Kommunikationsbereich für die Baubranche.

Die Website ist ein Mix zwischen One Page Funktionalitäten auf der Startseite und einem klassischen Blog auf den verschiedenen Dienstleistungen-Sektoren. Das Studio kann selbständig neue Bereich erfassen, Kategorien definieren und Artikel erfassen.

http://baukommunikation.ch
Baukommunikation
Baukommunikation
Baukommunikation
Baukommunikation

Dreierlei.

020.

In Zusammenarbeit mit Marc Zenhäusern und Evelyn Schneider Ryes entstand die kleine aber feine Website für das in Bern beliebte Märitbeizli.

Jedes Jahr wenn es in der Stadt Bern wieder nach Glühwein riecht, weiss man, dass das Märitbeizli die Städtler in Weihnachtsstimmung bringt. Für das traditionelle Märitbeizli durften wir nun die neue Website entwickeln, welche Infos über das Team, das Märitbeizli und die aktuellen Jobs bietet.

http://drei-er-lei.ch
Dreierlei
Dreierlei
Dreierlei

Bilboquet.

019.

In Zusammenarbeit mit Kargo entwickelte ich den neuen Online-Shop für den schönsten Spielzeugladen in Bern.

Der seit 1966 existierende Spielzeugladen Bilboquet wollte sein Sortiment in das digitale Schaufenster bringen und so entwickelten wir einen Online-Shop auf Basis von WordPress und WooCommerce, welcher die Verwaltung von Produkten, deren Lagerbeständen und Farbvarianten zulässt. Bezahlt wird einfach via PostFinance und Lieblingsprodukte können gespeichert werden.

http://bilboquet.ch
Bilboquet
Bilboquet
Bilboquet

We Love Aarau.

018.

Für den bekannten und populären Blog We Love Aarau entwickelte ich in Zusammenarbeit mit dem Büro A+O die neue Website.

Neben den klassischen Blog Funktionalitäten programmierte ich eine Backend, welches von mehr als 50 lokalen Veranstalter zur Erfassung ihrer Events benutzt wird, User können kostenlos Wohnungs- und Job-Angebote erfassen und eine Instagram Integration zeigt die aktuellsten Fotos der Stadt.

https://weloveaarau.ch
We Love Aarau
We Love Aarau
We Love Aarau
We Love Aarau

Schweizer Rotes Kreuz.

017.

In Zusammenarbeit mit der Berner Agentur Kargo entwickelte ich die neue Website für den Helpdesk des Schweizerischen Roten Kreuzes.

Die Landingpage wurde mit einer Print-Kampagne in allen lokalen Medien gestartet und informiert über den Helpdesk, welcher zentral beim Bahnhof Bern eine Anlauf- und Beratungsstelle für Menschen in Not ist. Die Website bietet einen bewusst plakativen Einstieg um den Wiedererkennungs-Effekt der Kampagne zu haben, danach finden sich als One-Page Website Informationen, Kontakt- wie Spendemöglichkeiten. Die Website basiert auf WordPress und der Kunde verwaltet selbständig News Beiträge und einen Fachblog.

http://helpdesk-roteskreuz.ch
Schweizer Rotes Kreuz
Schweizer Rotes Kreuz
Schweizer Rotes Kreuz

Olmo.

016.

OLMO startete 1977 als eigenständiger Punk Shop in Bern. Während man den Punk noch immer spührt, haben sie mittlerweite 8 Fashion Stores in der Schweiz. In Zusammenarbeit mit Kargo entwickelte ich ihre neue Website.

Die Website basiert auf WordPress und bietet Olmo die Möglichkeit alle Inhalte selbständig zu verwalten. So werden vom jungen Team stetig News Artikel mit neuen Trends und Produkten geschrieben, das Team wird vorgestellt und es finden sich Infos zu den verschiedenen Stores und Marken.

https://olmo.ch
Olmo
Olmo
Olmo

Kolt Magazin.

015.

In Zusammenarbeit mit dem Gründer Yves Stuber entwickelte ich die neue Website und den Online-Shop für das Oltner Kolt Magazin.

Es galt das Magazin in die digitale Welt zu bringen und so entwickelte ich auf Basis von WordPress ein Redaktions-System, welches die Kategorisierung und Zuordnung von Artikeln in verschiedene Bereiche der Seite zulässt. Zusätzlich erhalten Abonnenten über ein eigenes Login Zugang zu exklusivem Inhalt, können ihre Rechnungsdaten anpassen und neue Abonnenten werden direkt mit dem Buchhaltungssystem Bexio synchronisiert.

http://kolt.ch
Kolt Magazin
Kolt Magazin
Kolt Magazin

Via Helvetica.

014.

Das renommierte Designer- und Fotografen-Duo Thomas Stöckli und Anne Lutz aus Zürich planen in 8 Monaten alle Kantone für jeweils rund 1 Woche zu erkunden, von Aadorf bis Zwischbergen. Ihr Auto dient ihnen dabei nicht nur als Transportmittel sondern ist gleichzeitig auch Wohnung, Schlafzimmer und Büro.

Auf Basis von WordPress entwickelte ich ihre Website, welche aufgrund einer Geo Location App ihren Standort erfasst und dieser entsprechend auf der Karte ausgibt. Zusätzlich können die beiden aktuelle News und Bildergalerien erfassen. Die Website ist 5 Sprachig und die Finanzierung läuft über eine We Make It Kampagne.

http://viahelvetica.com
Via Helvetica
Via Helvetica
Via Helvetica

TSRI.

013.

Für den populären Zürcher Blog Tsüri führte ich in Zusammenarbeit mit dem Gründer Simon Jacoby diverse Optimierungen durch.

Einerseits galt es die hohe Ladezeit von bis zu 6 Sekunden pro Seitenaufruf zu optimieren. Mit diversen Caching und Minify Optimierungen gelang so eine Verbesserung auf 0.5 Sekunden was zu einem deutlich besseren Nutzererlebnis führte. Anderseits entwickelte ich eine massgeschneiderte Spende-Möglichkeit, welche man flexibel in jeden Artikel integrieren konnte.

https://tsri.ch
TSRI

Go Snow.

012.

In Zusammenarbeit mit Kargo entwickelte ich die Plattform Go Snow. Der Verein Schneesportinitiative Schweiz ist eine öffentlich-private Partnerschaft zur Förderung des Schneesports. Nationale Verbände verschiedener Schneesportbranchen, die Kantone sowie der Bund haben den Verein im Mai 2014 gegründet um vor allem Kinder und Jugendliche wieder vermehrt zum Schneesport zu animieren.

Auf Basis von WordPress entwickelte ich eine Plattform für Schulen, welche auf einfach Weise Angebote für Gruppen buchen können, eine Übersicht der Aktivitäten in den Regionen erhalten und ihre favorisierten Camps speichern können. GoSnow erfasst jährlich alle Angebote, definiert die angebote Saison, integriert ausgewählte Partner und analysiert die Bewertungen der Lehrer um die Angebote jährlich zu optimieren. Das Projekt wurde im Jahr 2016 mit einem Milestone Award im Bereich Innovation ausgezeichnet.

http://gosnow.ch
Go Snow
Go Snow
Go Snow
Go Snow

Frères Rochat.

011.

In Zusammenarbeit mit Kargo entstand die neue Website für Frères Rochat, welche international bekannt sind für ihre luxuriösen singenden Vögel.

Mit Verkaufsstellen in Zürich, Tokyo und Qatar hat Frères Rochat eine internationale Kundschaft und so musste entsprechend die Website den hochstehenden Ansprüchen der Firma entsprechen. Fotografien und Videos zeigen die Perfektion und Detailgenauigkeit ihrer Produkte. Die Website basiert auf WordPress und ist zweisprachig.

http://freres-rochat.com
Frères Rochat
Frères Rochat

Lukas Film.

010.

In Zusammenarbeit mit dem Grafik Studio Büro A+O entwickelte ich die neue Website für den Schweizer Filmemacher Lukas Gähwiler.

Der seit 2009 Lukas Gähwiler beauftragte uns damit, seine neue Portfolio Website zu erstellen und so entwickelte ich auf Basis von WordPress eine One Pager Website, welche die Integration von Vimeo und Youtube Videos zulässt.

http://lukas-film.ch/
Lukas Film
Lukas Film
Lukas Film

Weinberg.

009.

In Zusammenarbeit mit der Zürcher Web-Agentur Attribute entwickelte ich das Frontend der Weinberg Website.

Während Attribute für die Backend Programmierung via Drupal verantwortlich war, entwickelte ich paralell das Frontend mit HTML5, CSS3 und JavaScript.

https://www.weinberg.ch
Weinberg
Weinberg
Weinberg

PRPA.

008.

In Zusammenarbeit mit Kargo entwickelte ich die Website des Architekten Patrick Roost. Die Bandbreite der seither bearbeiteten Projekte reicht von kleineren privaten Aufträgen über Wohnungs- und Infrastrukturbauten bis zur Renovation und Erweiterung von denkmalgeschützten, historischen Gebäuden sowie grossmassstäblichen Bebauungs- und Masterplänen.

Auf Basis von WordPress entwickelte ich für Patrick eine Portfolio Website bei welcher er auf einfache Weise neue Projekte erfassen kann, diese mit Drag and Drop sortiert und editiert.

http://prpa.ch
PRPA
PRPA
PRPA

Kaufhaus zum Glück.

007.

Für den kleinen aber feinen Aarauer Laden entwickelte ich in Zusammenarbeit mit dem Büro A+O die neue Website mit Online-Shop.

Für die Besitzerin Karin Hostettler war es wichtig, dass die Website und der Online Shop die schönsten Produkte zeigt und als digitales Schaufenster für den Laden in der Aarauer Innenstadt dient. Und so entwickelte ich auf Basis von WordPress einen massgeschneiderten Online-Shop, mit welchem Karin einfach neue Produkte erfassen und Bestellungen verwalten kann.

http://kaufhauszumglueck.ch
Kaufhaus zum Glück
Kaufhaus zum Glück
Kaufhaus zum Glück
Kaufhaus zum Glück

Strebel.

006.

In Zusammenarbeit mit dem Büro A+O entwickelte ich den neuen Blog für das Möbelhaus Strebel. Der innovative Laden wollte eine digitale Plattform um über aktuelle Möbel-Trends zu berichten, wie aber auch die von ihnen unterstützte Jungdesigner und -künstler alias Young Design Rebels vorzustellen.

Ich entwickelte auf Basis von WordPress eine einfache Blog Website, welche grösstenteils die Standard Blog Funktionalitäten benutzt, aber für welche ich ein massgeschneidertes Kostüm programmiert habe, damit die Website genauso eigentständig wie der Laden ist.

http://blog.strebel.ch
Strebel

Adrianos.

005.

In Zusammenarbeit mit Kargo entwickelte ich auf Weihnachten einen Kaffee-Konfigurator für Adrianos.

Für das beliebte und innovative Berner Café Adrianos programmierte ich einen Web-Applikation. Mittels Buttons, Regler und Farbauswahl lässt sich so ein personalisierter Kaffee mit eigener Widmung, Farbe und Röstgrad zusammenstellen.

http://weihnachten.adrianos.ch
Adrianos
Adrianos

Roger is OFF.

004.

Im Juni 2013 packte ich meinen Backpack Rucksack um 14 Monate die Welt zu bereisen. Die gewonnen Erfahrungen, Eindrücke und Fotografien auf meiner Weltreise erzählte ich in meinen Blog roger.is/off.

http://roger.is/off/
Roger is OFF
Roger is OFF
Roger is OFF

Regula Roost.

003.

Für die Berner Fotografin Regula Roost entwickelte ich in Zusammenarbeit mit Station die neue Portfolio Website. The website is based on WordPress and allows Regula to create and edit the projects independently.

http://regula-roost.ch
Regula Roost

Beldona.

002.

In Zusammenarbeit mit der Zürcher Web-Agentur Station entwickelte ich die neue Website für Beldona. Die Website basiert auf Drupal und der Kunde kann jeweils die neuen Kollektion selbständig erfassen und erweitern.

http://beldona.ch
Beldona

Station.

001.

Für die Zürcher Web-Agentur Station entwickelte ich die neue Portfolio Website. Basierend auf dem eigenenen CMS der Agentur entwickelte ich die neue Website, welche einerseits Cases Studies der Projekte zeigt, das Team mit eigens dafür entwickelten Cinemgraphs vorstellt, sowie der Social Wall und ferngesteuerte Web-Cams. Die Website wurde unter anderem mit dem Webby Award, Awwwards und Best of Swiss Web Award ausgezeichnet.

http://station.ch
Station
Station
Station
Station

Profil.

About

Gleich neben meinem Arbeitsplatz fliesst die farbenfrohe Aare ihren Weg abwärts und zeichnet sich durch das schöne Bundesbern. Wenn man sie von oben betrachtet, sieht man ihre kreativen Windungen, als ob sie eine Meisterin der Lösungsfindung wäre. Und so seh ich mich oft selbst in den Anfängen mit dieser neugierigen Begeisterung, diesen Kurven der Algorithmen, den spannenden Nächten voller Codierzeilen. Schnell schwoll die Begeisterung zur Leidenschaft an, brachte mir die Arbeitsweise in renommierten Schweizer Webagenturen näher und mündete 2014 in die Selbstständigkeit als Web Developer und Interaction Designer.

So kann ich heute unter anderem massgeschneiderte Websites und Apps auf Basis von Laravel und WordPress anbieten und meine Designaffinität zusammen mit Agenturen, Designern und Start-Ups ausleben. Doch der Entdeckergeist in den digitalen Landschaften ist noch lange nicht gestillt. Meine Interessen sind vielfältig und – gleich wie bei dem rauschenden Fluss neben mir – nicht zum Stillstand zu bringen.

Hast du Ideen oder ein Projekt im Sinn? Dann freu ich mich von dir zu lesen!

Office Days

Montag — Donnerstag

Angebot

Websites, Apps, Online-Shops
Backend Systeme, Digitalisierung, Schnittstellen
Games, Animationen, Virtual Reality
Konzept, Consulting

Skills

HTML5, CSS3, JavaScript, SQL, PHP, WebGL
Wordpress
XD, Sketch, Figma, Indesign, Illustrator, Photoshop
Learning: AI, Deep Learning, Spatial Computing und 日本語

Studios

&Walsh
Atelier Pol
Atlas Studio
Bonsma&Reist
Büro A+0
CinCin
Format M
Hej
Heyday
Kargo
Katharina Reidy
Kornhaus Atelier
Lundgren+Lindqvist
Manuel Kreuzer
Mouthwash
Müller+Hess
Noord
Oh my Studio
Pia Fleischmann
Resort Studio
Sagmeister & Walsh
Salzmann Gertsch

Kunden

Adrianos
Bieler Fototage
Echtzeit Verlag
ETH Zürich
Fotostiftung Schweiz
Gurtenfestival
ISC Club
Junge Bühne Bern
Kornhausforum
Kraftreaktor
Kunstmuseum Thun
Ladies Wine & Design
Len Sander
Maxwell Detroit
Moobel
Olmo
Stadtgalerie
Swica
Swiss Red Cross
University Zurich
Visarte
We Love Aarau
Zirkular
Züri West
Zurich Tourism



Impressum

Design: Lundgren+Lindqvist
Text: Pia Fleischmann
Font: Maison Neue, Milieu Grotesque

→ Impressum
→ Datenschutzerklärung
→ AGB’s

© Copyright: Roger Burkhard, 2022. Alle Rechte vorbehalten.

Journal.

14.05.2020
Grids by Algorithms

Ein kleines After-Hour Script welches ich auf Basis von P5JS programmiert habe um die Vielfältigkeit von Grids darzustellen. Das Script fügt alle 1500 Millisekunden mehr Linien und mehr Zufallswerte hinzu. Ziemlich 😵 ! Check it out

Lesen
13.02.2020
建構視覺文化的13人

Als grosser Bewunderer der Japanischen Ästhetik erhielt ich kürzlich das neue Buch des taiwanesischen Designer Wang Zhi-Hong genannt „The Thirteen People Who Build the Graphic Culture of Contemporary Japan“ oder 建構視覺文化的13人. Ehrlich gesagt haut es mich um, wie schön nur schon die Verpackung und das Cover des Buches ist!

Lesen
11.11.2019
Wien

Während 2 Wochen geniesse ich mit Pia das digitale Nomaden Leben in Wien. Wir arbeiten hier für unsere Kunden von Co-Working Spaces und Cafés und besuchen in unserer Freizeit all die tollen Orte, welche die Stadt zu bieten hat.

Lesen
17.10.2019
Voronoi

Als Voronoi-Diagramm, auch Thiessen-Polygone oder Dirichlet-Zerlegung, wird eine Zerlegung des Raumes in Regionen bezeichnet, die durch eine vorgegebene Menge an Punkten des Raumes, hier als Zentren bezeichnet, bestimmt werden. Hier geht’s zum Experiment.

Lesen
30.04.2019
Algorithms + Design.

Perlin Noise ist eine Art fraktale Rauschfunktion, welche 1983 von Ken Perlin aufgrund seiner Frustration über das „maschinenartige“ Aussehen damaliger Computergrafiken entwickelt wurde. Seine Ergebnisse beschrieb er 1985 formell in einem SIGGRAPH-Papier mit dem Namen „An Image Synthesizer“. 1997 wurde Perlin für die Erstellung des Algorithmus mit einem Oscar für technische Errungenschaften ausgezeichnet.

Lesen
11.04.2019
Nya - にゃ.

Wie einige bereits wissen, lerne ich seit einiger Zeit Japanisch und weil ich mich so in die Sprache, deren Typografie und dem Design als ganzes verliebt habe, versuche ich natürlich so viel wie möglich mit den neu gelernten Kanji, Hiragana und Katana Zeichen zu experimentieren! ツ

Lesen
14.03.2019
Pizza + Type.

Es gibt diese kalten regnerischen Tagen an denen man einfach zu Hause sitzen möchte, eine Pizza bestellt und etwas cooles programmieren will! Nerd Faktor 10* – ich weiss.. haha! Das Ergebnis gibt’s hier.

Lesen
31.01.2019
Game of Life.

Das Game of Life ist ein vom Mathematiker John Horton Conway 1970 entworfenes Spiel, basierend auf einem zweidimensionalen zellulären Automaten.

Lesen
08.11.2018
Dreaming Friends.

Dreaming Friends ist eine kleine persönliche Serie von Postern, in welcher ich mich visuell mit der Thematik der 漢字 (Japanische Kanji) auseinandersetze.

Lesen
12.10.2018
Milieu Grotesque.

Die portugiesische Type-Foundry Milieu Grotesque hat mein Branding, welches mit ihrer Schrift „Maison Neue“ umgesetzt wurde auf ihrer Website gefeatured. Obrigada!

Lesen
03.10.2018
KOLT N° 100.

Das Magazin KOLT feiert seine 100. Ausgabe und lässt damit die Menschen zu Wort kommen, die in den letzten neun Jahren das Magazin inspiriert, geboren, gefördert, geprägt und gefüllt haben. Happy teil dieser Reise zu sein! Auf die nächsten 100 Ausgaben! 🍻

Lesen
07.09.2018
カタカナ.

Seit einigen Monaten lerne ich Japanisch. Und besonders die Silbenschriften Hiragana und Katakana laden zu typografischen Erkundungen ein シ

Lesen
21.08.2018
North East.

Das Branding Projekt für Studio Sansano — gestaltet von Atelier Pol und gecodet von mir, wurde im japanischen Design Blog North East gefeatured. Domo Arrigato!

Lesen
27.04.2018
Neue Couverts.

Happy euch meine neuen Long Pocket Couverts zu zeigen — gestaltet von Lundgren+Lindqvist. Das Couvert zeigt eine abstrakte Form meines Logos und ist im Siebdruck Verfahren in Schwarz und Silber gedruckt worden.

Lesen
23.03.2018
Truly Nordic.

Happy zu verkünden, dass mein Branding, welches vom Schwedischen Design Studio Lundgren+Lindqvist gestaltet wurde im neusten Buch Truly Nordic von Victionary publiziert wurde.

Lesen
01.03.2018
Kopenhagen.

Ich habe gerade einige Tage im wunderschönen Kopenhagen verbracht. Während ich Pia besuchte, welche gerade hier lebt und arbeitet, hatte ich auch die Chance die herzlichen Menschen, gemütliche Cafés, Funktionales Design und das grossartige Essen zu erleben – oder einfach – „Hygge“ wie sie es hier nennen.

Lesen
04.01.2018
Complimentary Cards.

Die von Lundgren+Lindqvist gestalteten Grusskarten wurden nun von der schwedischen Druckerei Göteborgstryckerie fotografiert und publiziert.

Lesen
03.01.2018
Brutalist Websites.

Happy zu verkünden, dass die Website von Frame Optik in Zusammenarbeit mit Manuel Kreuzer auf Brutalist Websites gefeatured wurde.

Lesen
20.10.2017
Sagmeister & Walsh

Während meines Aufenthalts in New York hatte ich die Gelegenheit das Studio von Sagmeister & Walsh zu besuchen, um ein Projekt zu besprechen, an welchem wir aktuell arbeiten.

Lesen
20.07.2017
Studio with a garden.

Die letzten Wochen haben wir unser Atelier auf den Kopf gestellt! Einerseits um Platz für neue Mieter zu machen, und andernseits um uns den Traum eines grünen Studio-Gartens zu erschaffen. Die Pflanzen bringen eine Portion Wohnlichkeit und Natur in unseren sonst so digitalen Arbeits-Alltag. Superlike!

Lesen
16.07.2017
Helsinki

Ich verbrachte soeben einige Tage in Helsinki und ich muss zugeben – ich verliebte mich in die Stadt! Ein entspannter Vibe, freundliche Leute und herrliche Plätze und Parks. Dieses Photo entstand bei einer Kunst-Installation von Margrethe Odgaard im Designmuseo Helsinki.

Lesen
06.07.2017
A2 Letter #0

Happy ein Teil dieses Projekts zu sein! Bereits im Juli wird die A2 Letter Ausgabe #0 von Chrissy Angliker an die ersten Abonnenten verschickt – ab September dann alle 2 Wochen Inspiration im Briefkasten – analog, haptisch, immer anders.

Lesen
03.06.2017
Contemporary Art Taipeh

Während meines Besuches in Taipeh durfte natürlich ein Besuch im MOCA nicht fehlen. Besonders spannend war die Ausstellung „Zero-Gravity Paradise“ von Kawaguchi Yoichiro, welcher anhand von Algorithmen 3D Szenen kreiert.

Lesen
23.05.2017
Design Made in Taiwan.

Der japanische Einfluss, die Struktur und Ordnung findet sich in vielen Hostels, Shops und Cafés wieder. Eines meiner Highlights während meiner Reise durch Taiwan war definitiv das Star Hostel in Taipeh.

Lesen
15.05.2017
Neues Branding!

Yeah! Nach bald 3 Jahren Selbstständigkeit, etlichen Entwürfen und einer Reise nach Schweden strahlt er nun, mein neuer Auftritt. Hier geht’s zur Case Study von Lundgren+Lindqvist.

Lesen
07.04.2017
Anako Lodge.

Superhappy diesen Ort entdeckt zu haben! Im kleinen Walliser Dorf La Forclaz hat sich das Architekturbüro Anako ausgelebt und Maiensässe modern intepretiert. Der perfekte Ort um dem städtischen Treiben zu entfliehen.

Lesen
24.03.2017
Züri West

Stolz Teil dieses Abenteuers zu sein! Gestern um Mitternacht schaltete ich die neue Website der bekanntesten Schweizer Kultband auf. Danach wurde mit Kargo und der Band in Bern gefeiert!

Lesen
24.02.2017
Strasbourg

Dieses Wochenende besuchte ich das erste Mal Strassburg, und die Stadt ist ein echter Geheimtipp! Die vielen kleinen Gässchen, Restaurants und deren Architektur laden zum verweilen und geniessen ein.

Lesen
17.02.2017
Virtual Reality.

Hell yeah, wir entdeckten den virtuellen Raum im ersten Schweizer VR-Center! Mein cooler Nachbar? Andy vom Büro A+O

Lesen
04.01.2017
Urbanized Snow Landscape.

Form, Farbe und Geometrie der urbanen Schneelandschaft von Bern.

Lesen
15.12.2016
Good Morning Sweden.

Während ich in Schweden arbeitete nutzte ich die Gelegenheit die wunderschönen Inseln vor Göteborg zu besuchen.

Lesen
14.12.2016
Hej Göteborg!

Ich bin superhappy zu verkünden, dass ich aktuell mit der schwedischen Agentur Lundgren+Lindqvist an meinem neuen Branding arbeite. Darum habe ich auch spontan diese Woche meinen Arbeitsplatz nach Göteborg verlegt.

Lesen
17.11.2016
Atelier Mood.

Nach einem Monat Südamerika Backpacking wieder happy zurück in meinem Co-Work im Atelier Wasserwerk.

Lesen
14.10.2016
Bolivia.

Bolivien ist ein wunderbar abenteuerliches Land. Diese Bilder sind vom Hike auf den 5’500m Cerro Negro.

Lesen
08.10.2016
Hallo Südamerika!

Nachdem ich einige grosse Projekte abschliessen konnte geht es nun für 1 Monat nach Südamerika – Reboot.

Lesen
01.09.2016
2 Jahre!

Genau heute vor 2 Jahren habe ich meine Reise als Selbständiger Web-Entwickler gestartet, was sich in dieser Zeit alles getan hat ist unglaublich. Keep on going!

Lesen
20.08.2016
Hallo Lettland.

Dieses Weekend entdeckte ich mit meinen Freunden Riga in Lettland. Ein wirklicher Geheimtipp mit vielen schönen Restaurants, Parks und Cafés.

Lesen
16.08.2016
Rundfunk.fm

Jedes Jahr findet im Zürcher Landesmuseum im Sommer die Rundfunk.fm statt – ein gemütlicher Ort um zu tanzen, trinken und chillen.

Lesen
15.07.2016
Gurten Festival

Das grösste Festival von Bern – dieses mal dank Formel3 aus der Vogelperspektive im VIP Zelt.

Lesen
17.06.2016
Hallo VR.

VR Headset für erste Experimente zur Entwicklung von Virtual Reality Applikationen fürs Web. Yes!

Lesen
13.06.2016
Bonobo in Paris.

Verbrachte gerade ein grossartiges Weekend in Paris um Bonobo zu sehen und die Stadt zu besuchen.

Lesen
26.03.2016
Palais de Tokyo.

Das Palais de Tokyo ist eindrücklich. Nicht nur aufgrund seines grossartigen Gebäudes, sondern vorallem auch wegen der modernen Kunst.

Lesen
22.03.2016
Powder Day in the Alps.
Lesen
19.03.2016
Winter Wonderland.

Wunderbarer Winter-Hike mit meinem guten Buddy Thierry im französischen Teil der Schweiz Creux de Vin.

Lesen
25.02.2016
After Work Sounds.

Diesen Abend hatten wir einige Biere in unserem Co-Work und Tom und Kasi von Unlocked spielten Techno Tunes.

Lesen
22.01.2016
Touch Board.

Heute hab ich ein richtig cooles Geschenk von meiner Freundin Pia erhalten – ein Touch Board von Bare Conductive. Let’s play!

Lesen
29.12.2015
Summer vs Winter.

Inspiration und Natur während einer Winter Wanderung in den Schweizer Alpen um Zermatt.

Lesen
18.12.2015
AW Xmas Party

Kurz vor Weihnachten verwandelten wir unseren Co-Work in einen Techno Club. Schön wars.

Lesen
10.11.2015
Atelier Wasserwerk.

Neues Büro im Atelier Wasserwerk. Ein Co-Working-Space welcher selbständige Grafiker, Fotografen und Programmierer beherbergt.

Lesen
09.09.2015
Berlin.

Dieses Weekend reiste ich mit meiner Freundin nach Berlin. So eine coole und inspirierende Stadt – will definitiv zurückkommen!

Lesen
15.12.2014
Mein erstes Büro.

Nach 2 Monaten Freelance in Zürich, Aarau, zu Hause und in Cafés habe ich nun endlich ein Büro gefunden.
Hey Kargo!

Lesen
Back to top

Datenschutz.

 

Ich freue mich über das Interesse an meiner Firma. Datenschutz hat einen besonders hohen Stellenwert für mich. Eine Nutzung der Internetseiten von Roger Burkhard ist grundsätzlich ohne jede Angabe personenbezogener Daten möglich. Sofern eine betroffene Person besondere Services meines Unternehmens über meine Internetseite in Anspruch nehmen möchte, könnte jedoch eine Verarbeitung personenbezogener Daten erforderlich werden. Ist die Verarbeitung personenbezogener Daten erforderlich und besteht für eine solche Verarbeitung keine gesetzliche Grundlage, hole ich generell eine Einwilligung der betroffenen Person ein.

Die Verarbeitung personenbezogener Daten, beispielsweise des Namens, der Anschrift, E-Mail-Adresse oder Telefonnummer einer betroffenen Person, erfolgt stets im Einklang mit der Datenschutz-Grundverordnung und in Übereinstimmung mit der geltenden landesspezifischen Datenschutzbestimmungen der Schweiz. Mittels dieser Datenschutzerklärung möchte mein Unternehmen die Öffentlichkeit über Art, Umfang und Zweck der von mir erhobenen, genutzten und verarbeiteten personenbezogenen Daten informieren. Ferner werden betroffene Personen mittels dieser Datenschutzerklärung über die ihnen zustehenden Rechte aufgeklärt.

Ich als Verantwortlicher habe zahlreiche technische und organisatorische Maßnahmen umgesetzt, um einen möglichst lückenlosen Schutz der über diese Internetseite verarbeiteten personenbezogenen Daten sicherzustellen. Dennoch können Internetbasierte Datenübertragungen grundsätzlich Sicherheitslücken aufweisen, sodass ein absoluter Schutz nicht gewährleistet werden kann. Aus diesem Grund steht es jeder betroffenen Person frei, personenbezogene Daten auch auf alternativen Wegen, beispielsweise telefonisch, an mich zu übermitteln.

1. Begriffsbestimmungen

Die Datenschutzerklärung von Roger Burkhard beruht auf den Begrifflichkeiten, die durch den Europäischen Richtlinien- und Verordnungsgeber beim Erlass der Datenschutz-Grundverordnung (DS-GVO) verwendet wurden. Meine Datenschutzerklärung soll sowohl für die Öffentlichkeit als auch für meine Kunden und Geschäftspartner einfach lesbar und verständlich sein. Um dies zu gewährleisten, möchten ich vorab die verwendeten Begrifflichkeiten erläutern.

Ich verwende in dieser Datenschutzerklärung unter anderem die folgenden Begriffe:

  • a)    Personenbezogene Daten

    Personenbezogene Daten sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person (im Folgenden „betroffene Person“) beziehen. Als identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt, insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu einer Online-Kennung oder zu einem oder mehreren besonderen Merkmalen, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen oder sozialen Identität dieser natürlichen Person sind, identifiziert werden kann.

  • b)    Betroffene Person

    Betroffene Person ist jede identifizierte oder identifizierbare natürliche Person, deren personenbezogene Daten von dem für die Verarbeitung Verantwortlichen verarbeitet werden.

  • c)    Verarbeitung

    Verarbeitung ist jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführte Vorgang oder jede solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten wie das Erheben, das Erfassen, die Organisation, das Ordnen, die Speicherung, die Anpassung oder Veränderung, das Auslesen, das Abfragen, die Verwendung, die Offenlegung durch Übermittlung, Verbreitung oder eine andere Form der Bereitstellung, den Abgleich oder die Verknüpfung, die Einschränkung, das Löschen oder die Vernichtung.

  • d)    Einschränkung der Verarbeitung

    Einschränkung der Verarbeitung ist die Markierung gespeicherter personenbezogener Daten mit dem Ziel, ihre künftige Verarbeitung einzuschränken.

  • e)    Profiling

    Profiling ist jede Art der automatisierten Verarbeitung personenbezogener Daten, die darin besteht, dass diese personenbezogenen Daten verwendet werden, um bestimmte persönliche Aspekte, die sich auf eine natürliche Person beziehen, zu bewerten, insbesondere, um Aspekte bezüglich Arbeitsleistung, wirtschaftlicher Lage, Gesundheit, persönlicher Vorlieben, Interessen, Zuverlässigkeit, Verhalten, Aufenthaltsort oder Ortswechsel dieser natürlichen Person zu analysieren oder vorherzusagen.

  • f)     Pseudonymisierung

    Pseudonymisierung ist die Verarbeitung personenbezogener Daten in einer Weise, auf welche die personenbezogenen Daten ohne Hinzuziehung zusätzlicher Informationen nicht mehr einer spezifischen betroffenen Person zugeordnet werden können, sofern diese zusätzlichen Informationen gesondert aufbewahrt werden und technischen und organisatorischen Maßnahmen unterliegen, die gewährleisten, dass die personenbezogenen Daten nicht einer identifizierten oder identifizierbaren natürlichen Person zugewiesen werden.

  • g)    Verantwortlicher oder für die Verarbeitung Verantwortlicher

    Verantwortlicher oder für die Verarbeitung Verantwortlicher ist die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten entscheidet. Sind die Zwecke und Mittel dieser Verarbeitung durch das Unionsrecht oder das Recht der Mitgliedstaaten vorgegeben, so kann der Verantwortliche beziehungsweise können die bestimmten Kriterien seiner Benennung nach dem Unionsrecht oder dem Recht der Mitgliedstaaten vorgesehen werden.

  • h)    Auftragsverarbeiter

    Auftragsverarbeiter ist eine natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die personenbezogene Daten im Auftrag des Verantwortlichen verarbeitet.

  • i)      Empfänger

    Empfänger ist eine natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, der personenbezogene Daten offengelegt werden, unabhängig davon, ob es sich bei ihr um einen Dritten handelt oder nicht. Behörden, die im Rahmen eines bestimmten Untersuchungsauftrags nach dem Unionsrecht oder dem Recht der Mitgliedstaaten möglicherweise personenbezogene Daten erhalten, gelten jedoch nicht als Empfänger.

  • j)      Dritter

    Dritter ist eine natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle außer der betroffenen Person, dem Verantwortlichen, dem Auftragsverarbeiter und den Personen, die unter der unmittelbaren Verantwortung des Verantwortlichen oder des Auftragsverarbeiters befugt sind, die personenbezogenen Daten zu verarbeiten.

  • k)    Einwilligung

    Einwilligung ist jede von der betroffenen Person freiwillig für den bestimmten Fall in informierter Weise und unmissverständlich abgegebene Willensbekundung in Form einer Erklärung oder einer sonstigen eindeutigen bestätigenden Handlung, mit der die betroffene Person zu verstehen gibt, dass sie mit der Verarbeitung der sie betreffenden personenbezogenen Daten einverstanden ist.

2. Name und Anschrift des für die Verarbeitung Verantwortlichen

Verantwortlicher im Sinne der Datenschutz-Grundverordnung, sonstiger in den Mitgliedstaaten der Europäischen Union geltenden Datenschutzgesetze und anderer Bestimmungen mit datenschutzrechtlichem Charakter ist:

Roger Burkhard
Waisenhausplatz 30
3011 Bern
Schweiz
E-Mail: hello@rogerburkhard.com
Website: https://rogerburkhard.com

MwSt. Nr. CHE-338.487.971

3. Cookies

Die Internetseiten von Roger Burkhard verwenden Cookies. Cookies sind Textdateien, welche über einen Internetbrowser auf einem Computersystem abgelegt und gespeichert werden.

Zahlreiche Internetseiten und Server verwenden Cookies. Viele Cookies enthalten eine sogenannte Cookie-ID. Eine Cookie-ID ist eine eindeutige Kennung des Cookies. Sie besteht aus einer Zeichenfolge, durch welche Internetseiten und Server dem konkreten Internetbrowser zugeordnet werden können, in dem das Cookie gespeichert wurde. Dies ermöglicht es den besuchten Internetseiten und Servern, den individuellen Browser der betroffenen Person von anderen Internetbrowsern, die andere Cookies enthalten, zu unterscheiden. Ein bestimmter Internetbrowser kann über die eindeutige Cookie-ID wiedererkannt und identifiziert werden.

Durch den Einsatz von Cookies kann Roger Burkhard den Nutzern dieser Internetseite nutzerfreundlichere Services bereitstellen, die ohne die Cookie-Setzung nicht möglich wären.

Mittels eines Cookies können die Informationen und Angebote auf unserer Internetseite im Sinne des Benutzers optimiert werden. Cookies ermöglichen mir, wie bereits erwähnt, die Benutzer unserer Internetseite wiederzuerkennen. Zweck dieser Wiedererkennung ist es, den Nutzern die Verwendung unserer Internetseite zu erleichtern. Der Benutzer einer Internetseite, die Cookies verwendet, muss beispielsweise nicht bei jedem Besuch der Internetseite erneut seine Zugangsdaten eingeben, weil dies von der Internetseite und dem auf dem Computersystem des Benutzers abgelegten Cookie übernommen wird. Ein weiteres Beispiel ist das Cookie eines Warenkorbes im Online-Shop. Der Online-Shop merkt sich die Artikel, die ein Kunde in den virtuellen Warenkorb gelegt hat, über ein Cookie oder auch die Speicherung des Sprach-Parameters.

Die betroffene Person kann die Setzung von Cookies durch unsere Internetseite jederzeit mittels einer entsprechenden Einstellung des genutzten Internetbrowsers verhindern und damit der Setzung von Cookies dauerhaft widersprechen. Ferner können bereits gesetzte Cookies jederzeit über einen Internetbrowser oder andere Softwareprogramme gelöscht werden. Dies ist in allen gängigen Internetbrowsern möglich. Deaktiviert die betroffene Person die Setzung von Cookies in dem genutzten Internetbrowser, sind unter Umständen nicht alle Funktionen meiner Internetseite vollumfänglich nutzbar.

4. Erfassung von allgemeinen Daten und Informationen

Die Internetseite von Roger Burkhard erfasst mit jedem Aufruf der Internetseite durch eine betroffene Person oder ein automatisiertes System eine Reihe von allgemeinen Daten und Informationen. Diese allgemeinen Daten und Informationen werden in den Logfiles des Servers gespeichert. Erfasst werden können die (1) verwendeten Browsertypen und Versionen, (2) das vom zugreifenden System verwendete Betriebssystem, (3) die Internetseite, von welcher ein zugreifendes System auf unsere Internetseite gelangt (sogenannte Referrer), (4) die Unterwebseiten, welche über ein zugreifendes System auf unserer Internetseite angesteuert werden, (5) das Datum und die Uhrzeit eines Zugriffs auf die Internetseite, (6) eine Internet-Protokoll-Adresse (IP-Adresse), (7) der Internet-Service-Provider des zugreifenden Systems und (8) sonstige ähnliche Daten und Informationen, die der Gefahrenabwehr im Falle von Angriffen auf unsere informationstechnologischen Systeme dienen.

Bei der Nutzung dieser allgemeinen Daten und Informationen zieht Roger Burkhard keine Rückschlüsse auf die betroffene Person. Diese Informationen werden vielmehr benötigt, um (1) die Inhalte unserer Internetseite korrekt auszuliefern, (2) die Inhalte unserer Internetseite sowie die Werbung für diese zu optimieren, (3) die dauerhafte Funktionsfähigkeit meiner informationstechnologischen Systeme und der Technik unserer Internetseite zu gewährleisten sowie (4) um Strafverfolgungsbehörden im Falle eines Cyberangriffes die zur Strafverfolgung notwendigen Informationen bereitzustellen. Diese anonym erhobenen Daten und Informationen werden durch Roger Burkhard daher einerseits statistisch und ferner mit dem Ziel ausgewertet, den Datenschutz und die Datensicherheit in meinem Unternehmen zu erhöhen, um letztlich ein optimales Schutzniveau für die von mir verarbeiteten personenbezogenen Daten sicherzustellen. Die anonymen Daten der Server-Logfiles werden getrennt von allen durch eine betroffene Person angegebenen personenbezogenen Daten gespeichert.

5. Routinemäßige Löschung und Sperrung von personenbezogenen Daten

Der für die Verarbeitung Verantwortliche verarbeitet und speichert personenbezogene Daten der betroffenen Person nur für den Zeitraum, der zur Erreichung des Speicherungszwecks erforderlich ist oder sofern dies durch den Europäischen Richtlinien- und Verordnungsgeber oder einen anderen Gesetzgeber in Gesetzen oder Vorschriften, welchen der für die Verarbeitung Verantwortliche unterliegt, vorgesehen wurde.

Entfällt der Speicherungszweck oder läuft eine vom Europäischen Richtlinien- und Verordnungsgeber oder einem anderen zuständigen Gesetzgeber vorgeschriebene Speicherfrist ab, werden die personenbezogenen Daten routinemäßig und entsprechend den gesetzlichen Vorschriften gesperrt oder gelöscht.

6. Rechte der betroffenen Person

  • a)    Recht auf Bestätigung

    Jede betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber eingeräumte Recht, von dem für die Verarbeitung Verantwortlichen eine Bestätigung darüber zu verlangen, ob sie betreffende personenbezogene Daten verarbeitet werden. Möchte eine betroffene Person dieses Bestätigungsrecht in Anspruch nehmen, kann sie sich hierzu jederzeit mich wenden.

  • b)    Recht auf Auskunft

    Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber gewährte Recht, jederzeit von dem für die Verarbeitung Verantwortlichen unentgeltliche Auskunft über die zu seiner Person gespeicherten personenbezogenen Daten und eine Kopie dieser Auskunft zu erhalten. Ferner hat der Europäische Richtlinien- und Verordnungsgeber der betroffenen Person Auskunft über folgende Informationen zugestanden:

    • die Verarbeitungszwecke
    • die Kategorien personenbezogener Daten, die verarbeitet werden
    • die Empfänger oder Kategorien von Empfängern, gegenüber denen die personenbezogenen Daten offengelegt worden sind oder noch offengelegt werden, insbesondere bei Empfängern in Drittländern oder bei internationalen Organisationen
    • falls möglich die geplante Dauer, für die die personenbezogenen Daten gespeichert werden, oder, falls dies nicht möglich ist, die Kriterien für die Festlegung dieser Dauer
    • das Bestehen eines Rechts auf Berichtigung oder Löschung der sie betreffenden personenbezogenen Daten oder auf Einschränkung der Verarbeitung durch den Verantwortlichen oder eines Widerspruchsrechts gegen diese Verarbeitung
    • das Bestehen eines Beschwerderechts bei einer Aufsichtsbehörde
    • wenn die personenbezogenen Daten nicht bei der betroffenen Person erhoben werden: Alle verfügbaren Informationen über die Herkunft der Daten
    • das Bestehen einer automatisierten Entscheidungsfindung einschließlich Profiling gemäß Artikel 22 Abs.1 und 4 DS-GVO und — zumindest in diesen Fällen — aussagekräftige Informationen über die involvierte Logik sowie die Tragweite und die angestrebten Auswirkungen einer derartigen Verarbeitung für die betroffene Person

    Ferner steht der betroffenen Person ein Auskunftsrecht darüber zu, ob personenbezogene Daten an ein Drittland oder an eine internationale Organisation übermittelt wurden. Sofern dies der Fall ist, so steht der betroffenen Person im Übrigen das Recht zu, Auskunft über die geeigneten Garantien im Zusammenhang mit der Übermittlung zu erhalten.

    Möchte eine betroffene Person dieses Auskunftsrecht in Anspruch nehmen, kann sie sich hierzu jederzeit an einen Mitarbeiter des für die Verarbeitung Verantwortlichen wenden.

  • c)    Recht auf Berichtigung

    Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber gewährte Recht, die unverzügliche Berichtigung der betreffenden unrichtiger personenbezogener Daten zu verlangen. Ferner steht der betroffenen Person das Recht zu, unter Berücksichtigung der Zwecke der Verarbeitung, die Vervollständigung unvollständiger personenbezogener Daten — auch mittels einer ergänzenden Erklärung — zu verlangen.

    Möchte eine betroffene Person dieses Berichtigungsrecht in Anspruch nehmen, kann sie sich hierzu jederzeit an mich wenden.

  • d)    Recht auf Löschung (Recht auf Vergessen werden)

    Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber gewährte Recht, von dem Verantwortlichen zu verlangen, dass die sie betreffenden personenbezogenen Daten unverzüglich gelöscht werden, sofern einer der folgenden Gründe zutrifft und soweit die Verarbeitung nicht erforderlich ist:

    • Die personenbezogenen Daten wurden für solche Zwecke erhoben oder auf sonstige Weise verarbeitet, für welche sie nicht mehr notwendig sind.
    • Die betroffene Person widerruft ihre Einwilligung, auf die sich die Verarbeitung gemäß Art. 6 Abs. 1 Buchstabe a DS-GVO oder Art. 9 Abs. 2 Buchstabe a DS-GVO stützte, und es fehlt an einer anderweitigen Rechtsgrundlage für die Verarbeitung.
    • Die betroffene Person legt gemäß Art. 21 Abs. 1 DS-GVO Widerspruch gegen die Verarbeitung ein, und es liegen keine vorrangigen berechtigten Gründe für die Verarbeitung vor, oder die betroffene Person legt gemäß Art. 21 Abs. 2 DS-GVO Widerspruch gegen die Verarbeitung ein.
    • Die personenbezogenen Daten wurden unrechtmäßig verarbeitet.
    • Die Löschung der personenbezogenen Daten ist zur Erfüllung einer rechtlichen Verpflichtung nach dem Unionsrecht oder dem Recht der Mitgliedstaaten erforderlich, dem der Verantwortliche unterliegt.
    • Die personenbezogenen Daten wurden in Bezug auf angebotene Dienste der Informationsgesellschaft gemäß Art. 8 Abs. 1 DS-GVO erhoben.

    Sofern einer der oben genannten Gründe zutrifft und eine betroffene Person die Löschung von personenbezogenen Daten, die bei Roger Burkhard gespeichert sind, veranlassen möchte, kann sie sich hierzu jederzeit an mich wenden. Ich werde dann veranlassen, dass dem Löschverlangen unverzüglich nachgekommen wird.

    Wurden die personenbezogenen Daten von Roger Burkhard öffentlich gemacht und ist mein Unternehmen als Verantwortlicher gemäß Art. 17 Abs. 1 DS-GVO zur Löschung der personenbezogenen Daten verpflichtet, so trifft Roger Burkhard unter Berücksichtigung der verfügbaren Technologie und der Implementierungskosten angemessene Maßnahmen, auch technischer Art, um andere für die Datenverarbeitung Verantwortliche, welche die veröffentlichten personenbezogenen Daten verarbeiten, darüber in Kenntnis zu setzen, dass die betroffene Person von diesen anderen für die Datenverarbeitung Verantwortlichen die Löschung sämtlicher Links zu diesen personenbezogenen Daten oder von Kopien oder Replikationen dieser personenbezogenen Daten verlangt hat, soweit die Verarbeitung nicht erforderlich ist. Ich werde im Einzelfall das Notwendige veranlassen.

  • e)    Recht auf Einschränkung der Verarbeitung

    Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber gewährte Recht, von dem Verantwortlichen die Einschränkung der Verarbeitung zu verlangen, wenn eine der folgenden Voraussetzungen gegeben ist:

    • Die Richtigkeit der personenbezogenen Daten wird von der betroffenen Person bestritten, und zwar für eine Dauer, die es dem Verantwortlichen ermöglicht, die Richtigkeit der personenbezogenen Daten zu überprüfen.
    • Die Verarbeitung ist unrechtmäßig, die betroffene Person lehnt die Löschung der personenbezogenen Daten ab und verlangt stattdessen die Einschränkung der Nutzung der personenbezogenen Daten.
    • Der Verantwortliche benötigt die personenbezogenen Daten für die Zwecke der Verarbeitung nicht länger, die betroffene Person benötigt sie jedoch zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen.
    • Die betroffene Person hat Widerspruch gegen die Verarbeitung gem. Art. 21 Abs. 1 DS-GVO eingelegt und es steht noch nicht fest, ob die berechtigten Gründe des Verantwortlichen gegenüber denen der betroffenen Person überwiegen.

    Sofern eine der oben genannten Voraussetzungen gegeben ist und eine betroffene Person die Einschränkung von personenbezogenen Daten, die bei Roger Burkhard gespeichert sind, verlangen möchte, kann sie sich hierzu jederzeit an mich wenden. Ich werde die Einschränkung der Verarbeitung veranlassen.

  • f)     Recht auf Datenübertragbarkeit

    Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber gewährte Recht, die sie betreffenden personenbezogenen Daten, welche durch die betroffene Person einem Verantwortlichen bereitgestellt wurden, in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten. Sie hat außerdem das Recht, diese Daten einem anderen Verantwortlichen ohne Behinderung durch den Verantwortlichen, dem die personenbezogenen Daten bereitgestellt wurden, zu übermitteln, sofern die Verarbeitung auf der Einwilligung gemäß Art. 6 Abs. 1 Buchstabe a DS-GVO oder Art. 9 Abs. 2 Buchstabe a DS-GVO oder auf einem Vertrag gemäß Art. 6 Abs. 1 Buchstabe b DS-GVO beruht und die Verarbeitung mithilfe automatisierter Verfahren erfolgt, sofern die Verarbeitung nicht für die Wahrnehmung einer Aufgabe erforderlich ist, die im öffentlichen Interesse liegt oder in Ausübung öffentlicher Gewalt erfolgt, welche dem Verantwortlichen übertragen wurde.

    Ferner hat die betroffene Person bei der Ausübung ihres Rechts auf Datenübertragbarkeit gemäß Art. 20 Abs. 1 DS-GVO das Recht, zu erwirken, dass die personenbezogenen Daten direkt von einem Verantwortlichen an einen anderen Verantwortlichen übermittelt werden, soweit dies technisch machbar ist und sofern hiervon nicht die Rechte und Freiheiten anderer Personen beeinträchtigt werden.

    Zur Geltendmachung des Rechts auf Datenübertragbarkeit kann sich die betroffene Person jederzeit an mich wenden.

  • g)    Recht auf Widerspruch

    Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber gewährte Recht, aus Gründen, die sich aus ihrer besonderen Situation ergeben, jederzeit gegen die Verarbeitung sie betreffender personenbezogener Daten, die aufgrund von Art. 6 Abs. 1 Buchstaben e oder f DS-GVO erfolgt, Widerspruch einzulegen. Dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling.

    Roger Burkhard verarbeitet die personenbezogenen Daten im Falle des Widerspruchs nicht mehr, es sei denn, ich kann zwingende schutzwürdige Gründe für die Verarbeitung nachweisen, die den Interessen, Rechten und Freiheiten der betroffenen Person überwiegen, oder die Verarbeitung dient der Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen.

    Verarbeitet Roger Burkhard personenbezogene Daten, um Direktwerbung zu betreiben, so hat die betroffene Person das Recht, jederzeit Widerspruch gegen die Verarbeitung der personenbezogenen Daten zum Zwecke derartiger Werbung einzulegen. Dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung in Verbindung steht. Widerspricht die betroffene Person gegenüber Roger Burkhard der Verarbeitung für Zwecke der Direktwerbung, so wird Roger Burkhard die personenbezogenen Daten nicht mehr für diese Zwecke verarbeiten.

    Zudem hat die betroffene Person das Recht, aus Gründen, die sich aus ihrer besonderen Situation ergeben, gegen die sie betreffende Verarbeitung personenbezogener Daten, die bei Roger Burkhard zu wissenschaftlichen oder historischen Forschungszwecken oder zu statistischen Zwecken gemäß Art. 89 Abs. 1 DS-GVO erfolgen, Widerspruch einzulegen, es sei denn, eine solche Verarbeitung ist zur Erfüllung einer im öffentlichen Interesse liegenden Aufgabe erforderlich.

    Zur Ausübung des Rechts auf Widerspruch kann sich die betroffene Person direkt an mich wenden. Der betroffenen Person steht es ferner frei, im Zusammenhang mit der Nutzung von Diensten der Informationsgesellschaft, ungeachtet der Richtlinie 2002/58/EG, ihr Widerspruchsrecht mittels automatisierter Verfahren auszuüben, bei denen technische Spezifikationen verwendet werden.

  • h)    Automatisierte Entscheidungen im Einzelfall einschließlich Profiling

    Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber gewährte Recht, nicht einer ausschließlich auf einer automatisierten Verarbeitung — einschließlich Profiling — beruhenden Entscheidung unterworfen zu werden, die ihr gegenüber rechtliche Wirkung entfaltet oder sie in ähnlicher Weise erheblich beeinträchtigt, sofern die Entscheidung (1) nicht für den Abschluss oder die Erfüllung eines Vertrags zwischen der betroffenen Person und dem Verantwortlichen erforderlich ist, oder (2) aufgrund von Rechtsvorschriften der Union oder der Mitgliedstaaten, denen der Verantwortliche unterliegt, zulässig ist und diese Rechtsvorschriften angemessene Maßnahmen zur Wahrung der Rechte und Freiheiten sowie der berechtigten Interessen der betroffenen Person enthalten oder (3) mit ausdrücklicher Einwilligung der betroffenen Person erfolgt.

    Ist die Entscheidung (1) für den Abschluss oder die Erfüllung eines Vertrags zwischen der betroffenen Person und dem Verantwortlichen erforderlich oder (2) erfolgt sie mit ausdrücklicher Einwilligung der betroffenen Person, trifft Roger Burkhard angemessene Maßnahmen, um die Rechte und Freiheiten sowie die berechtigten Interessen der betroffenen Person zu wahren, wozu mindestens das Recht auf Erwirkung des Eingreifens einer Person seitens des Verantwortlichen, auf Darlegung des eigenen Standpunkts und auf Anfechtung der Entscheidung gehört.

    Möchte die betroffene Person Rechte mit Bezug auf automatisierte Entscheidungen geltend machen, kann sie sich hierzu jederzeit an mich wenden.

  • i)      Recht auf Widerruf einer datenschutzrechtlichen Einwilligung

    Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das vom Europäischen Richtlinien- und Verordnungsgeber gewährte Recht, eine Einwilligung zur Verarbeitung personenbezogener Daten jederzeit zu widerrufen.

    Möchte die betroffene Person ihr Recht auf Widerruf einer Einwilligung geltend machen, kann sie sich hierzu jederzeit an mich wenden.

7. Datenschutzbestimmungen zu Einsatz und Verwendung von Google Analytics (mit Anonymisierungsfunktion)

Der für die Verarbeitung Verantwortliche hat auf dieser Internetseite die Komponente Google Analytics (mit Anonymisierungsfunktion) integriert. Google Analytics ist ein Web-Analyse-Dienst. Web-Analyse ist die Erhebung, Sammlung und Auswertung von Daten über das Verhalten von Besuchern von Internetseiten. Ein Web-Analyse-Dienst erfasst unter anderem Daten darüber, von welcher Internetseite eine betroffene Person auf eine Internetseite gekommen ist (sogenannte Referrer), auf welche Unterseiten der Internetseite zugegriffen oder wie oft und für welche Verweildauer eine Unterseite betrachtet wurde. Eine Web-Analyse wird überwiegend zur Optimierung einer Internetseite und zur Kosten-Nutzen-Analyse von Internetwerbung eingesetzt.

Betreibergesellschaft der Google-Analytics-Komponente ist die Google Inc., 1600 Amphitheatre Pkwy, Mountain View, CA 94043-1351, USA.

Ich verwende für die Web-Analyse über Google Analytics den Zusatz „_gat._anonymizeIp“. Mittels dieses Zusatzes wird die IP-Adresse des Internetanschlusses der betroffenen Person von Google gekürzt und anonymisiert, wenn der Zugriff auf meine Internetseiten aus einem Mitgliedstaat der Europäischen Union oder aus einem anderen Vertragsstaat des Abkommens über den Europäischen Wirtschaftsraum erfolgt.

Der Zweck der Google-Analytics-Komponente ist die Analyse der Besucherströme auf meiner Internetseite. Google nutzt die gewonnenen Daten und Informationen unter anderem dazu, die Nutzung meiner Internetseite auszuwerten, um für mich Online-Reports, welche die Aktivitäten auf meiner Internetseiten aufzeigen, zusammenzustellen, und um weitere mit der Nutzung meiner Internetseite in Verbindung stehende Dienstleistungen zu erbringen.

Google Analytics setzt ein Cookie auf dem informationstechnologischen System der betroffenen Person. Was Cookies sind, wurde oben bereits erläutert. Mit Setzung des Cookies wird Google eine Analyse der Benutzung meiner Internetseite ermöglicht. Durch jeden Aufruf einer der Einzelseiten dieser Internetseite, die durch den für die Verarbeitung Verantwortlichen betrieben wird und auf welcher eine Google-Analytics-Komponente integriert wurde, wird der Internetbrowser auf dem informationstechnologischen System der betroffenen Person automatisch durch die jeweilige Google-Analytics-Komponente veranlasst, Daten zum Zwecke der Online-Analyse an Google zu übermitteln. Im Rahmen dieses technischen Verfahrens erhält Google Kenntnis über personenbezogene Daten, wie der IP-Adresse der betroffenen Person, die Google unter anderem dazu dienen, die Herkunft der Besucher und Klicks nachzuvollziehen und in der Folge Provisionsabrechnungen zu ermöglichen.

Mittels des Cookies werden personenbezogene Informationen, beispielsweise die Zugriffszeit, der Ort, von welchem ein Zugriff ausging und die Häufigkeit der Besuche unserer Internetseite durch die betroffene Person, gespeichert. Bei jedem Besuch meiner Internetseiten werden diese personenbezogenen Daten, einschließlich der IP-Adresse des von der betroffenen Person genutzten Internetanschlusses, an Google in den Vereinigten Staaten von Amerika übertragen. Diese personenbezogenen Daten werden durch Google in den Vereinigten Staaten von Amerika gespeichert. Google gibt diese über das technische Verfahren erhobenen personenbezogenen Daten unter Umständen an Dritte weiter.

Die betroffene Person kann die Setzung von Cookies durch meine Internetseite, wie oben bereits dargestellt, jederzeit mittels einer entsprechenden Einstellung des genutzten Internetbrowsers verhindern und damit der Setzung von Cookies dauerhaft widersprechen. Eine solche Einstellung des genutzten Internetbrowsers würde auch verhindern, dass Google ein Cookie auf dem informationstechnologischen System der betroffenen Person setzt. Zudem kann ein von Google Analytics bereits gesetzter Cookie jederzeit über den Internetbrowser oder andere Softwareprogramme gelöscht werden.

Ferner besteht für die betroffene Person die Möglichkeit, einer Erfassung der durch Google Analytics erzeugten, auf eine Nutzung dieser Internetseite bezogenen Daten sowie der Verarbeitung dieser Daten durch Google zu widersprechen und eine solche zu verhindern. Hierzu muss die betroffene Person ein Browser-Add-On unter dem Link https://tools.google.com/dlpage/gaoptout herunterladen und installieren. Dieses Browser-Add-On teilt Google Analytics über JavaScript mit, dass keine Daten und Informationen zu den Besuchen von Internetseiten an Google Analytics übermittelt werden dürfen. Die Installation des Browser-Add-Ons wird von Google als Widerspruch gewertet. Wird das informationstechnologische System der betroffenen Person zu einem späteren Zeitpunkt gelöscht, formatiert oder neu installiert, muss durch die betroffene Person eine erneute Installation des Browser-Add-Ons erfolgen, um Google Analytics zu deaktivieren. Sofern das Browser-Add-On durch die betroffene Person oder einer anderen Person, die ihrem Machtbereich zuzurechnen ist, deinstalliert oder deaktiviert wird, besteht die Möglichkeit der Neuinstallation oder der erneuten Aktivierung des Browser-Add-Ons.

Weitere Informationen und die geltenden Datenschutzbestimmungen von Google können unter https://www.google.de/intl/de/policies/privacy/ und unter http://www.google.com/analytics/terms/de.html abgerufen werden. Google Analytics wird unter diesem Link https://www.google.com/intl/de_de/analytics/ genauer erläutert.

8. Rechtsgrundlage der Verarbeitung

Art. 6 I lit. a DS-GVO dient meinem Unternehmen als Rechtsgrundlage für Verarbeitungsvorgänge, bei denen ich eine Einwilligung für einen bestimmten Verarbeitungszweck einhole. Ist die Verarbeitung personenbezogener Daten zur Erfüllung eines Vertrags, dessen Vertragspartei die betroffene Person ist, erforderlich, wie dies beispielsweise bei Verarbeitungsvorgängen der Fall ist, die für eine Lieferung von Waren oder die Erbringung einer sonstigen Leistung oder Gegenleistung notwendig sind, so beruht die Verarbeitung auf Art. 6 I lit. b DS-GVO. Gleiches gilt für solche Verarbeitungsvorgänge die zur Durchführung vorvertraglicher Maßnahmen erforderlich sind, etwa in Fällen von Anfragen zu meinen Produkten oder Leistungen. Unterliegt mein Unternehmen einer rechtlichen Verpflichtung durch welche eine Verarbeitung von personenbezogenen Daten erforderlich wird, wie beispielsweise zur Erfüllung steuerlicher Pflichten, so basiert die Verarbeitung auf Art. 6 I lit. c DS-GVO. In seltenen Fällen könnte die Verarbeitung von personenbezogenen Daten erforderlich werden, um lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person zu schützen. Dies wäre beispielsweise der Fall, wenn ein Besucher in meinem Betrieb verletzt werden würde und daraufhin sein Name, sein Alter, seine Krankenkassendaten oder sonstige lebenswichtige Informationen an einen Arzt, ein Krankenhaus oder sonstige Dritte weitergegeben werden müssten. Dann würde die Verarbeitung auf Art. 6 I lit. d DS-GVO beruhen.
Letztlich könnten Verarbeitungsvorgänge auf Art. 6 I lit. f DS-GVO beruhen. Auf dieser Rechtsgrundlage basieren Verarbeitungsvorgänge, die von keiner der vorgenannten Rechtsgrundlagen erfasst werden, wenn die Verarbeitung zur Wahrung eines berechtigten Interesses unseres Unternehmens oder eines Dritten erforderlich ist, sofern die Interessen, Grundrechte und Grundfreiheiten des Betroffenen nicht überwiegen. Solche Verarbeitungsvorgänge sind mir insbesondere deshalb gestattet, weil sie durch den Europäischen Gesetzgeber besonders erwähnt wurden. Er vertrat insoweit die Auffassung, dass ein berechtigtes Interesse anzunehmen sein könnte, wenn die betroffene Person ein Kunde des Verantwortlichen ist (Erwägungsgrund 47 Satz 2 DS-GVO).

9. Berechtigte Interessen an der Verarbeitung, die von dem Verantwortlichen oder einem Dritten verfolgt werden

Basiert die Verarbeitung personenbezogener Daten auf Artikel 6 I lit. f DS-GVO ist mein berechtigtes Interesse die Durchführung meiner Geschäftstätigkeit zugunsten des Wohlergehens all meiner Kunden und Partner.

10. Dauer, für die die personenbezogenen Daten gespeichert werden

Das Kriterium für die Dauer der Speicherung von personenbezogenen Daten ist die jeweilige gesetzliche Aufbewahrungsfrist. Nach Ablauf der Frist werden die entsprechenden Daten routinemäßig gelöscht, sofern sie nicht mehr zur Vertragserfüllung oder Vertragsanbahnung erforderlich sind.

11. Gesetzliche oder vertragliche Vorschriften zur Bereitstellung der personenbezogenen Daten; Erforderlichkeit für den Vertragsabschluss; Verpflichtung der betroffenen Person, die personenbezogenen Daten bereitzustellen; mögliche Folgen der Nichtbereitstellung

Ich kläre Sie darüber auf, dass die Bereitstellung personenbezogener Daten zum Teil gesetzlich vorgeschrieben ist (z.B. Steuervorschriften) oder sich auch aus vertraglichen Regelungen (z.B. Angaben zum Vertragspartner) ergeben kann.
Mitunter kann es zu einem Vertragsschluss erforderlich sein, dass eine betroffene Person mir personenbezogene Daten zur Verfügung stellt, die in der Folge durch mich verarbeitet werden müssen. Die betroffene Person ist beispielsweise verpflichtet mir personenbezogene Daten bereitzustellen, wenn mein Unternehmen mit ihr einen Vertrag abschließt. Eine Nichtbereitstellung der personenbezogenen Daten hätte zur Folge, dass der Vertrag mit dem Betroffenen nicht geschlossen werden könnte.
Vor einer Bereitstellung personenbezogener Daten durch den Betroffenen muss sich der Betroffene an mich wenden. Ich kläre den Betroffenen einzelfallbezogen darüber auf, ob die Bereitstellung der personenbezogenen Daten gesetzlich oder vertraglich vorgeschrieben oder für den Vertragsabschluss erforderlich ist, ob eine Verpflichtung besteht, die personenbezogenen Daten bereitzustellen, und welche Folgen die Nichtbereitstellung der personenbezogenen Daten hätte.

12. Bestehen einer automatisierten Entscheidungsfindung

Als verantwortungsbewusstes Unternehmen verzichte ich auf eine automatische Entscheidungsfindung oder ein Profiling.

Impressum.

 

Roger Burkhard
Waisenhausplatz 30
3011 Bern
E-Mail: hello@rogerburkhard.com

MwSt. Nr. CHE-338.487.971

Für eine möglichst rasche Beantwortung deiner Fragen, Verbesserungsvorschläge und Hinweise schreibe mir bitte eine Email.

AGB.

 
Die folgenden Allgemeinen Geschäftsbedingungen (nachfolgend „AGB“) sollen die Grundlage für eine vertrauensvolle und effektive Zusammenarbeit zwischen Roger Burkhard, Waisenhausplatz 30, 3011 Bern und deren Kunden schaffen.

Angebote und das Zustandekommen von Verträgen

Geltungsbereich

  1. Es gelten die AGB in der im Zeitpunkt des Vertragsschlusses gültigen Fassung.
  2. Die als „Besondere Bestimmungen“ gekennzeichneten Teile dieser AGB gehen den allgemeinen Bestimmungen dieser AGB vor.
  3. Abweichende allgemeine Geschäftsbedingungen der Kunden gelten nur, sofern Roger Burkhard ausdrücklich schriftlich zugestimmt hat.Ein fehlender Widerspruch gegen die AGB des Kunden gilt nicht als Zustimmung.
  4. Änderungen und Ergänzungen der AGB bedürfen der Schriftform. Dies gilt auch für die Änderung oder Aufhebung dieser Klausel.
  5. Individualabreden und Vereinbarungen in einer Auftragsbeschreibung gehen diesen AGB vor.
  6. Die AGB richten sich ausschließlich an Auftraggeber die Geschäftspersonen sind.

Zustandekommen von Verträgen

  1. Verträge zwischen Roger Burkhard und Kunden können im Wege eines individuellen Vertragsschlusses oder im Rahmen der durch
    Roger Burkhard angebotenen und nachfolgend dargestellten Bestellverfahren geschlossen werden.
  2. Ein individueller Vertragsschluss kann zum einen z.B. per E-Mail, persönlichen Kontakt, etc. erfolgen. In diesem Fall entsteht der Vertrag entsprechend den gesetzlichen Vorgaben mit der Einigung beider Vertragsparteien. Individuelle Angebote gelten vorbehaltlich anderer Abreden für 30 Tage.

Zugangsdaten

  1. Sofern die Leistungserfüllung seitens von Roger Burkhard durch Zurverfügungstellung von Zugangsdaten erfolgt, erhalten Kunden die Zugangsdaten per E-Mail oder durch Zurverfügungstellung online.
  2. Kunden sind verpflichtet, die Zugangsdaten sorgfältig aufzubewahren und nicht an unberechtigte Dritte weiterzugeben.

Bestimmungen für Software-, Wartungs- und Beratungsleistungen

Leistungspflichten

  1. Die konkreten Spezifikationen der jeweiligen Leistung, d.h. insbesondere deren Umfang, Anwendungsgebiete, Rahmenbedingungen, Dokumentationen sowie der Zeit- und Ablaufplan ergeben sich aus der, der jeweiligen Leistung zugrundeliegenden Auftragsbeschreibung. Für die Auftragsbeschreibung gelten keine Vorgaben, sie kann auch in Form eines Angebotes oder einer Leistungsbeschreibung auf der Website von Roger Burkhard erfolgen.
  2. Ist die Auftragsbeschreibung unzureichend oder ist deren Umfang in bestimmten Fällen zweifelhaft, umfassen die zu erbringenden Leistungen die branchenüblichen Aufgaben, welche notwendig sind, um den vereinbarten Vertragszweck zu erfüllen.
  3. Nachträgliche Änderungen der Auftragsbeschreibung benötigen zu deren Wirksamkeit einer ausdrücklichen Bestätigung des jeweiligen Vertragspartners.
  4. Bei den jeweiligen Leistungen handelt es sich vorbehaltlich anderer Vereinbarung um Dienstleistungen. Nur wenn alle vertraglichen Leistungen der Erreichung eines konkreten Erfolges dienen, handelt es sich insoweit um einen Werkvertrag. Eine solche Erfolgsvereinbarung muss ausdrücklich festgelegt werden.

Ort und Zeit der Tätigkeit

  1. Roger Burkhard ist hinsichtlich der Art der Durchführung der vereinbarten Einzel-Aufträge nach Zeit und Ort frei.
  2. Roger Burkhard hat das Recht, sich zur Erfüllung seiner Vertragspflichten Subunternehmer zu bedienen.

Fristen und Termine

  1. Fristen und Termine gelten nur dann als verbindlich, wenn Roger Burkhard eine Frist oder einen Termin ausdrücklich nennt oder sonst ausdrücklich zusagt.
  2. Leistungsverzögerungen aufgrund höherer Gewalt oder unter Umständen, die im Anwendungsbereich des Kunden liegen (nicht rechtzeitige Zurverfügungstellung von Inhalten etc.), hat Roger Burkhard nicht zu vertreten und berechtigt Roger Burkhard, das Erbringen der betroffenen Leistung um die Dauer der Behinderung/Verzögerung zuzüglich einer angemessenen Frist hinauszuschieben.Roger Burkhard verpflichtet sich im Gegenzug, dem Kunden die Leistungsverzögerungen aufgrund von höherer Gewalt anzuzeigen.

Änderungen an den vereinbarten Leistungen

  1. Wünscht der Kunde im Projektverlauf eine Änderung an den vereinbarten Leistungen oder die durch den Kunden mitgeteilten Anforderungen oder die mitgeteilte Sachlage ändert sich nach Abgabe eines Angebotes durch Roger Burkhard oder nach Vertragsschluss, erstellt Roger Burkhard ein Angebot über die Mehr- oder Minderkosten, es sei denn, eine Vergütung nach Aufwand ist vereinbart oder der Kunde verzichtet ausdrücklich auf ein gesondertes Angebot.
  2. Bis zur Entscheidung über die Annahme oder Ablehnung des Angebots durch den Kunden pausiert Roger Burkhard die Arbeit an den vom Angebot betroffenen Leistungen, sofern durch die spätere Annahme des Angebots durch den Kunden ein Mehraufwand entstehen würde. Vereinbarte Leistungsfristen verlängern sich entsprechend.

Zusammenarbeit und Mitwirkungspflichten

  1. Die Vertragsparteien arbeiten vertrauensvoll zusammen und unterrichten sich bei Abweichungen von dem vereinbarten Vorgehen oder Zweifeln an der Richtigkeit der Vorgehensweise des anderen unverzüglich gegenseitig.
  2. Roger Burkhard verpflichtet sich, den Kunden bei Erfüllung seiner vertraglich geschuldeten Leistung zu unterstützen. Dazu gehört insbesondere die rechtzeitige Zurverfügungstellung von Informationen, Datenmaterial, soweit die Mitwirkungsleistungen des Kunden dies erfordern.
  3. Mitwirkungsleisten und Beistellungen des Kunden erfolgen kostenfrei für Roger Burkhard.
  4. Kann Roger Burkhard die Leistungen wegen fehlender und unzureichender Mitwirkungsleistungen oder Beistellungen nicht oder nur mit Mehraufwendungen erbringen, ist er berechtigt, hierdurch notwendige Mehraufwendungen gegenüber dem Kunden geltend zu machen.
  5. Die Vertragsparteien und deren Ansprechpartner verständigen sich in regelmäßigen Abständen, die gemeinsam festgelegt werden, über Fortschritte und Hindernisse bei der Vertragsdurchführung, um gegebenenfalls lenkend in die Durchführung des Vertrages eingreifen zu können.
  6. Leistungsverzögerungen aufgrund höherer Gewalt, unter Umständen die im Anwendungsbereich des Kunden liegen, hat Roger Burkhard nicht zu vertreten. Roger Burkhard ist berechtigt, das Erbringen der betroffenen Leistung um die Dauer der Behinderung/Verzögerung zuzüglich einer angemessenen Frist hinauszuschieben. Roger Burkhard verpflichtet sich im Gegenzug, dem Kunden die Leistungsverzögerungen aufgrund von höherer Gewalt anzuzeigen.
  7. Erkennt der Kunde, dass eigene Angaben und Anforderungen fehlerhaft, unvollständig, nicht eindeutig oder undurchführbar sind, hat er dies und die ihm erkennbaren Folgen Roger Burkhard unverzüglich mitzuteilen.

Rechtliche Vorgaben und rechtliche Mitwirkungspflichten

  1. Die Regelungen in diesem Abschnitt der AGB bestimmen die rechtliche Verantwortung und rechtliche Verpflichtungen zwischen Roger Burkhard und dem Kunden, sofern diese nicht ausdrücklich in der Auftragsbeschreibung vereinbart worden sind.
  2. Die Leistungen von Roger Burkhard beinhalten keine rechtliche Prüfung oder rechtliche Beratung (zum Beispiel markenrechtlicher, urheberrechtlicher, datenschutzrechtlicher, wettbewerbsrechtlicher, standesrechtlicher Art) sowie Erfüllung von gesetzlichen Informationspflichten des Kunden (z.B. Anbieterkennzeichnung, Datenschutzerklärung, Verbraucherunterrichtung bei Fernabsatzverträgen, etc.).
  3. Der Kunde stellt sicher, dass die von ihm gestellten Inhalte frei von Rechten Dritter sind und deren Veröffentlichung nicht in irgendeiner Form gegen geltendes Recht verstößt. Zu den gestellten Inhalten gehören auch solche Inhalte und deren Quellen, die der Kunde Roger Burkhard im Hinblick auf dessen Aufgabenwahrnehmung empfiehlt oder vorschlägt.
  4. Sollte ein Dritter bei Roger Burkhard die Verletzung von Rechten oder sonstige Rechtsverstöße geltend machen, so unterrichtet Roger Burkhard den Kunden unverzüglich. Der Kunde hat in diesem Fall das Recht, die Verteidigung zu übernehmen und stellt Roger Burkhard von allen Ansprüchen und Schäden frei.

Leistungspflichten bei laufenden Pflege- und Serviceleistungen

  1. Die Beseitigung von Störungen und Schäden, die durch unsachgemäße Behandlung seitens des Kunden, durch Einwirkung Dritter oder durch höhere Gewalt verursacht werden, ist nicht Gegenstand der Pflege- und Serviceleistungen von Roger Burkhard, kann aber im Einzelfall gegen gesonderte Vergütung vereinbart werden. Gleiches gilt für Schäden und Störungen, die durch Fehler oder Nichtleistung der Stromversorgung, fehlerhafte Hardware oder sonstige, nicht von Roger Burkhard zu vertretende Einwirkungen verursacht werden.
  2. Die laufenden Pflege- und Serviceleistungen umfassen keine Beratung und Weiterentwicklung. Über diese Leistungen ist eine gesonderte Vereinbarung abzuschließen. Es handelt sich dabei um Leistungen, die über die Erhaltung des Funktionsfähigkeit der Software und der vereinbarten Updates auf die aktuelle Version hinaus gehen und zum Beispiel weiteren Funktionsumfang, andere Einsatzgebiete oder individuelle Anpassung in optischer oder inhaltlicher Hinsicht betreffen.
  3. Ebenfalls nicht zu laufenden Pflege- und Serviceleistungen gehören Anpassungen aufgrund von technischen Änderungen, die zur Folge haben, dass wesentliche Funktionen oder Schnittstellen der Software im Wesentlichen neu erstellt werden müssen. Dazu gehören insbesondere bei Vertragsschluss nicht vorhersehbare, durch den Kunden oder Dritte vorgenommene Änderungen der Systemarchitektur- und Umgebung.

Gewährleistung

  1. Eine Garantie besteht nur, wenn diese ausdrücklich abgegeben wurde. Kunden werden über etwaige Garantiebedingungen vor Vertragsschluss informiert.
  2. Mängelansprüche bestehen nicht bei einer unerheblichen Abweichung von der vereinbarten oder vorausgesetzten Beschaffenheit und bei nur unerheblicher Beeinträchtigung der Gebrauchstauglichkeit der Leistung. Die Inhalte der Auftragsbeschreibung gelten ohne gesonderte schriftliche Vereinbarung nicht als Garantie.
  3. Roger Burkhard verpflichtet sich dazu, Leistungen so zu erbringen, dass sie ein Antwortzeitverhalten aufweisen, das bei vergleichbarer Internet-Anbindung und technischer Ausstattung der vom Endnutzer zum Aufruf des Internetauftritts eingesetzten Hard- und Software dem Antwortzeitverhalten anderer Internetangebote mit vergleichbaren Inhalten und vergleichbarem Umfang sowie vergleichbaren Serverumgebung entsprechen. Websites müssen innerhalb von den zum Zeitpunkt des Vertragsschlusses branchenüblichen Browsern und Auflösungen lauffähig sein. Nicht als branchenüblich gelten Browser und Auflösungen, die zu weniger als 10% auf dem Markt vertreten sind.
  4. Bei Update-, Upgrade- und neuen Versionslieferungen von Software sind die Mängelansprüche auf die Neuerungen der Update-, Upgrade- oder neuen Versionslieferung gegenüber dem bisherigen Versionsstand beschränkt.
  5. Verlangt der Kunde wegen eines Mangels Nacherfüllung, so hat Roger Burkhard das Recht, zwischen Nachbesserung, Ersatzlieferung oder Ersatzleistung zu wählen. Wenn der Kunde Roger Burkhard nach einer ersten ergebnislos verstrichenen Frist eine weitere angemessene Nachfrist gesetzt hat und auch diese ergebnislos verstrichen ist oder wenn eine angemessene Anzahl an Nachbesserungs-, Ersatzlieferungs- oder Ersatzleistungsversuchen ohne Erfolg geblieben sind, kann der Kunde unter den gesetzlichen Voraussetzungen nach seiner Wahl vom Vertrag zurücktreten oder mindern und Schadens- oder Aufwendungsersatz verlangen.
  6. Eine Nacherfüllung kann auch durch Übergabe oder Installation einer neuen Programmversion oder eines Workaround erfolgen. Beeinträchtigt der Mangel die Funktionalität nicht oder nur unerheblich, so ist Roger Burkhard unter Ausschluss weiterer Mängelansprüche berechtigt, den Mangel durch Lieferung einer neuen Version oder eines Updates im Rahmen seiner Versions-, Update- und Upgrade-Planung zu beheben.
  7. Mängel sind durch eine nachvollziehbare Schilderung der Fehlersymptome, soweit möglich, nachgewiesen durch Aufzeichnungen, Screenshots oder sonstige die Mängel veranschaulichende Unterlagen zu rügen. Die Mängelrüge soll die Reproduktion des Fehlers ermöglichen. Gesetzliche Untersuchungs- und Rügepflichten des Kunden bleiben unberührt.
  8. Änderungen oder Erweiterungen der Leistungen oder der Software, die der Kunde selbst oder durch Dritte vornimmt, lassen die Mängelansprüche des Kunden entfallen, es sei denn, der Kunde weist nach, dass die Änderung oder Erweiterung für den Mangel nicht ursächlich ist.
  9. Roger Burkhard steht nicht für Mängel ein, die auf unsachgemäße Bedienung sowie Betriebsbedingungen oder die Verwendung ungeeigneter Betriebsmittel durch den Kunden zurückzuführen sind.
  10. Roger Burkhard kann die Nacherfüllung verweigern, bis der Kunde die vereinbarte Vergütung, abzüglich eines Teils, der der wirtschaftlichen Bedeutung des Mangels entspricht, an Roger Burkhard bezahlt hat.
  11. Die Verjährungsfrist für Mängelansprüche beträgt für Kunden 12 Monate ab Abnahme der Leistung.
  12. Im Falle der Lieferung von Updates, Upgrades und neuen Versionen beginnt die Verjährungsfrist für Mängelansprüche für diese Teile jeweils mit deren Abnahme zu laufen.

Einsatz von Dritterzeugnissen

  1. Die nachfolgenden Regelungen gelten beim Einsatz von Dritterzeugnissen durch Roger Burkhard im Rahmen der Leistungserfüllung gegenüber den Kunden. Als Dritterzeugnisse sind Leistungen Dritter zu verstehen, wie z.B. Onlineplattformen oder Open Source Software, insbesondere die Software „WordPress“, Dritt-Plugins und Dritt-Themen.
  2. Beruhen Sach- oder Rechtsmängel auf der Fehlerhaftigkeit des Erzeugnisses eines Dritten (nachfolgend „Dritterzeugnis“) und wird dieser nicht als Erfüllungsgehilfe von Roger Burkhard tätig, sondern gibt Roger Burkhard, für den Kunden deutlich erkennbar, lediglich ein Dritterzeugnis an den Kunden weiter, sind die Mängelansprüche des Kunden auf die Abtretung der Mängelansprüche von Roger Burkhard gegenüber dem Dritten beschränkt (z.B. wenn Open Source Software inkorporiert wird). Roger Burkhard steht für den Mangel selbst ein, wenn die Mangelursache durch die Anbieter gesetzt wurde, d.h. der Mangel auf einer von Roger Burkhard zu vertretenden unsachgemäßen Modifikation, Einbindung oder sonstiger Behandlung der Dritterzeugnisses beruht.
  3. Roger Burkhard ist nicht verantwortlich, falls Dritterzeugnisse durch den Dritten eingeschränkt oder insgesamt eingestellt werden. Führt der Dritte eine Gebühr für die Zurverfügungstellung der Dritterzeugnisse ein, hat Roger Burkhard das Recht die mit dem Kunden vereinbarte Vergütung dementsprechend anzupassen, sofern der Kunde die Nutzung der Inhalte oder Dienste nach Rückfrage fortsetzen möchte und die Vergütung zu Lasten von Roger Burkhard gehen würde.
  4. Roger Burkhard haftet nicht für Fristverzögerungen und Mehrkosten, die nach Abschluss eines Auftrags des Kunden dadurch entstehen, dass der Anbieter der Dritterzeugnisse diese ändert (z.B. Änderung der Schnittstellen eines Onlinenetzwerks), ohne dass dies für Roger Burkhard bei der Auftragsvergabe erkennbar war oder hätte erkennbar sein müssen.
  5. Die Weitergabe der Dritterzeugnisse gilt für den Kunden als deutlich erkennbar, wenn Roger Burkhard auf sie im Rahmen der Auftragsbeschreibung oder der Auftragsabwicklung hinweist oder diese sich aus dem Auftrag ergeben (z.B. wenn der Auftrag Leistungen von Roger Burkhard betreffend bekannte Drittsoftware, insbesondere „WordPress“ und Plugins Dritter umfasst).

Umfang der übertragenen Nutzungsrechte

  1. Roger Burkhard überträgt dem Kunden die für den jeweiligen vertraglichen Zweck erforderlichen Nutzungsrechte an seinen Leistungen (nachfolgend bezeichnet als „Werk“) in dem der Auftragsbeschreibung entsprechendem Nutzungsumfang, der Nutzungsdauer sowie räumlichen Anwendungsbereich. Soweit nichts anderes vereinbart ist, wird jeweils ein einfaches Nutzungsrecht zur eigenen Nutzung übertragen.
  2. An Werken, die individuell und spezifisch für den Kunden erbracht werden (zum Beispiel individuelle Grafiken oder Programmroutinen) erhält der Kunde ein ausschließliches, zeitlich und räumlich unbeschränktes, sachlich auf die vertraglichen Zwecke beschränktes Nutzungs-­‐ und Verwertungsrecht, welches insbesondere die Nutzung-, Vervielfältigung- sowie Verbreitungsrechte und das Recht der öffentlichen Zugänglichmachung erfasst. Ausgenommen ist der Weiterverkauf- und Weitervertrieb des Werks durch den Kunden.
  3. Bei Werken die auf anderen Werken aufbauen, diese ändern, erweitern oder anpassen (z.B. bei individueller Anpassung von Templates oder Softwaremodulen), erstrecken sich die etwaigen ausschließlichen Rechte des Kunden nicht auf die ursprünglichen Werke, sondern nur soweit die durch Roger Burkhard für den Kunden vorgenommenen Änderungen, Erweiterungen und Anpassungen reichen.
  4. Roger Burkhard ist berechtigt dem Kunden individuelle Lizenzdateien, -schlüssel oder -nummern zuzuteilen, die ihn zur Wahrnehmung seiner Nutzungsrechte berechtigen.
  5. Darüber hinaus ist der Kunde nicht berechtigt, das Werk ohne ausdrückliche schriftliche Zustimmung von Roger Burkhard entgeltlich oder unentgeltlich zu verändern, vermieten, verleihen, verleasen, veräußern oder in welcher technischen Form auch immer gänzlich oder teilweise Dritten zugänglich zu machen. Unterlizenzen dürfen nicht eingeräumt werden.
  6. Die Nutzungsrechte an den Werken gehen erst nach vollständiger Zahlung der Vergütung durch den Kunden auf diesen über.
  7. Soweit das Werk Open Source-Bestandteile enthält, erfolgt die Rechteübertragung nur im Umfang und nach Maßgabe der jeweiligen Open Source Lizenz. Roger Burkhard verweist ausdrücklich darauf, dass die Open Source-Bestandteile nur im Rahmen der jeweiligen Lizenz genutzt, bearbeitet und Gegenstand von Verfügungen sein dürfen.
  8. Von Roger Burkhard erstellte Vorlagen, Entwürfe, Rohdaten, Dateien und sonstige Arbeitsmittel, die dazu dienen, die nach dem Vertrag geschuldete Leistung zu erbringen (nachfolgend bezeichnet als „Vorlagen“), bleiben Eigentum von Roger Burkhard. Wünscht der Kunde die Herausgabe, ist dies gesondert zu vereinbaren und zu vergüten. Dasselbe gilt für schutzfähige Leistungen die zur Vorbereitungs-, Pitch-, Präsentations- und Schulungszwecken erstellt werden.
  9. Eine Herausgabe- und Aufbewahrungspflicht besteht darüber hinaus nicht. Roger Burkhard ist spätestens nach Ablauf von sechs Monaten zur Löschung der Vorlagen berechtigt.
  10. Vorschläge und Weisungen des Kunden oder seiner Mitarbeiter begründen kein Miturheberrecht.

Referenzen

  1. Roger Burkhard ist berechtigt, den Kunden mit einer Zusammenfassung der erzielten Ergebnisse, vorbehaltlich etwaiger Verschwiegenheitsverpflichtungen oder abweichender Vereinbarungen, als Referenz nennen zu dürfen.
  2. Roger Burkhard ist ferner berechtigt, an üblicher Stelle innerhalb der Werke auf seine Urheberschaft hinzuweisen sofern hierdurch die Interessen des Kunden nicht beeinträchtigt werden.

Bestimmungen für Schulungen, Workshops und Kurse

Vertragsgegenstand

  1. Schulungen, Workshops und Kurse können zu unterschiedlichen Konditionen, in diversen Formaten und Durchführungsarten, zum Beispiel live, aufgezeichnet, video- oder chatgestützt, in Vortrags-, Tutorial- oder Diskussionsform, als Download oder als Stream erbracht werden.
  2. Preise, Details und Beschaffenheit der einzelnen Kurse, Workshops und Schulungen, sei es einzeln oder gebündelt, ergeben sich aus der jeweiligen Leistungsbeschreibung.

Vergütung und Abrechnung

Vergütung

  1. Die Vergütung für die durch Roger Burkhard geschuldeten Leistungen ergeben sich aus der Auftragsbeschreibung oder den Preisangaben neben den jeweiligen Leistungen.
  2. Soweit die Vertragsparteien im Fall von Werk- und Dienstleistungsverträgen keine feste Vergütung vereinbart haben, bemisst sich die Vergütung nach Aufwand. Insoweit gelten die zum Zeitpunkt der Erbringung der Leistung gültigen Sätze von Roger Burkhard.
  3. Vorbehaltlich einer ausdrücklich abweichenden Regelung verstehen sich sämtliche genannten Beträge als Nettobeträge, d. h. zuzüglich der gesetzlichen Mehrwertsteuer.

Abrechnung

  1. Die Rechnungen werden durch Roger Burkhard spätestens zum Ende eines Monats ausgestellt. Die Rechnungen dürfen dem Kunden auf elektronischem Wege gestellt werden.
  2. Rechnungen sind vorbehaltlich anderweitiger Vereinbarungen ohne Abzug innerhalb von 20 Tagen nach Rechnungsdatum zur Zahlung fällig. Soweit der Kunde in Zahlungsverzug gerät, werden die gesetzlichen Verzugszinsen fällig. Dies lässt die Geltendmachung weiterer Rechte unberührt.
  3. Für jede Mahnung der Rechnung fällt eine Mahngebühr von jeweils CHF 5.00 an. Dem Kunden bleibt es vorbehalten niedrigeren Mahnaufwand nachzuweisen.
  4. Der Kunde kann gegen Ansprüche von Roger Burkhard nur unbestrittene oder rechtskräftig festgestellte Forderungen aufrechnen, sofern es sich hierbei nicht um Ansprüche auf Fertigstellung oder Mangelbeseitigung handelt. Dem Kunden steht die Geltendmachung eines Zurückbehaltungsrechts nur wegen Gegenansprüchen aus dem jeweiligen Vertrag zu.

Pauschalpreise, laufende Vergütungen und Zeitkontingente

  1. Im Pauschalpreis nicht enthalten sind Leistungen, die aufgrund von Fehlbedienung oder fahrlässiger bzw. vorsätzlicher Beschädigung oder Veränderung der Software auf Seiten des Auftraggebers entstanden sind. Diese Pflegearbeiten werden auf der Basis der zum Zeitpunkt der Auftragserteilung allgemein gültigen Stundensätze von Roger Burkhard nach entstandenem Zeitaufwand berechnet.
  2. Bei Dauerschuldverträgen ist Roger Burkhard zu einer angemessenen Anhebung der vereinbarten Pauschale nach Ankündigung berechtigt. Eine solche Anhebung tritt frühestens 3 Monate nach Ablaufs des Monats in Kraft, in dem Roger Burkhard die Änderung mitgeteilt und der Kunde ihr innerhalb der Frist von 3 Wochen zum Tag des Inkrafttretens des neuen Entgelts nicht widersprochen hat und darf das Entgelt des vorausgehenden Zwölfmonatszeitraumes um 19 nicht mehr als 10% überschreiten. Widerspricht der Kunde der Preiserhöhung, steht Roger Burkhard ein Sonderkündigungsrecht zu.
  3. Sofern der Kunde mit der Anpassung nicht einverstanden ist, kann er diesen Vertrag mit einer Frist von 3 Wochen zum Tag des Inkrafttretens des neuen Entgelts schriftlich kündigen.
  4. Vorausbezahlte Entgelte werden dem Kunden erstattet, wenn der Vertrag vor Ablauf des Abrechnungszeitraums endet. Im Falle der außerordentlichen Kündigung durch Roger Burkhard, hat Roger Burkhard einen Anspruch auf Zahlung des Entgelts für die gesamte vereinbarte Dauer des Vertrages.
  5. Zeitkontingente, die pauschal für einen bestimmten Zeitraum abgerechnet und nicht in Anspruch genommen werden, verfallen mit Ablauf des jeweiligen Zeitraums.

Haftung

Haftung & Schadensersatz

  1. Roger Burkhard haftet nach diesem Vertrag nur nach Maßgabe der folgenden Bestimmungen:
  2. Roger Burkhard haftet unbeschränkt für vorsätzlich oder grob fahrlässig durch Roger Burkhard verursachte Schäden sowie für vorsätzlich verursachte Schäden sonstiger Erfüllungsgehilfen; für grobes Verschulden sonstiger Erfüllungsgehilfen bestimmt sich die Haftung nach den unten in (f) aufgeführten Regelungen für leichte Fahrlässigkeit.
  3. Roger Burkhard haftet unbeschränkt für vorsätzlich oder fahrlässig verursachte Schäden aus der Verletzung des Lebens, des Körpers oder der Gesundheit durch Roger Burkhard, seine gesetzlichen Vertreter oder Erfüllungsgehilfen.
  4. Roger Burkhard haftet für Schäden aufgrund fehlender zugesicherter Eigenschaften bis zu dem Betrag, der vom Zweck der Zusicherung umfasst war und der für Roger Burkhard bei Abgabe der Zusicherung erkennbar war.
  5. Roger Burkhard haftet für Produkthaftungsschäden entsprechend der Regelungen im Produkthaftungsgesetz.
  6. Roger Burkhard haftet für Schäden aus der Verletzung von Kardinalpflichten durch Roger Burkhard, seine gesetzlichen Vertreter oder Erfüllungsgehilfen; Kardinalpflichten sind die wesentlichen Pflichten, die die Grundlage des Vertrags bilden, die entscheidend für den Abschluss des Vertrags waren und auf deren Erfüllung der Kunde vertrauen darf. Wenn Roger Burkhard diese Kardinalpflichten leicht fahrlässig verletzt hat, ist seine Haftung auf den Ersatz des vorhersehbaren, typischerweise eintretenden Schadens begrenzt. Dieser übersteigt grundsätzlich nicht das Fünffache der vereinbarten Vergütung.

Haftung & Schadensersatz bei Datenverlusten

  1. Roger Burkhard haftet für den Verlust von Daten nur bis zu dem Betrag, der bei ordnungsgemäßer und regelmäßiger Sicherung der Daten zu deren Wiederherstellung angefallen wäre. Der Kunde sichert Roger Burkhard zu, eine dem Stand der Technik entsprechende Datensicherung und Virenabwehr zu betreiben.
  2. Bei Datenverlusten haftet Roger Burkhard nur für den Aufwand, der für die Wiederherstellung der Daten bei ordnungsgemäßer Datensicherung durch den Kunden erforderlich ist. Bei leichter Fahrlässigkeit haftet Roger Burkhard nur, sofern der Kunde unmittelbar vor Durchführung der Maßnahme, die zum Datenverlust geführt hat, eine ordnungsgemäße Datensicherung durchgeführt hat. Eine weitere Haftung von Roger Burkhard ist dem Grunde nach ausgeschlossen.

Kündigung

Ordentliche Kündigung

  1. Bei Verträgen, die als Dauerschuldverhältnisse (z.B. laufende Pflege- und Wartung) vereinbart werden, legen die Vertragsparteien die Laufzeit des Vertrages sowie Kündigungsfristen gesondert fest. Ist keine Vereinbarung über die Laufzeit getroffen, beträgt diese 12 Monate. Ist keine Vereinbarung über die Kündigungsfrist getroffen, beträgt diese 6 Wochen zum Vertragsende.
  2. Wird keine rechtzeitige Kündigung ausgesprochen, verlängert sich die Laufzeit des Vertrages nach Ablauf dessen Laufzeit automatisch um denselben Zeitraum.

Außerordentliche Kündigung

  1. Jede Partei kann Verträge, welchen diese AGB zugrunde liegen, aus wichtigem Grund außerordentlich kündigen, wenn eine oder mehrere Vereinbarungen durch die jeweils andere Vertragspartei nicht eingehalten wurden und nach einer schriftlichen Aufforderung zur Besserung diese schuldhaft nicht innerhalb einer Frist von 14 Tagen erfolgt ist.
  2. Die außerordentliche Kündigung ist auch ohne vorherige Aufforderung zur Besserung möglich, wenn eine Fortsetzung des Vertrages dem Kündigenden unter Berücksichtigung aller Umstände des Einzelfalls und unter Abwägung der Interessen beider Vertragsparteien nicht zugemutet werden kann. Dies ist insbesondere der Fall, wenn eine der Vertragsparteien ihre Pflichten aus diesem Vertrag oder jeweiligem Auftrag in grober Weise verletzt oder über das Vermögen der anderen Vertragspartei das Insolvenzverfahren eröffnet oder mangels Masse die Eröffnung eines Insolvenzverfahrens abgelehnt wird.

Vertraulichkeit, Datenschutz, Anwendbares Recht und Gerichtsstand

Vertraulichkeit

  1. „Vertrauliche Informationen“ sind alle Informationen und Unterlagen der jeweils anderen Vertragspartei, die als vertraulich gekennzeichnet oder aus den Umständen heraus als vertraulich anzusehen sind, insbesondere Informationen über betriebliche Abläufe, Geschäftsbeziehungen und Know-how.
  2. Die Vertragsparteien vereinbaren, über solche vertrauliche Informationen Stillschweigen zu wahren. Diese Verpflichtung besteht nach Beendigung des Vertrags fort.
  3. Von dieser Verpflichtung ausgenommen sind solche vertraulichen Informationen,
    1. die dem Empfänger bei Abschluss des Vertrags nachweislich bereits bekannt waren oder danach von dritter Seite bekannt werden, ohne dass dadurch eine Vertraulichkeitsvereinbarung, gesetzliche Vorschriften oder behördliche Anordnungen verletzt werden;
    2. die bei Abschluss des Vertrags öffentlich bekannt sind oder danach öffentlich bekannt gemacht werden, soweit dies nicht auf einer Verletzung des Vertrags beruht;
    3. die aufgrund gesetzlicher Verpflichtungen oder auf Anordnung eines Gerichtes oder einer Behörde offen gelegt werden müssen. Soweit zulässig und möglich wird der zur Offenlegung verpflichtete Empfänger die andere Partei vorab unterrichten und ihr Gelegenheit geben, gegen die Offenlegung vorzugehen.

Datenschutz/Datensicherheit

  1. Die Vertragsparteien beachten die einschlägigen datenschutzrechtlichen Vorschriften. Roger Burkhard wird insbesondere personenbezogene Daten des Kunden nur im Rahmen dessen Weisungen und zur Erfüllung der vertraglichen und gesetzlichen Pflichten sowie zur Abrechnung, erheben, verarbeiten oder nutzen.
  2. Soweit Roger Burkhard Zugang zu den durch den Kunden gespeicherten und verarbeiteten Daten erhält, obliegt es dem Kunden die datenschutzrechtlichen Vorgaben einzuhalten. Roger Burkhard ist verpflichtet erforderliche Auftragsdaten- oder Geheimhaltungsvereinbarungen einzugehen.
  3. Die Vertragsparteien verpflichten ihre Mitarbeiter auf die Einhaltung des Datengeheimnisses.

Anwendbares Recht, Gerichtsstand, Salvatorische Klausel

  1. Auf diese AGB und mit ihnen verbundene Verträge gilt ausschliesslich das schweizerisches Recht.
  2. Erfüllungsort und Gerichtsstand ist Bern.
  3. Die Unwirksamkeit einzelner Regelungen dieses Vertrags lässt die Wirksamkeit der übrigen Regelungen unberührt. In diesem Fall verpflichten sich die Vertragsparteien, sich auf wirksame Regelungen zu verständigen, die wirtschaftlich dem intendierten Zweck der unwirksamen Regelungen am nächsten kommen. Dies gilt entsprechend für die Schließung etwaiger Lücken in diesem Vertrag.