Yokai Studio - Open Source practices
What does Yokai Studio do?
Interdisciplinary Open Source practices. Yokai Studio focus on Design System Conception and Engineering; Semantic-, accessible- and performance-oriented Front End Engineering; UI/UX Engineering; Strategy, Consulting & Agile Project Management; Drupal Development — and stands up for inclusive, sustainable & holistic thinking.
Yokai Studio creates intuitive and accessible, performance-oriented and aesthetic experiences. Bern-based, Aare-friendly.
Say hi to Yokai!
Featured project
- SBB / Swiss Federal Railways (o/b/o Unic) Lyne Design System — now moved and merged into SBB Design Systems and called Lyne Components and Lyne Design Tokens. The building blocks which power the new SBB Homepage. Lyne is a holistic approach towards a consistent, maintainable, cross-company design language for all SBB digital products/services for a better common understanding between stakeholders, designers and developers. (2019–2022)
Selected works
- Lehmanns.xyz / Bistro & Saftladen for Lehmanns Saftladen
- Brentjong.space / Culture, biodiversity and natural wine project for Satellites of Love
- Lehmanns.xyz / Webshop for Heftig Cidre and Satellites of Love
- Jura & Trois-Lacs (o/b/o Hinderling Volkart)Travel & tourism platform (2018)
- FANTOCHEInternational Animation Film Festival (2013-2023)
- Büro DestructWork & portfolio platform
- NOORDAgency platform (2013-2025)
- wbarchitektenArchitects
- Stiftung Anne-Marie SchindlerFoundation (2015-2020)
- Ermitage ArlesheimFoundation
- School of Design Bern and Biel / SKUGRAStudy programme (2015-2022)
- mAAREWeb app
- aarebag.chProduct (2014-2022)
- Institut für PersonengeschichteFoundation
- Nicole TrasattiAgency Page
- FiduriaService Plattform
- BSPVUnion / Association
- Theater WinkelwieseTheatre (2015-2022)
- AUAWIRLEBENTheatre festival (2014-2021)
- Zürich OpenairMusic festival (2013)
Work areas
- Cultural, environmental and social projects, festivals
- for education: schools, universities, research & development
- for institutions: foundations, museums, theatres, non-governmental organizations (NGOs), non-profit organization (NPOs)
- for individuals: artists, musicians, illustrators, photographers, filmmakers, designers, architects, authors, publishers
- winemakers, domaines
- agencies, studios
- products, services, businesses
Methods
- Design thinking, digital strategies, digital transformation
- Agile (if appropriate)
- Design Systems
- Content Strategy
- Information Architecture
- Responsive Image Solutions
- Performance Optimization
- Web Accessibility
- Web Typography
- Sustainable & Holistic Development
- Content First
- Mobile First
Technologies & tools
- Web Components
- Lit
- JS
- CSS
- HTML
- astro
- Brisa
- Node.js
- Bun
- Deno
- Vue.js / Nuxt
- Svelte(Kit)
- React
- AngularJS
- Drupal
- Figma
Contact
© Yokai Studio 2013-2026
Datenschutzerklärung
Willkommen auf der Webseite von Yokai Studio. Die nachfolgende Datenschutzerklärung gilt für die Nutzung unserer Webseite sowie der darauf angebotenen Dienstleistungen. Die vorliegende Datenschutzerklärung informiert Sie über die Erhebung personenbezogener Daten während Ihres Besuchs auf dieser Webseite. Mit der Nutzung dieser Webseite erklären Sie sich mit der Bearbeitung Ihrer Personendaten gemäss der vorliegenden Datenschutzerklärung einverstanden.
Die Erhebung und die Verarbeitung Ihrer personenbezogenen Daten geschehen unter Beachtung der geltenden datenschutzrechtlichen Gesetze und Anforderungen. Im Übrigen lehnt Yokai Studio jegliche Haftung bei der Nutzung dieser Webseite ab.
Grundsätzlich bietet Yokai Studio ihre Dienstleistungen nur in der Schweiz an und richtet sich nur an in der Schweiz wohnhafte Personen.
Ihre Rechte
Gestützt auf das Datenschutzgesetz haben Sie verschiedene Rechte wie beispielsweise ein Auskunftsrecht. Zur Geltendmachung Ihrer Rechte setzen Sie sich bitte mit Yokai Studio in Verbindung. Wir stehen Ihnen für weitere diesbezügliche Informationen gerne zur Verfügung.
Änderungen
Yokai Studio kann diese Datenschutzerklärung jederzeit ohne Vorankündigung anpassen. Es gilt die jeweils aktuelle, auf unserer Webseite publizierte Fassung. Soweit die Datenschutzerklärung Teil eines Vertrages mit Ihnen ist, werden wir Sie im Falle einer Aktualisierung über die Änderung per E- Mail oder auf andere geeignete Weise informieren.