Webbarrierefreiheit, auch bekannt als digitale Barrierefreiheit oder A11Y, optimiert die Benutzererfahrung für Menschen mit Behinderungen. Dazu gehören die Bedürfnisse von sehbehinderten, hörgeschädigten, nicht muttersprachlichen oder älteren Personen, um nur einige Beispiele zu nennen. Wir integrieren die Prinzipien der 

(Web Content Accessibility Guidelines) strikt in unser Konzept.

Web accessibility, also known as digital accessibility or A11Y, enhances the user experience for individuals with disabilities. It addresses the needs of people who are visually impaired, hearing impaired, non-native speakers, or elderly, to name just a few examples. We rigorously integrate the principles of WCAG 2.1 AA (Web Content Accessibility Guidelines) into the core of our approach.

L’accessibilité du web, également connue sous le nom d'accessibilité numérique ou 

, permet d’optimiser l’expérience utilisateur en cas de handicap chez l’utilisateurice. Elle comprend les besoins des personnes malvoyantes, malentendantes, allophones ou âgées, pour ne citer qu’une poignée d’exemples. Nous intégrons de manière rigoureuse les principes des normes 

Ein Diagramm vereinfacht Daten mit Balken oder Linien, um Trends oder Vergleiche direkt darzustellen. Eine Infografik geht dagegen weiter, indem sie Diagramme, Texte und Bilder kombiniert, um komplexe Konzepte auf eine visuell reiche und narrative Weise zu erklären. Sie wird verwendet, um Informationen zugänglicher und ansprechender zu gestalten, häufig in Medien, Berichten und im Web. Infografiken dienen nicht nur der Veranschaulichung von Daten, sondern auch dem Erzählen von Geschichten oder der effektiven und einprägsamen Kommunikation von Botschaften, wodurch sie über die reine grafische Darstellung hinausgehen.

A graph simplifies data using bars or lines, aiming to show trends or comparisons in a direct manner. In contrast, an infographic goes beyond by combining graphs, text, and images to explain complex concepts in a visually rich and narrative way. It is used to make information more accessible and engaging, often in media, reports, and online. Infographics serve not only to illustrate data but also to tell a story or communicate a message effectively and memorably, thus going beyond mere graphical representation.

Un graphique simplifie des données avec des barres ou des lignes, visant à montrer des tendances ou des comparaisons de manière directe. En revanche, une infographie va au-delà en combinant graphiques, textes et images pour expliquer des concepts complexes de manière visuellement riche et narrative. Elle est utilisée pour rendre les informations plus accessibles et engageantes, souvent dans les médias, les rapports et sur le web. Les infographies servent à illustrer non seulement des données, mais aussi à raconter une histoire ou à communiquer un message de manière efficace et mémorable, dépassant ainsi la simple représentation graphique.

Wenn ihr Leistungen benötigt, die über unser Kompetenzspektrum hinausgehen, empfehlen wir euch gerne andere Fachleute, mit denen wir gerne zusammenarbeiten.

If you need services beyond our expertise, we would be happy to recommend other professionals we enjoy working with.

Si vous avez besoin de prestations qui dépassent le cadre de nos compétences, nous serons ravies de vous recommander d'autres professionnels et professionnelles avec qui nous aimons collaborer.

Velma unterstützt nachdrücklich die inklusive Sprache, die die Geschlechterdiversität berücksichtigt. Meine Damen und Herren, das ist vorbei. Doch kann inklusive Sprache, wenn sie schlecht verwendet wird, für Menschen mit Dyslexie, Nicht-Muttersprachlern und Personen, die auf Assistenztechnologien angewiesen sind, schwer zugänglich sein. Wählen wir also nicht zwischen Inklusion und Barrierefreiheit, sondern setzen wir auf eine inklusive und barrierefreie Sprache!

Velma strongly supports inclusive language, which takes gender diversity into account. Ladies and gentlemen, it's over. However, inclusive language (especially in English and French, using asterisks and median points) can be inaccessible for people who are dyslexic, non-native speakers, and dependent on assistive technologies if used incorrectly. Therefore, let's not choose between inclusion and accessibility, but opt for inclusive and accessible language!

Velma soutient haut et fort le langage inclusif, c’est-à-dire qui prend en compte la diversité de genre. Mesdames et Messieurs, c’est terminé. Mais, le language inclusif peut se révéler peu accessible pour les personnes dyslexiques, allophones et dépendantes des technologies d’assistance, s’il est mal utilisé. Ne choisissons donc pas entre inclusion et accessibilité et optons pour un language inclusif et accessible !

A11Y ist eine Abkürzung für „Accessibility“, also Barrierefreiheit. Die Zahl 11 steht für die Buchstaben zwischen dem „A“ und dem „Y“ im Wort „accessibility“. A11Y wird oft wie „ally“ ausgesprochen, was auf Englisch „Verbündete“ bedeutet, und bezieht sich auf Solidarität und das Bewusstsein von nicht-behinderten Personen für die Bedürfnisse von Menschen mit Behinderungen.

A11Y is an abbreviation for accessibility. The number 11 represents the letters between 'A' and 'Y' in the word 'accessibility.' A11Y is often pronounced 'ally,' which refers to solidarity and the awareness of non-disabled individuals regarding the needs of people with disabilities.

 c'est-à-dire accessibilité. Le nombre 11 représente les lettres entre le "A" et le "Y" dans le mot 

 qui veut dire allié-alliée en anglais, et qui fait référence à la solidarité et à la prise de conscience des personnes valides concernant les besoins des personnes en situations de handicap.

In der deutschen Sprache gibt es verschiedene Ansätze zur Verwendung von inklusiver Sprache: das Gendersternchen, der Doppelpunkt, neutrale Sprache usw. Assistive Technologien (z.B. VoiceOver) können häufig Sonderzeichen wie das Sternchen oder den Doppelpunkt nicht korrekt lesen, was das Verständnis für Menschen, die auf solche Technologien angewiesen sind, erheblich erschwert. Daher empfiehlt Velma, auf zugänglichere Formen zurückzugreifen, wie neutrale Sprache oder alternative inklusive Formulierungen, die leichter lesbar und aussprechbar sind: „die Nutzerinnen und Nutzer“ oder „die Nutzenden“ statt „die Nutzer*innen“ oder „die Nutzer:innen“.

In English, there are several ways to use inclusive language that is accessible:

Using gender-neutral language and inclusive phrasing is essential. For instance, using 'people' instead of 'man' or 'woman.' 

Clarity and precision are also crucial. Employing simple language can effectively address a broad audience and help individuals with cognitive or learning disabilities better understand the content.

En français, il y a plusieurs façons d’utiliser un langage inclusif : l’accord de proximité, le point médian combiné au 

, le langage neutre, etc. Les technologies d’assistances (ex : VoiceOver) ne sont pas en mesure de lire le point médian, ce qui rend la compréhension très difficile pour les personnes qui en dépendent. Velma recommande donc d’utiliser d’autres approches plus accessibles, comme le langage neutre ou le langage inclusif lisible et prononçable : "les utilisateurices" au lieu de "les utilisateur·ice·x·s".

Ein umweltfreundliches Hosting ist eine Webhosting-Lösung, die die Umweltbelastung berücksichtigt und darauf abzielt, den ökologischen Fußabdruck der gehosteten Websites zu reduzieren. Rechenzentren nutzen erneuerbare Energiequellen wie Solar- und Windenergie und optimieren ihre Energieeffizienz durch den Einsatz von energieeffizienten Geräten und Kühlsystemen. Diese Hosting-Anbieter investieren in Projekte zur CO2-Kompensation, um ihre CO2-Emissionen auszugleichen, und setzen Maßnahmen zur Reduzierung von Elektroschrott um. Zudem fördern sie die Optimierung des Codes von Websites, um den Energieverbrauch der Server zu senken.

Eco-friendly hosting is a web hosting solution that considers environmental impact and aims to reduce the ecological footprint of hosted websites. Data centers use renewable energy sources, such as solar and wind power, and optimize energy efficiency by adopting low-energy hardware and efficient cooling systems. These hosts invest in carbon offset projects to neutralize their CO2 emissions and implement practices to reduce electronic waste. They also encourage the optimization of website code to decrease server energy consumption.

Un hébergement éco-responsable est une solution d'hébergement web qui prend en compte l'impact environnemental et vise à réduire l'empreinte écologique des sites web hébergés. Les centres de données utilisent des sources d'énergie renouvelables, telles que l'énergie solaire et éolienne, et optimisent leur efficacité énergétique en adoptant des matériels à faible consommation d'énergie et des systèmes de refroidissement efficaces. Ces hébergeurs investissent dans des projets de compensation carbone pour neutraliser leurs émissions de CO2 et mettent en place des pratiques de réduction des déchets électroniques. Ils encouragent également l'optimisation du code des sites web pour diminuer la consommation d'énergie des serveurs.

Einige kostengünstige Website-Design-Tools wie Webflow oder Wix ermöglichen es, Websites ohne Kenntnisse in Webentwicklung oder Grafikdesign zu erstellen, dank ihrer Vorlagen. Obwohl sie preiswert sind, kann es problematisch werden, wenn es darum geht, die Website weiterzuentwickeln. Im Gegensatz dazu gibt es bei der Verwendung solider Technologien keine Grenzen für die Weiterentwicklung der Website. So kann man in eine kontinuierliche Weiterentwicklung investieren, anstatt jedes Mal von Grund auf neu beginnen zu müssen, wenn die Website veraltet wird.

Some affordable website design tools, such as Webflow or Wix, allow you to create sites without knowledge of development or design, thanks to their templates. Although inexpensive, these services become a problem when it comes to evolving the website. In contrast, using robust technologies means there are no limits to the website's evolution. You can then invest in its continuous development rather than constantly starting from scratch every time the site becomes outdated.

Certains outils de conception de sites internet abordables, comme Webflow ou Wix, permettent de créer des sites sans connaissances en développement ou en graphisme, grâce à leurs templates. Bien que peu coûteux, ces services posent un problème lorsqu'il s’agit de faire évoluer le site. En revanche, en utilisant des technologies solides, il n’y a aucune limite à l’évolution du site. On peut alors investir dans son développement continu plutôt que de constamment recommencer à zéro à chaque fois que le site devient obsolète.

Je nach euren Bedürfnissen können wir den Druck des Projekts übernehmen oder euch lokale Druckereien empfehlen, mit denen wir gerne zusammenarbeiten. Wir bevorzugen verantwortungsvolle Druckmethoden (wie zum Beispiel die Risographie).

Depending on your needs, we can either handle the printing of the project or recommend local print shops with whom we enjoy collaborating. We prioritize responsible printing methods (such as risography).

En fonction de vos besoins, nous pouvons prendre en charge l’impression du projet ou vous recommander des imprimeries locales avec qui nous aimons collaborer. Nous privilégions des méthodes d'impressions responsables (comme par exemple la risographie). 

Die visuelle Identität betrifft das grafische Erscheinungsbild der Marke (Farbpalette, Schriftart, Logo usw.).

Die Kommunikationsstrategie umfasst alle Maßnahmen und Botschaften, die verwendet werden, um mit der Zielgruppe zu kommunizieren (Slogans, Tonalität, Nutzung von sozialen Medien oder anderen Kommunikationsmethoden usw.).

Visual identity relates to the graphic appearance of the brand (color palette, typography, logo, etc.).

The communication strategy encompasses all the actions and messages used to communicate with the target audience (slogans, tone, use of social media or other dissemination methods, etc.).

L’identité visuelle concerne l'apparence graphique de la marque (palette de couleurs, police de caractère, logo, etc.). 

La stratégie de communication englobe l'ensemble des actions et des messages utilisés pour communiquer avec le public cible (slogans, tonalité, utilisation des réseaux sociaux ou d’autres méthodes de diffusion, etc.). 

Ja, das CMS, das wir verwenden, SANITY, funktioniert einwandfrei auf einem Handy oder Tablet. Es ist daher einfach, den Inhalt eurer Website genauso zu verwalten wie eure sozialen Medien.

Yes, the CMS we use, SANITY, works perfectly from a mobile phone or tablet. It makes managing your website's content as easy as managing your social media.

Oui, le CMS que nous utilisons, SANITY fonctionne parfaitement depuis un téléphone portable ou une tablette. Il est donc facile de gérer le contenu de son site internet comme on gère ses réseaux sociaux.

Eine Showcase Website (oder Firmenwebsite) ist eine Art von Website, die dazu dient, sich selbst zu präsentieren. Im Gegensatz zu E-Shops, sozialen Netzwerken und Content-Erstellern (wie Medien) haben Firmenwebsites das Hauptziel, statische Informationen über die Dienstleistungen eines Vereins oder Unternehmens bereitzustellen.

A showcase website is a type of website designed primarily to present information about an organization or business. Unlike e-commerce sites, social media platforms, or media creators, showcase websites focus on providing static information about the services offered by an association or company.

Un site vitrine est un type de site web conçu dans le but de se présenter. Contrairement aux e-shops, aux réseaux sociaux et aux créateurs de contenu (médias) par exemple, les sites vitrines ont pour objectif principal de fournir des informations statiques sur les services d’une association ou d’une entreprise.

Sobald eure Website online ist, ermöglicht die Verwaltungsoberfläche euch, den Inhalt selbst zu aktualisieren. Diese Oberfläche ist maßgeschneidert und sehr benutzerfreundlich. Wir stehen euch zur Verfügung, um euch zu helfen, sie zu meistern. Wir bieten keinen Service für die Erstellung von Inhalten an, können euch aber mit kompetenten Autoren und Autorinnen in Verbindung bringen.

Once your website is online, the management interface allows you to update the content yourself. This interface is customized and very easy to use. We are available to help you master it. We do not offer content writing services but can connect you with skilled writers.

Une fois votre site mise en ligne, l’interface de gestion vous permet de mettre à jour le contenu vous-même. Cette interface est sur mesure et très facile à utiliser. Nous restons à votre disposition pour vous aider à la dompter. Nous ne proposons pas de service de rédaction de contenu, mais pouvons faire le lien avec des rédacteurices compétentes.

Um lange Bestand zu haben, muss eine Website gepflegt werden – regelmäßige Updates des CMS und der Plugins sowie mögliche Anpassungen nach diesen Updates sind erforderlich. Websites mit Login-Systemen (Authentifizierung) benötigen nach dem Start besonders viel Pflege. Velma kümmert sich um den technischen Support nach dem Verkauf, um sicherzustellen, dass Ihre Website robust bleibt und sich im Einklang mit Ihrem Projekt sowie den fortwährenden Entwicklungen neuer Technologien weiterentwickelt.

To ensure a website lasts, it must be maintained—this includes regularly updating the CMS and plugins, as well as addressing any issues that arise from these updates. Websites with login systems (authentication) require the most care post-launch. Velma provides post-launch technical support to ensure your site remains robust and evolves in line with your project as well as the ongoing advancements in technology.

Pour durer, un site internet doit s’entretenir - faire les mises à jour du CMS et plug-ins régulièrement et d’éventuelles corrections suite à ces mises à jour. Les sites avec système de login (authentification) sont ceux qui nécessite le plus de soin après lancement. Velma s’occupe du service technique après vente pour assurer que votre site soit résistant et évolue en harmonie avec votre projet comme avec l’évolution incessante des nouvelles technologies.

Wir sind zwischen Genf, Berlin und Lyon ansässig.

We are based between Geneva, Berlin and Lyon.

Nous sommes basées entre Genève, Berlin et Lyon. 

Es gibt keine Wunderlösung. Wenn ihr Verbesserungen an eurer Website vornehmt, um euren Inhalt zu optimieren, müsst ihr einige Tage warten, bis die Google-Roboter und andere Suchmaschinen die Änderungen erneut indexieren.

There is no quick fix. When improvements are made to a website to optimize its content, it is necessary to wait several days for Google's robots and other search engines to re-index these changes.

Il n'y a pas de solution miracle. Lorsque des améliorations sont apportées à un site web dans le but d’optimiser son contenu, il est nécessaire d’attendre plusieurs jours que les robots de Google et autres moteurs de recherche indexent à nouveau ces modifications. 

 (Richtlinien für die Barrierefreiheit von Webinhalten), sind Leitlinien, die vom World Wide Web Consortium (W3C) veröffentlicht wurden, um verschiedene Stufen der digitalen Barrierefreiheit zu erreichen.

The WCAG standards, or Web Content Accessibility Guidelines, are guidelines for achieving different levels of digital accessibility and are published by the World Wide Web Consortium (W3C).

 (Directives pour l'accessibilité des contenus Web), sont des lignes directrices pour atteindre différents niveaux d’accessibilité numérique et publiées par le 

Wir programmieren in JavaScript und verwenden das Framework Next.js (React), das die Leistung von Webanwendungen durch serverseitiges Rendering verbessert. Wir ergänzen dies mit TypeScript für zusätzliche Robustheit und TailwindCSS für ein optimales responsives und barrierefreihes Design. Für maßgeschneiderte Verwaltungsoberflächen nutzen wir das CMS SANITY. Firebase verwenden wir für die Datenverschlüsselung in Login-Systemen, und Vercel dient als unsere Hosting-Plattform.

We code in JavaScript and use the React Next.js framework, which enhances web application performance by facilitating server-side rendering. We add TypeScript for robustness and TailwindCSS for optimal responsive design. We use SANITY CMS to create custom management interfaces for our clients. Firebase is the technology we use for data encryption in login systems, and Vercel is our hosting platform.

Nous codons en JavaScript et utilisons le framework React Next.js, qui booste la performance des applications web en facilitant le rendu côté serveur. Nous y ajoutons TypeScript pour la robustesse et TailwindCSS pour un design responsive optimal. Nous utilisons le CMS de SANITY pour créer des interfaces de gestion sur-mesure pour notre clientèle. Firebase est la technologie que nous utilisons pour le cryptage des données dans les systèmes de login et Vercel, la plateforme d’hébergement.

Die Übersetzung einer Website ist ein aufwändiger Prozess: Es gilt nicht nur, alle Artikel und Inhalte in die verschiedenen Sprachen zu übersetzen, sondern auch die Struktur der Website (Menüs, Fußzeilen, Allgemeine Geschäftsbedingungen usw.) anzupassen.

Wenn mehrere Schriftalphabeten verwendet werden, müsst ihr zudem unterschiedliche typografische Anpassungen für jede Sprache vornehmen (die typografischen Regeln unterscheiden sich zwischen Frankreich und der Romandie, und stellt euch die Unterschiede zwischen Französisch und Arabisch vor) sowie technische Anpassungen (um eine Navigation von rechts nach links zu ermöglichen und eine konsistente Benutzererfahrung in allen Sprachen sicherzustellen).

Zusätzlich müsst ihr überlegen, was passiert, wenn ein Inhalt in einer Sprache noch nicht vorhanden ist oder schwer zu übersetzen ist – was soll stattdessen angezeigt werden? Und was, wenn es nicht sinnvoll ist, die gesamte Website zu übersetzen, sondern nur einen Teil davon?

Velma hat Erfahrung mit verschiedenen Szenarien und den damit verbundenen Anforderungen an die Arbeit und Sorgfalt im Umgang mit mehrsprachigem Inhalt. Wir bieten euch verschiedene Strategien an, die je nach euren Bedürfnissen sicherstellen, dass die Verwaltung einer mehrsprachigen Website angenehm und effizient bleibt und eurer mehrsprachigen Zielgruppe wirklich hilft.

Translating a website involves a lot of work: not only must all articles and content be translated into different languages, but the structure of the site as well (menus, footer, terms and conditions...).

Additionally, if there are multiple alphabets, one must consider different typographic settings for each language (typographic rules change between France and the French part of Switzerland, so imagine the differences between French and Arabic) and technical adjustments (to ensure navigation goes from right to left and that the user experience is consistent across all languages).

Finally, we need to think about what happens when content does not yet exist or does not exist at all in a language—when obtaining translations is costly—what should be put in its place? And what happens if it's not relevant to translate the entire site, but only part of it?

Velma has experience with various scenarios and what they entail in terms of work and rigor regarding multilingual content. We offer you different strategies based on your needs to ensure that managing a multilingual site remains pleasant and efficient, truly helping your non-native audience.

Traduire un site web implique beaucoup de travail : il faut non seulement traduire tous les articles et contenu dans les différentes langues, mais également la structure du site (les menus, pied de page, les conditions générales...). 

Enfin, s’il y a plusieurs alphabets, il faut penser à des réglages typographiques différents pour chaque langue (les règles typographiques changent entre la France et la Romandie alors imaginez entre le français et l’arabe), et des réglages techniques (pour que la navigation se fasse de droite à gauche et que l’expérience utilisateur soit identique dans toutes les langues). 

Enfin, il faut réfléchir à ce qu’il se passe quand un contenu n’existe pas encore ou pas du tout dans une langue – quand il est coûteux d’obtenir des traductions – que mettre à la place ? Et que se passe-t-il s’il n’est pas pertinent de traduire tout le site, mais qu’une partie ? 

Velma a l’expérience des différents scénarios et ce qu’ils impliquent en termes de travail et de rigueur quant au contenu multilingue. Nous vous proposons diverses stratégies selon vos besoins pour que la gestion d’un site multilingue reste agréable et efficace et aide réellement votre audience allophone.

Kein Problem, das ist keine Voraussetzung! Velma legt großen Wert darauf, leistungsstarke Verwaltungsoberflächen zu gestalten und bietet nach dem Start einen Wartungsservice sowie freundlichen technischen Support an.

No worries, it’s not a prerequisite! Velma places great importance on designing empowering management interfaces and offers post-launch maintenance and supportive technical assistance.

Pas de souci, ce n’est pas un pré-requis ! Velma prend très à cœur l’importance de concevoir des interfaces de gestion empouvoirantes et offre un service de maintenance après lancement et un support technique bienveillant. 

Wenn ihr den SEO einer Website verbessern möchtet, die ihr woanders erstellt habt, ist es wahrscheinlich nicht sinnvoll, dass wir direkt eingreifen. Wir können jedoch eine Sitzung organisieren, um die Situation zu bewerten und euch an kompetente Spezialisten und Spezialistinnen weiterzuvermitteln.

If you want to improve the SEO of a website designed elsewhere, it may not be most effective for us to intervene directly. However, we can arrange a session to assess the situation and guide you toward qualified specialists.

Si vous souhaitez améliorer le référencement d’un site que vous avez conçu ailleurs, il est probablement peu pertinent que nous intervenions directement. Cependant, nous pouvons organiser une séance pour évaluer la situation et vous orienter vers des spécialistes compétentes.

WordPress ist ein seit Anfang der 2000er Jahre populäres 

 (CMS), das in PHP entwickelt wurde. Obwohl es immer noch weit verbreitet ist, ist PHP eine zunehmend veraltete Programmiersprache, die nicht mehr gelehrt wird und nach und nach durch robustere und modernere Technologien ersetzt wird. 

SANITY ist ein modernes CMS, das auf JavaScript basiert und die Art und Weise, wie eine Website und deren Inhalte verwaltet werden, revolutioniert. Die SANITY-Verwaltungsoberfläche ist klar strukturiert, intuitiver und zu 100 % maßgeschneidert entwickelt.

WordPress is a popular content management system (CMS) that has been around since the early 2000s and is developed in PHP. While it is still widely used, PHP is a declining programming language that is no longer taught and is gradually being replaced by more robust and modern technologies. 

SANITY is a modern CMS based on JavaScript that is revolutionizing the way websites and content are managed. The SANITY management interface is sleek, more intuitive, and developed 100% custom.

WordPress est un système de gestion de contenu (CMS) populaire depuis le début des années 2000 et développé en PHP. Bien que toujours largement utilisé, PHP est un langage de programmation sur le déclin qui ne s’enseigne plus et qui est petit à petit remplacé par des technologies plus robustes et plus modernes. 

SANITY est un CMS moderne, basé sur JavaScript et qui révolutionne la façon de gérer un site et son contenu. L’interface de gestion SANITY est épurée, plus instinctive et développée 100% sur-mesure. 

Velma legt großen Wert auf Datenschutz und informiert Sie gerne über ethische Alternativen zu Tools wie Google Analytics. Wir arbeiten mit 

 zusammen, um Cookie-Zustimmungsbanner zu erstellen, die den gesetzlichen Anforderungen entsprechen.

Velma is mindful with data protection and is happy to help you find ethical alternatives to tools like Google Analytics, among others. We partner with 

 to generate cookie consent banners that comply with legal standards.

Velma est soucieuse de la protection des données et vous renseigne volontiers pour trouver des alternatives éthiques à des outils tels que Google Analytics, etc. Nous sommes partenaires de 

 pour générer des bannières d’acceptation des cookies qui respectent les normes imposées par la loi. 

Suchmaschinen nutzen Dutzende von Faktoren, um Websites basierend auf Suchbegriffen zu bewerten, wie die Qualität des Inhalts, technische Optimierung, Backlinks und Benutzererfahrung. Wenn ein Konkurrenzprojekt besser eingestuft ist als euer, kann dies an einer besseren Content-Strategie, hochwertigen Backlinks oder einer effektiveren digitalen Marketingkampagne liegen. Zudem spielt das Engagement der Nutzer, gemessen an der Verweildauer auf der Website und den Interaktionen, eine entscheidende Rolle. Die Situation kann sich daher schnell ändern, was die Suchmaschinenoptimierung komplex macht.

Search engines use dozens of factors to rank websites based on search keywords, such as content quality, technical optimization, backlinks, and user experience. If a competing project has better SEO than yours, it may be due to a more effective content strategy, high-quality backlinks, or a more successful digital marketing campaign. Additionally, user engagement, measured by time spent on the site and interactions, plays a crucial role. Therefore, the situation can change rapidly, making SEO work complex.

Les moteurs de recherche utilisent des dizaines de facteurs pour référencer les sites web en fonction des mots clés de recherche, comme la qualité du contenu, l’optimisation technique, les backlinks et l’expérience utilisateur. Si un projet concurrent est mieux référencé que le vôtre, cela peut être dû à une meilleure stratégie de contenu, des backlinks de qualité, ou une campagne de marketing digital plus efficace. De plus, l’engagement des utilisateurices, mesuré par le temps passé sur le site et les interactions, joue un rôle crucial. La situation peut donc s'inverser rapidement, rendant le travail de référencement complexe.

Barrierefreiheit zielt darauf ab, eine Website für möglichst viele Menschen nutzbar zu machen, einschließlich Personen mit Behinderungen. Inklusion geht einen Schritt weiter, indem sie Vielfalt von Anfang an in den Mittelpunkt stellt. Im Gegensatz zur Integration, bei der zunächst eine Website ohne besondere Rücksicht auf unterschiedliche Bedürfnisse erstellt und anschließend Hilfsmittel für diejenigen bereitgestellt werden, die sie benötigen, berücksichtigt Inklusion die Bedürfnisse aller Menschen, unabhängig von ihren Fähigkeiten, von Beginn an. So wird sichergestellt, dass alle Nutzer und Nutzerinnen die Website ohne zusätzliche Anpassungen verwenden können. Es ist besser, die Vielfalt der Nutzer und Nutzerinnen bereits in der Planungsphase zu berücksichtigen, anstatt erst nachträglich Anpassungen vorzunehmen.

Accessibility aims to make a website usable by the widest possible audience, including people with disabilities. Inclusion, on the other hand, embeds diversity into the core of this approach and differs from integration in that inclusion considers the needs of all individuals from the outset, regardless of their abilities, to ensure that everyone can use the site without requiring additional adaptations. Rather than creating a site without consideration and then providing assistive tools for those who need them, it's better to consider the diversity of users from the beginning of the process.

L’accessibilité vise à rendre un site utilisable par le plus grand nombre, y compris les personnes en situation de handicap. L’inclusion intègre la diversité au cœur de cette démarche et se distingue de l’intégration dans le sens que l'inclusion considère dès le départ les besoins de toutes les personnes, quelles que soient leurs capacités, pour garantir que tout le monde puisse utiliser le site sans avoir besoin d'adaptations supplémentaires. Plutôt que de créer un site sans considération et ensuite de fournir des outils d’assistance aux personnes qui en ont besoin, il vaut mieux considérer la diversité des utilisateurices au cœur de la démarche.

Im Kontext, der uns interessiert, ist eine API eine Datenbank, die es verschiedenen Entitäten ermöglicht, Informationen auszutauschen.

Nehmen wir das Beispiel eines Vereins, der Aktionen der LGBTQIA+-Bewegung in Berlin archiviert. Dieser Verein erstellt eine Datenbank in Form einer API, die QueerBerlinAPI genannt wird. Diese API ermöglicht es, eine Plattform zu entwickeln, die alle oder einen Teil dieser Daten nutzt, um Inhalte zu erstellen.

Stellen wir uns nun eine Ausstellung im Historischen Museum über feministischen Widerstand in der ehemaligen DDR vor. Durch den Zugang zur QueerBerlinAPI kann das Museum die für seine spezifischen Bedürfnisse relevanten Daten nutzen und in eigenen Anwendungen verwenden. Je nach Berechtigungen kann das Museum die Datenbank ergänzen oder sogar korrigieren.

In the context we're discussing, an API is a database that allows different entities to share information.

For example, imagine an organization that archives LGBTQIA+ activist actions in Berlin. This organization creates a database in the form of an API called 

. This API allows for the development of a platform that can utilize all or part of this data to build its content.

Now, consider a history museum hosting an exhibition on feminist struggles in former East Germany. By accessing the 

 the museum can use the relevant data for its specific needs within its own applications. Depending on the permissions, the museum might also enrich or even correct the database.

Dans le contexte qui nous intéresse, une API est une base de données qui permet à différentes entités de partager des informations. 

Prenons le cas d’une association qui archive les actions militantes LGBTQIA+ à Berlin. Cette asso crée une base de données sous forme d'API qui s’appelle 

. Elle permettra de développer une plateforme qui exploitera toutes ou une partie de ces données pour construire son contenu. 

Imaginons maintenant une exposition au musée d’Histoire sur les luttes féministes en ex-RDA. En ayant accès à l’API 

, le musée pourra exploiter les données qui lui sont pertinentes selon ses besoins spécifiques sur ses propres applications. Selon les permissions, le musée pourra agrémenter voire corriger la base de donnée.

Die Dauer des Projekts hängt von mehreren Faktoren ab, darunter die Menge an Inhalten auf eurer Website, die gewünschten Komplexitäten (zum Beispiel die Erstellung eines Online-Shops) und die grafischen Anforderungen, wenn ihr keine visuelle Identität habt.

Eine Website kann mehrere Wochen bis mehrere Monate in Anspruch nehmen. Ein Austausch mit euch ermöglicht es uns, diese Frage genauer zu beantworten.

The duration of the project depends on several factors, including the amount of content on your website, the desired complexities (such as creating an online shop), and the graphic requirements if you don't have a visual identity.

A website can take several weeks to several months. A discussion with you allows us to answer this question more precisely.

La durée du projet va dépendre de plusieurs éléments, dont la quantité de contenus de votre site, les complexités demandées (par exemple créer un e-shop) et les besoins graphiques si vous n'avez pas d'identité visuelle. 

Un site internet peut mettre plusieurs semaines comme plusieurs mois à être développé; un échange avec vous nous permettra de répondre à cette question de manière plus précise.

) ist der technische Begriff für Systeme zur Verwaltung von Website-Inhalten. Wir sind große Fans von 

, das Entwicklern und Entwicklerinnen die Möglichkeit bietet, die Datenbank entsprechend den Projektbedürfnissen zu strukturieren und außergewöhnliche Verwaltungsoberflächen zu erstellen.

CMS (Content Management System) is the technical term for naming the content management interfaces of websites. We are fans of 

, which offers developers the opportunity to structure the database according to the needs of the project and build management interfaces that we want to be exceptional.

) est le terme technique pour nommer les interfaces de gestion de contenu de sites internet. Nous sommes fans de 

 qui offre aux développeureuses l'opportunité de structurer la base de données selon les besoins du projet et de construire des interfaces de gestion que nous voulons exceptionnelles.

VoiceOver ist die von Apple entwickelte Screenreader-Technologie (ähnlich wie Narrator von Microsoft) für blinde oder stark sehbehinderte Personen. Wenn eine Website korrekt in Bezug auf Barrierefreiheit gestaltet ist, kann VoiceOver sie problemlos vorlesen und die Informationen entsprechend den Bedürfnissen der Nutzerin oder des Nutzers strukturieren.

VoiceOver is Apple's screen reader technology (equivalent to Narrator for Microsoft) designed for people who are blind or have severe visual impairments. When a website is properly designed with accessibility in mind, VoiceOver can easily read it and organize the information according to the user's needs.

VoiceOver est la technologie de lecture d’écran développée par Apple (équivalent de 

 pour Microsoft) pour les personnes aveugles ou fortement malvoyantes. Quand un site internet est correctement conçu en matière d’accessibilité, VoiceOver peut le lire facilement et structurer l’information selon les besoins de l’utilisateurice.

Wir bieten Full-Stack-Webentwicklungsdienste an, die den gesamten Prozess abdecken, sowohl auf der Client- als auch auf der Serverseite. Dazu gehören die Erstellung von Unternehmens- und Informationswebsites, Online-Booking- und Reservierungsplattformen, digitalen Archivsystemen sowie E-Commerce-Lösungen mit einem sicheren Login-System und Benutzer-Sitzungen.

We offer Full Stack web development services, covering the entire process from both the client-side and server-side. This includes creating showcase/institutional websites, online booking platforms, digital archive systems, and e-commerce solutions with secure login systems and user sessions.

Nous offrons des services de développement web Full Stack, couvrant l'ensemble du processus, tant du côté client que du côté serveur. Cela englobe la création de sites vitrines/institutionnels, de plateformes de programmation/réservation en ligne, de systèmes d'archives digitales, de solutions e-commerce avec un système de login sécurisé et sessions utilisateur.

) sind zwei verschiedene, aber ergänzende Disziplinen im Bereich des digitalen Designs.

UX (Benutzererfahrung) konzentriert sich auf die Erwartungen und Bedürfnisse der Nutzer und Nutzerinnen, ihre Empfindungen und die Art und Weise, wie sie sich auf einer Website bewegen. Das Ziel ist es, die Interaktion so effektiv und angenehm wie möglich zu gestalten, indem die Nutzung, Zugänglichkeit und die allgemeine Interaktion verbessert werden.

UI (Benutzeroberfläche) fokussiert sich auf das ästhetische und visuelle Erscheinungsbild einer Website (durch Farben, Bilder, Schriftarten usw.). Das Ziel ist es, eine visuell ansprechende und konsistente Oberfläche zu schaffen und sicherzustellen, dass die Benutzeroberfläche einfach zu bedienen ist.

UX (User Experience) design and UI (User Interface) design are two distinct yet complementary disciplines in the field of digital design.

UX focuses on the user's expectations and needs, their feelings, and how they navigate a website. The goal is to make the interaction as efficient and pleasant as possible by improving usability, accessibility, and overall interaction.

UI focuses on the aesthetic and visual aspects of a website (using colors, images, typography, etc.). The goal is to create a visually pleasing and coherent interface and ensure that it is easy to use.

Le design UX (User Experience) et le design UI (User Interface) sont deux disciplines distinctes mais complémentaires dans le domaine du design numérique.

Le UX (expérience utilisateurice) se concentre sur les attentes et besoins de l'utilisateurice, son ressenti et la manière dont il ou elle navigue dans un site. Le but est de rendre l'interaction aussi efficace et agréable que possible en améliorant l’utilisation, l'accessibilité et l'interaction globale.

Le UI (Interface utilisateurice) se concentre sur l'aspect esthétique et visuel d'un site (grâce aux couleurs, images, choix de police de caractère, etc.). Le but est d'avoir une interface visuellement plaisante et cohérente, et de s’assurer que l'interface est facile à utiliser.

Unser Service umfasst technischen Support und einen freundlichen Kundendienst, der Sie langfristig begleitet. Wir beantworten Ihre Fragen und unterstützen Sie, damit die Verwaltung Ihrer Website angenehm und reibungslos verläuft.

If you encounter difficulties managing your website once it's launched, please reach out to us. We offer ongoing support and can assist with troubleshooting issues, making updates, and providing guidance to ensure your website continues to meet your needs effectively.

Notre service inclut un support technique et un service après-vente bienveillant, qui vous accompagne sur la durée. Nous répondons à vos questions et vous guidons pour que la gestion de votre site internet soit agréable et sans encombre.

Websites zeigen manchmal Barrierefreiheits-Buttons mit einem Symbol für eine Person im Rollstuhl. Diese Tools ermöglichen es, das Erscheinungsbild der Website anzupassen, indem sie Kontraste erhöhen, Schriftgrößen vergrößern und Animationen stoppen. Obwohl sie behaupten, die Websites den Barrierefreiheitsnormen (WCAG) anzupassen, verbessern sie die Barrierefreiheit tatsächlich nicht wesentlich (im besten Fall verschaffen sie ein gutes Gewissen, was natürlich nicht das Ziel ist) und können sogar neue Probleme verursachen. Statt solcher illusorischer Lösungen ist ein integrierter Ansatz von Anfang an erforderlich. Eine echte Barrierefreiheit einer Website erfordert einen angemessenen Ansatz von Seiten der Entwicklerinnen und Entwickler sowie ein Bewusstsein der Nutzerinnen und Nutzer, die später den Inhalt verwalten.

Websites sometimes feature accessibility buttons with an icon of a person in a wheelchair. These tools allow users to customize the site's appearance by increasing contrasts, adjusting font sizes, and stopping animations. Although they claim to make sites compliant with accessibility standards (WCAG), they don't genuinely improve accessibility (at best, they offer a false sense of accomplishment, which is obviously not the goal) and can even introduce new issues. 

Instead of these illusory solutions, an integrated approach from the design stage is necessary. Making a site truly accessible requires an appropriate approach from developers and designers, as well as awareness from clients who manage the content afterward.

Les sites web arborent parfois des boutons d’accessibilité avec une icône de personne en fauteuil roulant. Ces outils permettent de personnaliser l’apparence du site en augmentant les contrastes, la taille des polices, et en arrêtant les animations. Bien que qu’ils prétendent rendre les sites conformes aux normes d’accessibilité (WCAG), ils n’améliorent pas vraiment l’accessibilité (au mieux, ils permettent de se donner bonne conscience... ce qui n’est évidemment pas le but) et peuvent même introduire de nouveaux problèmes. 

Au lieu de ces solutions illusoires, une démarche intégrée, dès la conception, est nécessaire. Rendre un site réellement accessible exige une approche adéquate de la part des développeureuses et des designers, ainsi qu’une prise de conscience chez les clientes qui gèrent ensuite le contenu.
Pour en savoir plus, lisez 

Die Barrierefreiheit einer Website erfordert einen ganzheitlichen Ansatz und gute Gewohnheiten bei der Gestaltung, Entwicklung und Texterstellung. Es handelt sich um viele kleine Details, die zusammen eine Website barrierefrei machen. Zum Beispiel sicherstellen, dass der Kontrast zwischen zwei nebeneinanderliegenden Farben ausreichend ist oder nicht unter einen bestimmten Standard bei der Schriftgröße zu fallen. Daher gibt es keine Möglichkeit, bei der Barrierefreiheit zu sparen oder sie auf später zu verschieben. Wir berechnen nicht für einen zusätzlichen Service, sondern integrieren diesen Ansatz in den Kern unserer Arbeit.

Making a website accessible requires a holistic approach and good practices during the design, development, and content creation phases. It involves dozens of small practices that, when combined, make a site accessible. For example, ensuring sufficient contrast between two adjacent colors or not falling below a certain font size standard. Therefore, there is no way to cut costs on accessibility or to defer it. We do not charge extra for this service but integrate this approach into the core of our process.

Rendre un site internet accessible exige une approche globale et de bons réflexes lors de la conception, du développement et de la rédaction du contenu. Il s’agit de dizaines de petits réflexes qui, mis bout à bout, rendent un site accessible. Par exemple, s’assurer d’un contraste suffisant entre deux couleurs mises côte à côte ou ne pas descendre en dessous d’un certain standard en termes de taille de police. Il n’y a donc pas moyen d’économiser sur l’accessibilité ou de remettre cela à plus tard. Nous ne facturons pas pour un service en plus, mais intégrons cette approche au cœur de notre démarche.

Full-Stack bezieht sich auf die Fähigkeit, sowohl an der Frontend-Entwicklung (Website) als auch an der Backend-Entwicklung (Verwaltungsoberfläche) eines Projekts zu arbeiten. Eine Full-Stack-Entwicklerin oder ein Full-Stack-Entwickler kann somit alle Schichten der Entwicklungsarbeit übernehmen, von der Benutzeroberfläche bis hin zur Datenverwaltung und Sicherheit (z.B. Login-System).

Full-stack refers to the ability to work on both the frontend (website) and backend (management interface) development of a project. A full-stack developer is therefore capable of handling all layers of development work, from the user interface to data management and security (login systems, etc.).

Full-stack fait référence à la capacité de travailler à la fois sur le développement frontend (site web) et backend (interface de gestion) du projet. Une développeureuse full-stack est donc capable de prendre en charge toutes les couches du travail de développement, depuis l’interface utilisateur jusqu'à la gestion des données et la sécurité (système de login, etc).

Digitale Barrierefreiheit ist essenziell für Menschen mit Behinderungen, wie Seh-, Hör- oder Bewegungsbeeinträchtigungen. Eine barrierefrei gestaltete Website ermöglicht es ihnen, Assistenztechnologien wie VoiceOver zu nutzen und problemlos mit der Tastatur zu navigieren.

Digitale Barrierefreiheit ist auch wichtig für diejenigen, die weniger gravierende Schwierigkeiten haben, wie Dyslexie oder Farbenblindheit.

Schließlich ist Barrierefreiheit für alle nützlich in alltäglichen Situationen, in denen die Nutzung einer Website erschwert sein kann, wie bei Müdigkeit, Stress, Sonnenblendung oder einer schwachen Internetverbindung.

Digital accessibility is crucial for individuals with disabilities, such as visual, auditory, or motor impairments. An accessible website allows them to use assistive technologies like VoiceOver and navigate easily with a keyboard.

Digital accessibility is also important for those with less severe difficulties, such as dyslexia or color blindness.

Finally, accessibility benefits everyone in common situations where using a website might be challenging, such as during fatigue, stress, glare from the sun, or with a weak internet connection.

L’accessibilité numérique est essentielle pour les personnes avec des handicaps, tels que les déficiences visuelles, auditives ou motrices. Un site web développé de manière accessible leur permet d’utiliser des technologies d'assistance telles que VoiceOver et de naviguer facilement avec le clavier. 

L’accessibilité numérique est importante pour celles et ceux qui rencontrent des difficultés moins sévères, comme la dyslexie ou le daltonisme. 

Enfin l’accessibilité est utile pour tous et toutes dans des circonstances courantes où l’utilisation d’un site web peut être compliquée, comme en cas de fatigue, de stress, d’éblouissement dû au soleil ou de faible connexion internet.

Das Ranking einer Website hängt von vielen Faktoren ab, wie z.B. der Konkurrenz (falls vorhanden) und den bewährten SEO-Praktiken, die von dieser Konkurrenz angewendet werden. Es gibt kein Patentrezept, um an die Spitze der Suchergebnisse zu gelangen. SEO ist ein eigenes spezialisiertes Gebiet.

Es ist möglich, eine digitale Strategie mit Hilfe von Digital-Marketing-Spezialisten und Spezialistinnen zu entwickeln. Für kleine Unternehmen und gemeinnützige Projekte kann dies jedoch übertrieben sein. Deshalb tun wir unser Bestes, um euch Ratschläge zu geben, die auf eure Bedürfnisse zugeschnitten sind.

The SEO of a website depends on many factors, such as the competition (if applicable) and the SEO best practices employed by that competition. There is no magic formula for reaching the top of search results. SEO is a specialized field in itself.

It is possible to develop a digital strategy with the help of digital marketing specialists. However, this may be excessive for small businesses and non-profit projects. That’s why we do our best to provide advice tailored to your needs.

Le référencement d’un site dépend de nombreux facteurs, tels que la concurrence (le cas échéant) et les bonnes pratiques de référencement utilisées par cette concurrence. Il n’existe pas de recette magique pour atteindre le sommet des résultats de recherche. Le référencement est un domaine spécialisé en soi.

Il est possible de mettre en place une stratégie digitale avec l’aide de spécialistes en marketing digital. Cependant, cela peut être excessif pour les petites entreprises et les projets à but non lucratif. C'est pourquoi nous faisons tout notre possible pour vous fournir des conseils adaptés à vos besoins.

Die Leichte Sprache ist eine inklusive Herangehensweise, die darauf abzielt, den Zugang zu Inhalten für ein fremdsprachiges Publikum, das kein Deutsch beherrscht, und für Menschen mit Lernschwierigkeiten zu erleichtern. Da es aus logistischen Gründen oft nicht möglich ist, eine Website in alle Sprachen der Zielgruppe zu übersetzen, kann es sinnvoll sein, auf Leichte Sprache zurückzugreifen. Diese Version der Website ist in einer leicht verständlichen Sprache verfasst, die für alle Personen mit grundlegenden Kenntnissen zugänglich ist: Basisvokabular, sehr einfache grammatische Strukturen und wesentliche Inhalte. Dieser Ansatz verdeutlicht den Unterschied zwischen Integration und Inklusion und zeigt, wie viel effektiver Letztere ist!

 or "simple language" in German, is an inclusive approach designed to make content more accessible to an audience who may not be fluent in German and for people with learning difficulties. Since translating a website into every language spoken by its audience may not always be feasible due to logistical reasons, using 

 can be a relevant solution. This approach involves creating a version of the site written in a language that is easy to understand for people with basic language skills: using simple vocabulary, very basic grammatical structures, and focusing on essential content. This method highlights the difference between integration and inclusion, showing how the latter can be more effective!

 ou langue légère en allemand, est une approche inclusive visant à faciliter l’accès d’un contenu à une audience de langue étrangère qui ne maîtrise pas l’allemand et aux personnes avec des difficultés d’apprentissage. Puisqu’il n’est souvent pas possible, pour des raisons logistiques, de traduire un site dans toutes les langues parlées par son audience, il peut être pertinent de recourir à la 

, une version du site rédigée dans une langue facile à comprendre pour toutes personnes avec des connaissances élémentaires : vocabulaire de base, tournures grammaticales hyper simples et contenu essentiel. Cette approche illustre bien la différence entre intégration et inclusion et souligne à quel point cette dernière est plus efficace !

Ich habe 2011 meine Ausbildung zur Grafikerin EFZ an der 

 (École Romande d’Arts et de Communication) in Lausanne abgeschlossen. Meine ersten Erfahrungen sammelte ich im 

 in New York und arbeitete mit dem Kollektiv 

 in Buenos Aires, das sich für soziale Gerechtigkeit einsetzt. 2013 zog ich nach Berlin, wo ich für 

, einen Verlag für Bücher und Bildungsspiele, tätig war.

2014 startete ich als Vollzeit-Freelancerin und spezialisierte mich auf Webdesign. Über die Jahre arbeitete ich mit meinem Kollegen Wies alias 

 an zahlreichen PHP- und WordPress-Webseiten.

2019 habe ich meine Dienstleistungen neu gestaltet, um mich stärker auf kulturelle und soziale Projekte zu konzentrieren. Im folgenden Jahr leitete ich einen Workshop zur digitalen Barrierefreiheit im Rahmen des 

Im Oktober 2022 begann ich ein über 850 Stunden umfassendes Webentwicklungs-Bootcamp bei der 

, um meine Fähigkeiten auf den neuesten Stand zu bringen.

2023 entwickelte ich die Betaversion von pvssy talk, einer Informationsplattform über sexuelle Schmerzen, die von Anne-Soorya ins Leben gerufen wurde. Danach arbeitete ich fünf Monate als Webentwicklerin bei 

2024 veröffentlichte ich die finale Version von 

 und startete gemeinsam mit meinem Team das Projekt Velma, um unsere Kräfte zu bündeln und weiterhin innovative Projekte zu entwickeln.

In 2011, I completed my professional graphic design training at the Art and Communication school of 

 in Lausanne. I gained my first professional experience at the 

 collective in Buenos Aires, which is involved in social justice projects. In 2013, I moved to Berlin, where I worked for the Swiss company 

, a publishing house specializing in educational books and games.

In 2014, I transitioned to full-time freelance work. Over the years, I shifted focus to web development and collaborated for several years with my friend Wies, also known as 

, on website projects developed with PHP and WordPress.

In 2019, while on a video call from Atomic Café in Montreal, I redefined my services with the help of Tao to better reflect my areas of interest and focus on cultural and social projects. The following year, I worked with 

, where I conducted a workshop on digital accessibility.

In October 2022, I embarked on an 850-hour web development Bootcamp at 

 to align my skills with current technological trends.

In 2023, I developed the beta version of 

, a platform for information on sexual pain created by Anne-Soorya. I then worked on a five-month web development project at 

In 2024, the final version of pvssy talk was released, and we are excited to launch Velma, combining our strengths and continuing to work together.

Für ein barrierefreies und inklusives Web und befähigende, digitale Tools

Empowerment

Barrierefreiheit

Inklusion

Nachhaltigkeit

FAQ

Was ist Barrierefreiheit?

Was versteht man unter robuster Entwicklung?

Was ist umweltfreundliches Hosting?

Welche Vorsichtsmaßnahmen sind in Bezug auf das Datenschutzgesetz zu beachten?

Was ist der Unterschied zwischen Barrierefreiheit und Inklusion?

Ein Projekt im Kopf?