# Say Hello GmbH > WordPress Entwicklung und Design ## Seiten - [Abonniere den Say Hello Newsletter](https://sayhello.ch/newsletter/): Ich veröffentliche gelegentlich einen E-Mail-Newsletter mit Tipps, Tricks und Beispielen aus meiner Arbeit. - [Subscribe to the Say Hello newsletter](https://sayhello.ch/newsletter/): I publish an occasional email newsletter with tips, tricks and examples of my work. - [Privacy and Cookies](https://sayhello.ch/privacy-and-cookies/): Mehr als Sie je wissen wollten. - [Wir starten ein gemeinsames Projekt. Und jetzt?](https://sayhello.ch/angebot/ein-neues-projekt/): Eine neue Website zu erstellen, mag wie eine grosse Herausforderung erscheinen. Ich bin hier, um den Prozess deutlich weniger schwierig... - [We're starting a project together. Now what?](https://sayhello.ch/services/a-new-project/): Building a new website may seem like a daunting challenge, but I'm here to make the process considerably less difficult. - [The agency](https://sayhello.ch/agency/): Say Hello is a small web agency based on many years of career experience in building websites, web apps and... - [Get in touch](https://sayhello.ch/contact/): Get in touch with me so that I can help you. - [Blog](https://sayhello.ch/blog/) - [Portfolio](https://sayhello.ch/portfolio/): Page meta sht_date_range Page meta sht_date_range - [Editorial interfaces in WordPress](https://sayhello.ch/services/wordpress/editorial-interfaces-in-wordpress/): Say Hello projects not only look good and function perfectly – they also offer the right editorial environment, optimally tailored... - [WordPress](https://sayhello.ch/en/services/wordpress/): Say Hello is not only a partner for, but also a user of the most flexible and widely used website... - [How much does a website cost?](https://sayhello.ch/en/services/how-much-does-a-website-cost/): Say Hello offers a very flexible approach to project estimates and ensures great results to match your budget. - [Web Apps](https://sayhello.ch/services/web-apps/): Modern technology enables the development of web applications that run directly in the web browser on both desktop and mobile... - [WordPress maintenance](https://sayhello.ch/services/maintenance/): It is crucial to maintain a website regularly. Technical updates help ensure a consistently high level of security and maintain... - [Programming](https://sayhello.ch/services/programming/): I program websites and web applications using PHP, HTML, JavaScript, and CSS, mostly using WordPress as a content and data... - [Measures to protect the data of your site visitors](https://sayhello.ch/services/privacy-and-cookies/): Website operators are responsible for respecting the privacy of their visitors in accordance with the law, including technical aspects. I... - [Services](https://sayhello.ch/services/): Say Hello designs, develops, and maintains fast, attractive, and accessible websites and web applications based on WordPress as a content... - [Design](https://sayhello.ch/services/design/): A core competency is the transfer of corporate or personal branding into a functional, accessible and barrier-free web design. - [Community](https://sayhello.ch/services/community/): Say Hello is an active contributor to the international and Swiss WordPress open source communities. - [Accessibility](https://sayhello.ch/services/accessibility/): It is essential that all visitors to your website can access the content without technical or user-related hurdles. - [Terms and conditions](https://sayhello.ch/terms-and-conditions/): The general terms and conditions of Say Hello GmbH. - [Redaktionelle Oberflächen in WordPress](https://sayhello.ch/angebot/wordpress/redaktion/): Projekte von Say Hello sehen nicht nur gut aus und funktionieren einwandfrei – sie bieten auch die passende redaktionelle Umgebung,... - [Community](https://sayhello.ch/angebot/community/): Say Hello ist ein aktiver Mitwirkender in den internationalen und Schweizer WordPress-Open-Source-Communities. - [Programmierung](https://sayhello.ch/angebot/programmierung/): Ich programmiere Websites und Webanwendungen mit PHP, HTML, JavaScript und CSS, meist mit WordPress als Content- und Datenmanagement-System. - [Design](https://sayhello.ch/angebot/design/): Eine Kernkompetenz ist die Übertragung von Unternehmens- oder Personal-Branding in ein funktionales, zugängliches und barrierefreies Webdesign. - [Massnahmen zum Schutz der Daten Ihrer Seitenbesucher](https://sayhello.ch/angebot/datenschutz/): Websitebetreiber sind dafür verantwortlich, die Privatsphäre ihrer Besucher gesetzeskonform zu respektieren, auch im technischen Bereich. Ich helfe meinen Kunden, die... - [Kontakt](https://sayhello.ch/kontakt/): Nehmen Sie Kontakt mit mir auf, damit ich Ihnen helfen kann. #GernePerDu - [Arbeitsbeispiele](https://sayhello.ch/arbeitsbeispiele/): Page meta sht_date_range Page meta sht_date_range - [Webanwendungen (Web Apps)](https://sayhello.ch/angebot/web-apps/): Moderne Technologie ermöglicht die Entwicklung von Webanwendungen, die sowohl auf Desktop- als auch auf Mobilgeräten direkt im Webbrowser ausgeführt werden. - [Wie viel kostet eine Website?](https://sayhello.ch/angebot/preise/): Say Hello bietet eine sehr flexible Herangehensweise an Projektkalkulationen. Ich verstehe, dass viele Kunden nicht genau wissen, was sie wollen... - [Wartungsangebote für WordPress](https://sayhello.ch/angebot/wartung/): Es ist entscheidend, eine Website regelmässig instand zu halten. Technische Updates tragen dazu bei, ein kontinuierlich hohes Sicherheitsniveau anzustreben und... - [Angebot](https://sayhello.ch/angebot/): Say Hello konzipiert, entwickelt und wartet schnelle, attraktive und barrierefreie Websites und Webanwendungen auf Basis von WordPress als Content-Management-System. - [Barriere~freiheit](https://sayhello.ch/angebot/barrierefreiheit/): Es ist essentiell, dass alle Besucher Ihrer Website auf die bereitgestellten Inhalte zugreifen können – ohne technische oder nutzerbedingte Hürden. - [AGB](https://sayhello.ch/agb/): Die allgemeine Geschäftsbedingungen der Say Hello GmbH. - [WordPress](https://sayhello.ch/angebot/wordpress/): Say Hello ist nicht nur ein Partner für, sondern auch Anwender des, flexibelsten und am meisten angewendeten Website-Systems der Welt. - [Die Agentur](https://sayhello.ch/agentur/): Ansässig in den Berner Alpen im Herzen der Schweiz, Say Hello ist eine kleine Webagentur mit langjähriger Erfahrung im Bau... - [Blog](https://sayhello.ch/blog/) - [High-quality websites and web applications from Switzerland for any budget.](https://sayhello.ch/): Say Hello is built on 30 years of professional experience in concept and development, with a focus on online content... - [Datenschutz und Cookies](https://sayhello.ch/datenschutz/): Mehr als Sie je wissen wollten. - [Hochwertige Websites und Webanwendungen aus der Schweiz für jedes Budget.](https://sayhello.ch/): Say Hello basiert auf 30 Jahre Berufserfahrung in Konzeption und Entwicklung, mit einem Fokus auf Online-Content-Management mit WordPress. ## Beiträge - [KI ist ein Werkzeug. Jahrelange Branchenerfahrung sorgt dafür, dass die Vorschläge funktionieren.](https://sayhello.ch/2026/09/ki-ist-ein-werkzeug-dank-jahrelanger-branchenerfahrung-sind-ihre-vorschlaege-wirklich-nuetzlich/): KI-Tools können das Webdesign und die Arbeit an Inhalten beschleunigen, ersetzen aber weder strategisches Urteilsvermögen noch das Verständnis für Auftraggeber... - [AI is a tool. Years of industry experience makes its suggestions work.](https://sayhello.ch/en/2026/09/ai-is-a-tool-years-of-industry-experience-makes-its-suggestions-work/): AI tools can speed up web design and content work, but they do not replace strategic judgment, client and customer... - [Dunkel- und Hellmodus: Gestaltung für benutzerfreundlichere Websites](https://sayhello.ch/2026/09/dunkel-und-hellmodus/): Effektive Systeme für den Dunkel- und Hellmodus binden Nutzerpräferenzen, Barrierefreiheit und semantische Farbrollen miteinander. - [Dark and Light Mode: Designing for More Comfortable Websites](https://sayhello.ch/en/2026/09/dark-and-light-mode/): How effective dark and light mode systems combine user preference, accessibility and semantic colour roles that adapt to different environments... - [Einfachheit ist ein Feature](https://sayhello.ch/2026/06/einfachheit-ist-ein-feature/): Nicht jedes Projekt braucht das neueste Framework, das teuerste Plugin oder eine Feature-Liste so lang wie dein Arm. - [Simplicity is a feature](https://sayhello.ch/2026/06/simplicity-is-a-feature/): Not every project needs the latest framework, the most expensive plugin, or a feature list as long as your arm. - [Web design engineering](https://sayhello.ch/2026/04/web-design-engineering/): Selbst bei Projekten, bei denen Say Hello mit externen Designern zusammenarbeitet, ist Zusammenarbeit der Schlüssel zu erstklassigen Ergebnissen. - [Web design engineering](https://sayhello.ch/2026/04/web-design-engineering/): Even on projects where Say Hello doesn't deliver the design, real-time collaboration with external specialists is key for top-notch results. - [Dynamische relative Datumsangaben in WordPress](https://sayhello.ch/2026/03/dynamische-relative-datumsangaben-in-wordpress/): Hinzufügen einer Shortcode-Funktion zu WordPress, um relative Daten im Inhalt anzuzeigen. - [Dynamic relative dates in WordPress](https://sayhello.ch/2026/03/dynamic-relative-dates-in-wordpress/): Adding a shortcode feature to WordPress to display relative dates in the content. - [Kombinieren von WordPress Theme-Einstellungen und WordPress-Blöcken](https://sayhello.ch/2026/02/kombinieren-von-wordpress-theme-einstellungen-und-wordpress-bloecken/): Erweitern des WordPress-Button-Blocks mit einem benutzerdefinierten Link-URL-Attribut. - [Combining WordPress Theme Settings and WordPress Blocks](https://sayhello.ch/2026/02/combining-wordpress-theme-settings-and-wordpress-blocks/): Extending the WordPress Button Block with a custom link URL attribute. - [Kommunikation in modernen WordPress-Website-Projekten](https://sayhello.ch/2026/02/kommunikation-in-modernen-wordpress-website-projekten/): Modernes WordPress macht fast jede Website möglich, aber der Erfolg hängt von klarer Kommunikation und praktischen, dauerhaften Lösungen ab -... - [Communication in Modern WordPress Website Projects](https://sayhello.ch/2026/02/communication-in-modern-wordpress-website-projects/): Modern WordPress makes almost any website possible, but success depends on clear communication and practical, long-lasting solutions — not technical... - [Das Auf und Ab der Effizienz](https://sayhello.ch/2026/01/das-auf-und-ab-der-effizienz/): Warum die Anwendung von KI nicht nur Vorteile sondern auch erhebliche Nachteile mit sich bringt. - [The ups and downs of efficiency](https://sayhello.ch/2026/01/the-ups-and-downs-of-efficiency/): How using AI doesn't just mean advantages but also notable disadvantages. - [Stelle sicher, dass deine WordPress-Downloads geschützt sind](https://sayhello.ch/2025/11/stelle-sicher-dass-deine-wordpress-downloads-geschuetzt-sind/): Sicherstellen, dass die Inhalte deiner Website - einschliesslich der Dateien - nur für entsprechend autorisierte Besucher zugänglich sind. - [Make sure that your WordPress downloads are protected](https://sayhello.ch/2025/11/protected-wordpress-downloads/): Making sure that your website content — including files — are only available to suitably-authorised site visitors. - [Mehr Geschwindigkeit für deine Cyon Website](https://sayhello.ch/2025/10/mehr-geschwindigkeit-fuer-deine-cyon-website/): Das Schweizer Webhosting-Unternehmen Cyon kündigt kostenlose Upgrades für seine Hosting-Pakete an. - [More speed for your Cyon website](https://sayhello.ch/2025/10/more-speed-for-your-cyon-website/): Swiss web hosting company Cyon announces free upgrades to their hosting packages. - [Alte Web-Designs aus meinem persönlichen Archiv](https://sayhello.ch/2025/10/alte-web-designs-aus-meinem-persoenlichen-archiv/): Ich zeige einige Entwürfe für Projekte, die fast zwanzig Jahre zurückliegen und die sich bewährt haben. - [Old web designs from my personal archive](https://sayhello.ch/2025/10/old-web-designs-from-my-personal-archive/): Showcasing some design work for projects nearly twenty years ago, which have stood the test of time. - [How to build a WordPress website for a client](https://sayhello.ch/2025/10/how-to-build-a-wordpress-website-for-a-client/): I’m starting a series of blog posts in which I explain in simple terms what I’ve learned over the past... - [Wie man eine WordPress-Website für einen Kunden baut](https://sayhello.ch/2025/10/wie-man-eine-wordpress-website-fuer-einen-kunden-baut/): Ich starte eine Serie von Blogbeiträgen, in denen ich in einfachen Worten erkläre, was ich in den letzten Jahren mit... - [Using a specific individual image from a video as a poster image](https://sayhello.ch/2025/10/using-a-specific-individual-image-from-a-video-as-a-poster-image/): I use the extensibility of the WordPress core blocks to improve the output of the video player. - [Ein bestimmtes Einzelbild aus einem Video als Posterbild verwenden](https://sayhello.ch/2025/10/video-posterbild/): Ich nutze die Erweiterbarkeit der WordPress-Core-Blöcke, um die Ausgabe des Videoplayers zu verbessern. - [Send emails from WordPress more reliably](https://sayhello.ch/2025/10/send-emails-from-wordpress-more-reliably/): How to improve email delivery from your website and how to integrate Microsoft 365 services into your WordPress website. - [E-Mails aus WordPress zuverlässiger versenden](https://sayhello.ch/2025/10/e-mails-aus-wordpress-zuverlaessiger-versenden/): Wie ich den E-Mail-Versand aus deiner Website verbessere und wie ich Microsoft-365-Dienste in deine WordPress-Website integriere. - [A new design for Say Hello](https://sayhello.ch/2025/09/a-new-design-for-say-hello/): A new web design with WordPress for Say Hello: modern technology, accessibility, modular structure and better visibility thanks to SEO... - [Ein neues Design für Say Hello](https://sayhello.ch/2025/09/ein-neues-design-fuer-say-hello/): Ein neues Webdesign mit WordPress für Say Hello: moderne Technik, Barrierefreiheit, modularer Aufbau und bessere Sichtbarkeit dank SEO-Optimierung. - [Generate PDFs with WordPress](https://sayhello.ch/2025/06/generate-pdfs-with-wordpress/): How to use WordPress to publish cross-media content. - [PDFs mit WordPress generieren](https://sayhello.ch/2025/06/pdfs-mit-wordpress-generieren/): Wie man WordPress einsetzt, um Inhalte crossmedial zu veröffentlichen. - [A proper search function for your WordPress website](https://sayhello.ch/2025/03/a-proper-search-function-for-your-wordpress-website/): Really smart: A search integration with Algolia for your WordPress website. - [Eine verbesserte Suchfunktion für eure WordPress-Website](https://sayhello.ch/2025/03/eine-verbesserte-suchfunktion-fuer-eure-wordpress-website/): Richtig smart: Eine Such-Integration mit Algolia für deine WordPress-Website. - [Six years under my own steam](https://sayhello.ch/2025/01/six-years-under-my-own-steam/): Five and a half years after I joined Say Hello, I took over the company completely last summer. - [Sechs Jahre in Eigenregie](https://sayhello.ch/2025/01/sechs-jahre-in-eigenregie/): Fünfeinhalb Jahre nach meinem Einstieg bei Say Hello habe ich letzten Sommer das Unternehmen vollständig übernommen. - [Predefined aspect ratios in WordPress](https://sayhello.ch/2024/11/predefined-aspect-ratios-in-wordpress/): How I integrated the WordPress built-in aspect ratios for a custom image carousel block. - [Vordefinierte Seitenverhältnisse in WordPress](https://sayhello.ch/2024/11/vordefinierte-seitenverhaltnisse-in-wordpress/): Wie ich die WordPress-integrierten Seitenverhältnisse für einen benutzerdefinierten Bildkarussell-Block integriert habe. - [Discover WordPress communication with Slack](https://sayhello.ch/2024/11/discover-wordpress-communication-with-slack/): Presentation for the WP Meetup Ticino Mobile group on the topic of Slack in the WordPress community. - [Entdecke die WordPress-Kommunikation mit Slack](https://sayhello.ch/2024/11/entdecke-die-wordpress-kommunikation-mit-slack/): Präsentation für die WP Meetup Ticino Mobile Gruppe zum Thema Slack in der WordPress-Community. - [Magnificent autumn weather at the Niesenbahn today](https://sayhello.ch/2024/10/magnificent-autumn-weather-at-the-niesenbahn-today/): An exciting conversation about possible further developments of the current website. - [Prächtiges Herbstwetter heute bei der Niesenbahn](https://sayhello.ch/2024/10/prachtiges-herbstwetter-heute-bei-der-niesenbahn/): Ein spannendes Gespräch über mögliche Weiterentwicklungen der aktuellen Website. - [Location-independent working in the Channel Tunnel](https://sayhello.ch/2024/10/location-independent-working-in-the-channel-tunnel/): Exceptional customer support on the move. - [«Ortsunabhängiges Arbeiten» im Ärmelkanal-Tunnel](https://sayhello.ch/2024/10/ortsunabhangiges-arbeiten-im-armelkanal-tunnel/): Ausserordentliche Kundenunterstützung von unterwegs. - [Dealing with cookie banners in Switzerland](https://sayhello.ch/2024/08/dealing-with-cookie-banners-in-switzerland/): Compliance with the European Cookie Directive and the GDPR for Swiss websites. - [Der Umgang mit Cookie-Bannern in der Schweiz](https://sayhello.ch/2024/08/leitfaden-zum-umgang-mit-cookie-bannern-fuer-schweizer-websites/): Die Einhaltung der europäischen Cookie-Richtlinie und der DSGVO für Schweizer Websites. - [WordCamp Europe in Turin](https://sayhello.ch/2024/06/wordcamp-europe-in-turin/): I was able to attend the largest WordPress conference in the world in June. - [WordCamp Europe in Turin](https://sayhello.ch/2024/06/wordcamp-europe-in-turin/): Ich konnte im Juni an die grösste WordPress-Konferenz der Welt teilnehmen. - [Bernese websites under one roof](https://sayhello.ch/2024/04/bernese-websites-under-one-roof/): We are currently in the middle of an exciting WordPress multisite project. - [Berner Websites unter einem Dach](https://sayhello.ch/2024/04/berner-websites-unter-einem-dach/): Wir sind momentan mitten in einem spannenden WordPress-Multisite-Projekt. - [Thoughts on the WordPress interactivity API](https://sayhello.ch/2024/03/thoughts-on-the-wordpress-interactivity-api/): In which I explain the advantages and disadvantages of using the new WordPress interactivity API. - [Gedanken zur WordPress-Interaktivitäts-API](https://sayhello.ch/2024/03/gedanken-zur-wordpress-interaktivitaets-api/): Wir erklären die Vor- und Nachteile der Nutzung der neuen WordPress Interaktivitäts-API. - [“Käfele”](https://sayhello.ch/2021/12/kaefele/): Out and about amongst people again today. - [Am Käfele](https://sayhello.ch/2021/12/am-kaefele/): Heute mal wieder unter den Leuten. - [High-performance single-page applications with WordPress](https://sayhello.ch/2021/04/high-performance-single-page-applications-with-wordpress/): How I used and extended WordPress' own interfaces to build a performant and interactive single view. - [Performante Single-Page-Applikationen mit WordPress](https://sayhello.ch/2021/04/performante-single-page-applikationen-mit-wordpress/): Wie ich die WordPress-eigenen Schnittstellen angewendet und erweitert habe, um eine performante und interaktive Einzelansicht zu bauen. - [Training for a new WordPress website](https://sayhello.ch/2020/08/training-for-a-new-wordpress-website/): A change is good for you! Today at a customer in Fribourg to train them on the beautiful new website. - [Schulung einer neuen WordPress-Website](https://sayhello.ch/2020/08/schulung-einer-neuen-wordpress-website/): Abwechselung tut gut! Heute bei einem Kunden im fribourgischen, um ihnen die schöne neue Website zu schulen. - [Providing mockups for the WordPress Block Editor](https://sayhello.ch/2020/08/providing-mockups-for-the-wordpress-block-editor/): The first episode of the WP Café in June featured an exciting panel discussion about the WordPress Block Editor. - [Mockups für den WordPress Block Editor bereitstellen](https://sayhello.ch/2020/08/mockups-fuer-den-wordpress-block-editor-bereitstellen/): Die erste Folge des WP Café im Juni bot eine spannende Panel-Diskussion über den WordPress Block Editor. - [Advanced Gutenberg](https://sayhello.ch/2019/10/advanced-gutenberg/): With Gutenberg, the WordPress community has created a solution for managing website content visually. - [Advanced Gutenberg](https://sayhello.ch/2019/10/advanced-gutenberg/): Mit Gutenberg hat die WordPress-Community eine Lösung erschafft, um die Inhalte der Website visuell zu verwalten. - [Kick-off and on-site concept workshop](https://sayhello.ch/2019/05/kick-off-and-on-site-concept-workshop/): Kick-off and on-site concept workshop with Cosmos Verlag and graphic designer Rino Wenger. - [Kick-off und Konzept-Workshop vor Ort](https://sayhello.ch/2019/05/kick-off-und-konzept-workshop-vor-ort/): Kick-off und Konzept-Workshop vor Ort mit dem Cosmos Verlag und dem Grafiker Rino Wenger. - [Say Hello loves Open Source](https://sayhello.ch/2018/06/say-hello-loves-open-source/): In technical terms, "open source" is the umbrella term for software that can be used and further developed free of... - [Say Hello loves Open Source](https://sayhello.ch/2018/06/say-hello-loves-open-source/): Technisch gesehen ist «Open Source» der Überbegriff für Software, die gratis genutzt und weiterentwickelt werden darf. - [Progressive Web Apps](https://sayhello.ch/2017/11/progressive-web-apps/): Progressive Web Apps (PWA) is a new technology that allows websites to utilise features previously only known from mobile apps. - [Progressive Web Apps](https://sayhello.ch/2017/11/progressive-web-apps/): Hinter Progressive Web Apps (PWA) verbirgt sich eine neue Technologie, die es Webseiten erlaubt, Features zu nutzen, die man bis... ## Portfolio - [Welcome to Lake Thun](https://sayhello.ch/portfolio/hotel-neuhaus/): Stripping back the WordPress Block Editor to create a simpler editorial experience, and collaborating on the UX for a project... - [Willkommen am Thunersee](https://sayhello.ch/portfolio/hotel-neuhaus/): Vereinfachung des WordPress Block Editors für ein schlankes Redaktionserlebnis sowie Zusammenarbeit bei der Optimierung der Benutzerführung für ein lokales Hotelprojekt. - [Der WordPress-Site-Editor in vollem Umfang nutzen](https://sayhello.ch/portfolio/der-wordpress-site-editor-in-vollem-umfang-nutzen/): Erstellung einer neuen Website für das Berner Softwareunternehmen Edorex und Implementierung von benutzerdefiniertem Code für beeindruckende Seitenanimationen. - [Going all-in on the WordPress Site Editor](https://sayhello.ch/portfolio/going-all-in-on-the-wordpress-site-editor/): Building a new website for Bern software company Edorex and implementing custom code for striking page animations. - [Displaying available vehicles from the AutoScout24 API](https://sayhello.ch/portfolio/auto-kaempf/): Integration of a customised vehicle selection on a WordPress website, based on data from an external interface. - [Darstellung von Fahrzeugangeboten aus der AutoScout24-Schnittstelle](https://sayhello.ch/portfolio/autoscout24-schnittstelle/): Integration einer individuellen Fahrzeugauswahl auf einer WordPress-Website, basierend auf Daten einer externen Schnittstelle. - [A cost-effective website to promote the beauty of the region](https://sayhello.ch/portfolio/a-cost-effective-website-to-promote-the-beauty-of-the-region/): When a local tourism organisation needed a small website, I offered them a cost-effective solution with a customised design and... - [Eine kostengünstige Website, um die Schönheit der Region zu bewerben](https://sayhello.ch/portfolio/top-5-thunersee/): Als sich eine lokale Tourismusorganisation mit der Anfrage an mich wandte, bot ich ihr eine kostengünstige Lösung mit individuellem Design... - [Modernising an existing website with WordPress](https://sayhello.ch/portfolio/creche/): A quick redesign and modernisation of an existing website with optimal use of the WordPress Block Editor. - [Die Modernisierung einer bestehenden Website mit WordPress](https://sayhello.ch/portfolio/kinderkrippe-storchenaescht/): Ein schnelles Redesign und die Modernisierung einer bestehenden Website mit optimaler Nutzung des WordPress-Block-Editors. - [Advanced order processing through WordPress APIs](https://sayhello.ch/portfolio/advanced-order-processing-through-wordpress-apis/): Say Hello supported Adro-Tech in the implementation of a new website and a customised ordering system. - [Fortschrittliche Bestellabwicklung durch WordPress-Schnittstellen](https://sayhello.ch/portfolio/adro-tech/): Say Hello durfte Adro-Tech bei der Umsetzung einer neuen Website sowie eines massgeschneiderten Bestellsystems unterstützen. - [Networking of applicants and suitable vacancies](https://sayhello.ch/portfolio/networking-of-applicants-and-suitable-vacancies/): Interactive views with React, extensions to the WordPress REST API and connections to a third-party system. - [Vernetzung von Bewerbenden und passenden Vakanzen](https://sayhello.ch/portfolio/vernetzung-von-bewerbenden-und-passenden-vakanzen/): Interaktive Ansichten mit React, Erweiterungen an die WordPress REST API und Anbindungen an einem Drittsystem. - [Sharing knowledge with colleagues around the world](https://sayhello.ch/portfolio/sharing-knowledge-with-colleagues-around-the-world/): The development of a small, multilingual microsite with interfaces to WordPress databases. - [Wissen mit Kolleginnen und Kollegen auf der ganzen Welt teilen](https://sayhello.ch/portfolio/wordpress-community-website/): Die Entwicklung einer kleinen, mehrsprachigen Microsite mit Schnittstellen zu WordPress-Datenbanken. - [A simple website with customised Greensock animations](https://sayhello.ch/portfolio/a-simple-website-with-customised-greensock-animations/): The development and integration of a theme-specific website with WordPress and Greensock. - [Eine einfache Website mit individuell erstellten Greensock-Animationen](https://sayhello.ch/portfolio/edorex-mobileapps/): Die Entwicklung und Integration einer themenspezifischen Website mit WordPress und Greensock. - [A unique project for a Scottish holiday home](https://sayhello.ch/portfolio/a-unique-project-for-a-scottish-holiday-home/): A one-page website to advertise a holiday home run by family members. - [Ein einzigartiges Projekt für ein schottisches Ferienhaus](https://sayhello.ch/portfolio/the-auld-sweetie-shop/): Eine One-Page-Website, um ein von Familienmitgliedern betriebenes Ferienhaus zu bewerben. - [Layout-independent data management and API integration for the Gantrisch Nature Park](https://sayhello.ch/portfolio/layout-independent-data-management-and-api-integration-for-the-gantrisch-nature-park/): The combination of tourism data from third-party APIs and advanced customised layouts with the WordPress Block Editor. - [Layoutunabhängige Datenverwaltung und API-Integration für den Naturpark Gantrisch](https://sayhello.ch/portfolio/naturpark-gantrisch/): Die Kombination von Tourismusdaten aus Drittanbieter-Schnittstellen und erweiterten individuellen Layouts mit dem WordPress-Block-Editor. - [A new website for a historical guild society](https://sayhello.ch/portfolio/a-new-website-for-a-historical-guild-society/): A state-of-the-art website for one of Bern's oldest guilds. - [Eine neue Website für eine historische Zunftgesellschaft](https://sayhello.ch/portfolio/affen/): Eine topmoderne Website für eine der ältesten Zünfte Berns. - [Maintenance of the Swiss Post media portal](https://sayhello.ch/portfolio/maintenance-of-the-swiss-post-media-portal/): Ongoing technical updates and security measures for an important news channel. - [The management of a film database](https://sayhello.ch/portfolio/the-management-of-a-film-database/): Migration of an extensive film database into a customised management tool and output of the content via the WordPress Block... - [Pflege und Wartung des Medienportals der Schweizerischen Post](https://sayhello.ch/portfolio/das-medienportal-der-schweizerischen-post/): Laufende technische Updates und Sicherheitsmassnahmen für einen wichtigen Nachrichtenkanal. - [Die Verwaltung einer Filmdatenbank](https://sayhello.ch/portfolio/filme-fuer-die-erde/): Migration einer umfangreichen Filmdatenbank in ein individuell angepasstes Verwaltungstool und Ausgabe der Inhalte über den WordPress Block Editor. - [An early implementation of the WordPress Block Editor](https://sayhello.ch/portfolio/denkbar/): A website for one of the most attractive collaboration spaces in Switzerland. - [Ein früher Einsatz des WordPress Block Editors](https://sayhello.ch/portfolio/denkbar-bern/): Eine Website für einen der attraktivsten Kollaborationsräume der Schweiz. - [A comprehensive website for a traditional family business](https://sayhello.ch/portfolio/muehle-rytz/): Design and realisation of a website for a Swiss family business run by the ninth generation. - [Eine umfangreiche Website für ein traditionsreiches Familienunternehmen](https://sayhello.ch/portfolio/muehle-rytz/): Gestaltung und Umsetzung einer Website für ein neunte Generation geführtes Schweizer Familienunternehmen. - [The digitisation of a scientific journal](https://sayhello.ch/portfolio/the-digitisation-of-a-scientific-journal/): I created a multilingual website based on a provided concept and migrated over 2,600 specialised articles written since 1994. - [Die Digitalisierung eines wissen­schaftlichen Magazins](https://sayhello.ch/portfolio/agrarforschung-schweiz/): Ich habe eine mehrsprachige Website auf Basis eines bereitgestellten Konzepts erstellt und über 2'600 seit 1994 verfasste Fachartikel migriert. - [Take off digitally with an information platform](https://sayhello.ch/en/portfolio/flugbasis/): The conception, design and programming of an information platform based on WordPress. - [Mit einer Informations~­plattform auch digital abheben](https://sayhello.ch/portfolio/flugbasis/): Die Konzeption, Gestaltung und Programmierung eines Informationsplattforms auf Basis von WordPress. - [Member access to specialist articles by tax professionals](https://sayhello.ch/portfolio/steuerportal/): A multichannel publishing platform with a complex authorisation system and highly personalised access. - [Mitglieder~­zugang zu Fach­artikeln von Steuern-Profis](https://sayhello.ch/portfolio/steuerportal/): Eine Multichannel-Publishing-Plattform, mit komplexem Berechtigungssystem und einen stark personalisierten Zugang. - [Women on strike!](https://sayhello.ch/portfolio/women-on-strike/): The automatic generation of preview images for a social media campaign. - [Frau streikt!](https://sayhello.ch/portfolio/frau-streikt/): Die automatische Generierung von Vorschaubildern für eine Social-Media-Kampagne. - [A website like the beat of a drum](https://sayhello.ch/portfolio/a-website-like-the-beat-of-a-drum/): Collaboration during the concept phase and programming of a website for Edorex AG. - [Eine Webseite, wie ein Paukenschlag](https://sayhello.ch/portfolio/edorex-2018/): Mitarbeit während der Konzeptphase sowie Programmierung der neuen Website für Edorex AG. - [The independent forum for Swiss abroad](https://sayhello.ch/portfolio/the-independent-forum-for-swiss-abroad/): A platform and a web application for more interaction between Swiss nationals abroad. - [Das unabhängige Forum für Schweizer im Ausland](https://sayhello.ch/portfolio/soliswiss/): Ein Plattform und eine Webapplikation für mehr Interaktion zwischen Schweizerinnen und Schweizern im Ausland. - [BZZ quenches the thirst for knowledge](https://sayhello.ch/portfolio/bzz-quenches-the-thirst-for-knowledge/): The implementation of a provided design with a special focus on speed and an optimised experience on desktop and touch... - [BZZ löscht den Wissens­durst](https://sayhello.ch/portfolio/bildungszentrum-zuerichsee/): Die Umsetzung eines bereitgestellten Designs mit besonderem Fokus auf Geschwindigkeit und ein optimales Erlebnis auf Desktop- und Touchgeräten. - [A web application for property management](https://sayhello.ch/portfolio/a-web-application-for-property-management/): Design, programming and maintenance of a property website, with advanced interfaces. - [Eine Web­applikation für die Immobilien­verwaltung](https://sayhello.ch/portfolio/momentum-immobilien/): Design, Programmierung und Wartung einer Immobilien-Website, mit fortschrittlichen Schnittstellen. # # Detailed Content ## Seiten - Tags: Deutsche Version - : pll_6903847b97be4 Ich veröffentliche gelegentlich einen E-Mail-Newsletter mit Tipps, Tricks und Beispielen aus meiner Arbeit. Anmerkung: die Newsletteranmeldung ist temporär nicht verfügbar. Melde dich bei mir, falls ich dir behilflich sein kann. Eine der Ziele meiner neuen Agentur-Website ist, mehr neue Blogbeiträge und Beispiele meiner Arbeit zu veröffentlichen. Wenn du von Zeit zu Zeit eine E-Mail als Zusammenfassung erhalten möchtest, kannst du dich in meine Mailingliste eintragen. Da es sich um einen Newsletter meiner Webagentur handelt, kannst du gelegentliche Artikel und Tipps zu WordPress, Webdesign und anderen Webtechnologien erwarten. (Wenn du den Newsletter lieber auf Englisch erhalten möchtest, wechselst du zuerst zum Formular auf der englischen Version der Website). Bisherige Newsletter - Tags: English version - : pll_6903847b97be4 I publish an occasional email newsletter with tips, tricks and examples of my work. Quick note: the newsletter subscription form is currently unavailable. Feel free to get in touch if I can help! One of the aims of making a new agency website is to publish more blog posts and examples of my work on a semi-regular basis. If you'd like to get an occasional email from time to time to summarise them, then feel free to join my mailing list. Since this is a newsletter from my web agency, you can expect occasional articles and tips on WordPress, web design, and other web technologies. (If you'd prefer to receive the German language newsletter, please switch to the German version of the website first. ) Previous newsletters - Tags: English version - : pll_68f77ca91f4c5 Mehr als Sie je wissen wollten. In the following text, the term "we" refers to Say Hello GmbH, which is wholly owned by Mark Howells-Mead. Privacy consulting services Do you own your own website and need information and support in complying with Swiss and European data protection laws? Discover what Say Hello can offer you in this complex area of website operation. Our consulting services for cookie banners and data protection Our own privacy policy This privacy policy informs you about which personal data we process in connection with our activities and operations, including our sayhello. ch website. In particular, we inform you about the purpose, how, and where we process personal data provided by clients and site visitors. We also want to inform you about the rights of individuals whose data we process. For individual or additional activities and operations, additional privacy policies and other legal documents such as general terms and conditions (T+C), terms of use, or conditions of participation may apply. 1. Contact address Responsible for the processing of personal data: Say Hello GmbHMark Howells-MeadThunstrasse 43700 SpiezSwitzerland hello@sayhello. ch We will point out if there are other persons responsible for processing personal data in individual cases. 2. Terms and legal bases 2. 1 Terms Personal data is any information relating to an identified or identifiable natural person. A data subject is a person about whom we process personal data. Processing includes any handling of personal data, regardless of the means and procedures used, such as querying, comparing, adapting, archiving, storing, retrieving, disclosing, obtaining, recording, collecting, deleting, disclosing, structuring, organising, storing, altering, disseminating, linking, destroying, and using personal data. 2. 2 Legal basis We process personal data in accordance with Swiss data protection law, in particular the Federal Act on Data Protection (Data Protection Act, DSG) and the Ordinance on Data Protection (Data Protection Ordinance, DSV). Type, scope and purpose We process the personal data necessary to carry out our activities and operations in a permanent, user-friendly, secure, and reliable manner. Such personal data can, in particular, fall into the categories of inventory and contact data, browser and device data, content data, metadata or peripheral data and usage data, location data, sales data, and contract and payment data. We process personal data for the period required for the respective purpose(s) or as required by law. Personal data whose processing is no longer necessary is anonymised or deleted. We may have personal data processed by third parties. We may process personal data jointly with third parties or transmit it to third parties. Such third parties include, in particular, specialised providers whose services we utilise. We also guarantee data protection for such third parties. We generally only process personal data with the consent of the data subjects. If and to the extent that processing is permissible for other legal reasons, we may waive the requirement to obtain consent. For example, we may process personal data without consent in order to fulfill a contract, to comply with legal obligations, or to protect overriding interests. We also process personal data that we receive from third parties, obtain from publicly accessible sources, or collect in the course of our activities, provided and to the extent that such processing is permitted by law. 4. Communication We process data to enable us to communicate with third parties. In this context, we particularly process data that a data subject transmits when contacting us, for example, by letter or email. We may store such data in an address book or using similar tools. Third parties who transmit data about other individuals are obligated to ensure data protection for such data subjects. This includes ensuring, among other things, the accuracy of the personal data transmitted. 5. Data security We take appropriate technical and organisational measures to ensure data security appropriate to the respective risk. With our measures, we specifically guarantee the confidentiality, availability, traceability, and integrity of the personal data processed, but cannot guarantee absolute data security. Access to our website and our other online presence is via transport encryption (SSL/TLS, in particular with the Hypertext Transfer Protocol Secure, abbreviated to HTTPS). Most browsers indicate transport encryption with a small padlock in the address bar. Our digital communications – like all digital communications – are subject to mass surveillance without cause or suspicion by security authorities in Switzerland, the rest of Europe, the United States of America (USA), and other countries. We have no direct influence on the corresponding processing of personal data by secret services, police authorities, and other security authorities. We also cannot rule out the possibility that individual data subjects may be specifically monitored. 6. Personal data abroad We generally process personal data in Switzerland. However, we may also disclose or export personal data to other countries, in particular to process it or have it processed there. We may disclose personal data to all countries and territories on Earth and elsewhere in the universe, provided that the law there guarantees adequate data protection in accordance with a decision of the Swiss Federal Council. We may disclose personal data to countries whose law does not guarantee adequate data protection, provided that appropriate data protection is guaranteed for other reasons. Suitable data protection can be ensured, for example, through appropriate contractual agreements, on the basis of standard data protection clauses, or with other appropriate safeguards. Exceptionally, we may export personal data to countries without adequate or suitable data protection if the specific data protection requirements are met, for example, the express consent of the data subjects or a direct connection with the conclusion or performance of a contract. We will be happy to provide data subjects with information about any guarantees or a copy of the guarantees upon request. 7. Rights of data subjects 7. 1 Data protection claims We grant data subjects all rights under applicable data protection law. Data subjects have, in particular, the following rights: Information: Data subjects can request information about whether we process personal data about them, and if so, which personal data this is. Data subjects will... - Tags: Deutsche Version - : pll_68f8fa41ee2d1 Eine neue Website zu erstellen, mag wie eine grosse Herausforderung erscheinen. Ich bin hier, um den Prozess deutlich weniger schwierig zu machen. Mit fast dreissig Jahren Erfahrung in allen Aspekten der Erstellung von Websites und Webanwendungen, vom Konzept und Design über die Programmierung bis hin zur redaktionellen Arbeit, stellen meine optimierten Prozesse sicher, dass ich dir bei jedem Schritt des Projekts helfen kann. Wenn ich dir bereits ein Angebot gemacht habe und du bei einem dieser Schritte weitere Unterstützung benötigst, lass es mich bitte wissen. Ich unterstütze dich in dieser Zusammenhang gerne auf Basis der investierten Zeit oder im Rahmen eines im Voraus definierten Budgetblocks oder Festpreises. In den folgenden Erläuterungen fasse ich die übliche Vorgehensweise für jeden Schritt eines Projekts zusammen. Bitte wirf auch einen Blick auf die AGBs, da diese ein wichtiger Bestandteil unserer Zusammenarbeit sind. Liste der Inhalte Die Konzeptphase Visuelles DesignWireframes, Inhaltsbereiche, Grafikdesign und Barrierefreiheit. Programmierung Erstellung von Inhalten Änderungswünsche Qualitätskontrolle Die neue Website online stellen 1. Die Konzeptphase Der Prozess der Erstellung einer massgeschneiderten Website kann je nach dem komplex sein. Einer der wichtigsten Schritte ist es, das Ziel der Website zu definieren. Die üblichen Fragen, die beantwortet werden müssen, sind folgende. Was muss die Website vermitteln? Wer ist die Zielgruppe für den Inhalt oder die Funktionalität, und welche Bedürfnisse der Interessengruppen muss die neue Website erfüllen? Benutzen die Besucher hauptsächlich Smartphones oder Desktop-Computer oder sogar andere Geräte wie Smart-TVs? Sind Statistiken für die aktuelle Version einer bestehenden Website verfügbar, und können wir sie zu Beginn unserer Arbeit einsehen? Muss die Website ein mehrsprachiges Publikum unterstützen? Wie wichtig sind Zielgruppen in bestimmten Sprachen? Wir müssen bedenken, dass es nicht immer ausreicht, Inhalte einfach in eine andere Sprache zu übersetzen. Wir müssen mit Besuchern aus anderen Ländern oder anderen Kulturen kommunizieren und dabei angemessene Begriffe und soziale Standards verwenden. Einige Informationen, die für einheimische Kunden selbstverständlich sind, müssen für andere Kunden möglicherweise ausführlicher erklärt werden. Müssen wir der Website Lösungen von Drittanbietern hinzufügen? Zum Beispiel ein Reservierungstool, eine Verbindung zu einem CRM oder eingebettete Inhalte von Dritten? Welche Gesetze und Bedingungen müssen wir in das Konzept aufnehmen? Braucht die Website ein Cookie-Banner* oder eine neue Datenschutzerklärung? Müssen wir uns mit der Einbindung von Inhalten von Drittanbietern wie YouTube, Google Maps oder von Social-Media-Kanälen befassen? * Nicht jede Website braucht einen Cookie-Banner. Wir besprechen die Anforderungen während der ersten Konzeptphase. 2. Visuelle Gestaltung Wireframes Die allererste Version eines Website-Designs besteht normalerweise aus einer Reihe von Wireframes. Ein Wireframe zeigt das Layout und die Struktur einer Seite ohne grafische Gestaltung. Er soll zeigen, welche Seitenelemente verwendet werden müssen, von der Position und Grundfunktion der Navigation bis hin zum Seiten- oder Artikelinhalt. Definieren von Seiten- und Artikelinhalte WordPress setzt seit einigen Jahren nicht unbedingt auf feste Seitenvorlagen. In einem üblichen Projekt gibt es die Möglichkeit, den Inhalt von Seiten und Nachrichtenartikeln aus verschiedenen Inhaltsabschnitten zusammenzustellen, die jeweils im ursprünglichen Konzept festgelegt werden. Deshalb basieren die Say Hello-Designkonzepte auf zusammengesetzten Inhaltsabschnitten und nicht auf der Anzahl Seiten. Beispiele für Seitenabschnitte können Text- und Multimedia-Inhalte, Formulare, Bildergalerien, Kontaktformulare oder andere, fortgeschrittenere Layouts und Widgets sein. Auch interaktive Elemente mit Datenaustausch sind manchmal gefragt und problemlos umsetzbar. Grafikdesign Projekte, für die Say Hello eine visuelle Identität für die Website entwickelt, basieren meist auf einem bestehenden CI/CD und auf bereits existierenden Druckmaterialien wie PDFs, Broschüren und Flyern. Bei Projekten, bei denen die Designüberlegungen umfangreicher sind oder bei denen spezielle grafische Elemente erstellt werden müssen, arbeite ich oft mit externen Grafikdesign- und Branding-Agenturen zusammen. So lässt sich ein Team zusammensetzen, wo jedes Mitglied seine Erfahrung gezielt einbringt. Barrierefreiheit Es ist essentiell, dass alle Besucher auf die angebotenen Inhalte zugreifen können - ohne technische oder benutzerbezogene Hürden. Nicht nur aus Höflichkeit, sondern auch, um die Richtlinien für Barrierefreiheit und die lokalen Gesetze zu erfüllen. Bei meinen eigenen Entwürfen steht Barrierefreiheit ganz oben auf der Liste der Kriterien, und ich kann Agenturen und Projektpartnern dabei helfen, wenn sie meine Hilfe brauchen. Wird Barrierefreiheit von Beginn ab berücksichtigt, bestehen oft keine Mehrkosten für diesen Teil des Konzepts. 3. Programmierung Sobald die Konzeptphase und das Design abgeschlossen sind und vom Kunden abgesegnet wurden, kann ich mit der Programmierung beginnen. Wir besprechen die Anforderungen und Präferenzen für die Inhaltsverwaltung im Voraus und stellen sicher, dass die Redakteure das ändern können, was sie brauchen. Mein Ziel ist es, ein möglichst einfaches und für die Redaktion passendes Redaktionserlebnis zu bieten. Die meisten Say Hello-Projekte nutzen WordPress - ein Open-Source Content Management System - als technische Grundlage. Bei Projekten werden die vorhandenen Inhaltsbereiche, die WordPress selbst bereitstellt, optimal und manchmal auch individuell eingesetzt, ebenso wie die Bereiche, die wir in der Konzeptphase des Projekts festgelegt haben. Ich erstelle fast alle benutzerdefinierten Bereiche selbst und halte mich dabei streng an die WordPress-Standards. Das garantiert die Langlebigkeit, Effizienz, Qualität und Leistung jedes Teils der Website. 4. Erstellung von Inhalten Nachdem die erste Version der Technologie gebaut und eine Vorschauversion des Inhaltsverwaltungssystems fertig ist, fügen die Redakteure ihre Inhalte auf der Website ein. Diese Phase kann eine Weile dauern und ich empfehle immer, genügend Zeit für die Vorbereitung der Inhalte einzuplanen. Weiter empfehle ich, die Inhalte so weit wie möglich im Voraus zu erstellen - normalerweise während ich die Website programmiere oder sogar noch früher. Wenn sie früh mit der Arbeit an den Inhalten beginnen, haben meine Kunden so viel Zeit, wie sie brauchen, um sicherzustellen, dass alles richtig ist. Inhalte können auf jeden Fall auch nach der Veröffentlichung der Website angepasst werden. 5. Änderungswünsche Während der redaktionellen Phase kann es sein, dass ein Kunde eine kurze Schulung benötigt oder kleine Änderungen am Konzept der Seiten vornehmen möchte. Änderungen können immer berücksichtigt werden, aber wir werden versuchen sicherzustellen, dass die Konzeptphase eine definitive und vollständige Definition der Seite bestimmt. So wird sichergestellt, dass die Arbeit pünktlich und innerhalb des Budgets abgeschlossen wird. Grössere Änderungen während dieser Phase können eine Änderung des Zeitplans für das Projekt erfordern und diese können eventuell zusätzliche Kosten verursachen. Deshalb ist die Konzeptphase vor der Umsetzung sehr wichtig. 6. Qualitätskontrolle Wenn alle Technik und Inhalte fertig sind, prüfe ich die gesamte Website ein letztes Mal, bevor die Website veröffentlicht wird. Nachdem ich meine... - Tags: English version - : pll_68f8fa41ee2d1 Building a new website may seem like a daunting challenge, but I'm here to make the process considerably less difficult. With nearly thirty years of experience in all aspects of building websites and web applications, from concept and design to programming and editorial work, my optimised processes ensure that I can help you with in each step of the project. If I've already provided you with a quote and if you need specific or extended support with any of these steps, please let me know. I'll be happy to support you on the basis of time invested, or through a pre-defined or fixed-price budget block. In the following explanations, I'll summarise the usual approach for each step of a project to conceive and build a website. Please also take a look at the general terms and conditions, as these form a key part of our work together. List of contents The concept phase Visual designWireframes, content sections, graphic design and accessibility. Programming Content creation Change requests Quality control Getting the new site online 1. The concept phase The process of making a custom-built website can be complex. One of the most crucial steps is to define the aim of the website. The usual questions which need to be answered before any design or programming work takes place are as follows. What does the website need to communicate? Who is the target audience for the content or the functionality, and what stakeholder needs must the new website fulfil? Are the visitors primarily using smartphones, or desktop computers, or even other devices like smart televisions? Are statistics available for the current version of an existing website, and can we review them when we start work? Does the website need to support a multilingual audience? How critical are target audiences in certain languages? We have to bear in mind that simply translating content into another language might not be sufficient: we need to communicate with visitors from other countries or other cultures using appropriate terms and social standards. Some information which local residents and customers might take for granted may need to be explained in more detail for other people. Do we need to add third-party solutions to the website? For example, a reservation tool, a connection to your CRM, or embedded third-party content? What laws and conditions do we need to include in the concept? Does the website need a cookie banner* or a new data privacy statement? Do we need deal with including content from third-party providers like YouTube, Google Maps, or from social media channels? Not every website needs a cookie banner. We will discuss the requirements during the initial concept phase. 2. Visual design Wireframes The very first version of a website design is usually formed of a set of wireframes. A wireframe shows the layout and structure of a page with no graphic design. It is intended to show what page elements need to be used, from the position and basic function of the navigation to the page or article content. Defining page and article content sections WordPress doesn't usually rely on fixed page templates. In a regular project, it allows the editorial team the opportunity to put the content of pages and news articles together using a range of content sections, each of which is defined in the initial concept. That's why Say Hello design concepts are based on the content sections and not on the number of pages. Examples of page sections may include text and multimedia content, forms, image galleries, contact forms or other, more advanced layouts and widgets. Graphic design Projects for which Say Hello develops a visual identity for the website are most often based on an existing CI/CD and on pre-existing print materials like PDFs, brochures and flyers. I often work with third-party graphic design and branding agencies on projects where the design considerations are more extensive, or where specific graphical elements need to be created. Accessibility It is important that all visitors to your website can access the content provided – without technical or user-related hurdles. Not just out of kindness, but also in order to meet accessibility guidelines and local laws. My own designs place accessibility high on the list of criteria, and I can assist agencies and project partners if they need my help. 3. Programming Once the concept phase and the design are complete and have been signed off by the client, programming can commence. We will discuss the requirements and preferences for content management in advance and make sure that the editors can modify what they need to. My aim is to provide the simplest possible editorial experience, not just a vastly complicated and unwieldy set of tools. Most Say Hello projects use WordPress—an open-source content management system—as a technical basis. Projects make optimal and sometimes customised use of existing content sections which WordPress itself provides, alongside custom sections which we've defined during the concept phase of the project. I build almost all of the custom sections myself in strict adherence to WordPress standards. This ensures the longevity, efficiency, quality and performance of every part of the website. 4. Content creation After the initial version of the technology is built and a preview version of the content management system is ready, editors will add their content to the site. This phase may take a little while and I always recommend that sufficient time is planned in for preparing the content before it is added to the website. I recommend that the content be prepared as far in advance as possible—usually while I'm building the website, or even earlier. By starting work on the content early, my clients have as much time as they need to make sure that everything is just right before the content is added to the new website. 5. Change requests At this stage of the project, a client may need a short training session, or they may wish to make small changes to the concept of the pages. Small changes can always be accommodated, but we will try to make sure that the concept phase contains a definite and complete set of definitions... - Tags: English version - : pll_68f7b72b5e020 Say Hello is a small web agency based on many years of career experience in building websites, web apps and interfaces. Where do customers and companies meet for the first time? Often on the company website. The homepage is the reception, so to speak, and the design is representative of a friendly face. People greet each other digitally. That's why the agency is called Say Hello. I'm best known for my work with WordPress, as it enables everything I love to do: design and develop fast, functional, beautiful and accessible websites. My projects rely on clean, future-proof code and a modular approach where performance, usability and maintainability drive the structure. Your contact person I have been working in the web for 30 years. Co-developer of an editorial system for a cross-media newspaper, development manager and specialist for content management and responsive design at classic, cross-media and international agencies - these are just some of the experiences I provide for my clients. Get in touch Projects are mainly realised with WordPress due to its extensibility, its focus on continuous development and its great worldwide community. As is customary in Switzerland, a multilingual approach is of course a must for most projects over many years. Every project I realise receives the utmost attention and care down to the last detail. Efficient and pragmatic As a sole trader, I deliberately avoid unnecessary administrative overheads and concentrate on working efficiently and flexibly with clients and partner agencies on exciting projects. Direct contact with me right from the start enables exceptionally fast feedback and clear communication - without the complexity that can arise in large teams or from project managers without technical understanding. Thanks to a long-standing career and active involvement in the Swiss and international WordPress and developer communities, I have access to trusted colleagues with extensive experience in all areas of the web - whether in technical topics or in areas such as design, branding, SEO, content creation, marketing and security. In this way, a highly qualified team can be put together to fulfil the exact requirements of the project. Clients only need to Project costs Thanks to my efficient approach, projects are calculated to meet your requirements and your available budget. My main goal is to provide you with a professional and well thought-out online presence. I've put together a summary of common costs on a project, from concept through programming and delivery, in this overview. Instead of dissecting project costs against a nit-picking hourly rate, a flat-rate approach for each module of a project enables a much more flexible and resource-efficient collaboration. (Incidentally, a flat-rate approach also applies to support for customers with a maintenance contract. ) Make a non-binding enquiry Read more I bring extensive expertise to the table - from simple blogs to multilingual, multisite installations for well-known clients. Having worked with CMS-based websites and cutting-edge technology since the beginning of my career, I can ensure that each solution is customised to the exact requirements. With a trained eye for design and user experience, I also make sure that my clients are not confronted with unnecessary technical jargon - instead, we talk about the project as equals. My clients benefit from my structured and efficient way of working. Together, we ensure that budgets are used sensibly - instead of being lost in administrative work. Web presences tailored to the body Every company is unique. Right from the start of the project, I combine your vision with the needs of your users. This results in customised websites that are optimally tailored to your company and the requirements of your customers in terms of functionality, design and user-friendliness. More information about my websites Customised web applications A web app could simplify your business processes, save time, deepen customer relationships or even open up new customer segments. Wherever it makes sense, I integrate your business processes seamlessly into your web presence and ensure that the website takes the virtual dialogue with your company to the next level. The advantages of web applications More than just work Passing on expertise Websites are not just part of the daily grind. I am passionate about my work and enjoy sharing my knowledge and skills with clients and colleagues from the WordPress community. Read more Latest work examples Page meta sht_date_range Overview of all work examples - Tags: English version - : pll_68f79897af337 Get in touch with me so that I can help you. Your contact person: Managing Director Mark Howells-Mead The website contains a lot of information about my passion for design, UX, web development and content management. If you can't find an answer to your question, please feel free to contact me using one of the contact options below. Direct contact You can reach me by e-mail at mark@sayhello. ch or during office hours via telephone or WhatsApp on +41 (0)78 715 51 34. Because I often work from alternative locations, my former office land line number is no longer in use. Office hours Office hours are from 9 a. m. to 6 p. m. , Monday to Friday. I offer my clients additional contact availability options as part of a maintenance agreement. Social media I am in regular contact with colleagues via social media: you can find me on Bluesky, Instagram and Facebook. However, if you would like to contact me directly, the best way to reach me is by email or phone. Remote working Because I often work remotely - in my home office or on client sites - it's a good idea to make an appointment with me in advance. Since it was founded, Say Hello has ensured maximum flexibility during meetings by using video calls when necessary: preferably via Google Meet, alternatively via Zoom or Microsoft Teams. This allows me to remain optimally and efficiently available to my clients wherever they are. Approach The Say Hello office is located in the centre of Spiez, in the beautiful Swiss Bernese Oberland. The best way to get here is by public transport; otherwise there is a paid car park around the corner, next to the Reformed Church. Google Maps Postal address Say Hello GmbHThunstrasse 43700 SpiezSwitzerland Subscribe to newsletter Say Hello occasionally sends emails about ongoing work on websites and web applications using WordPress. Your data will not be passed on to third parties and you can unsubscribe at any time. By subscribing to the newsletter, you consent to your email address being stored on web servers in the USA that are operated by Mailchimp. Mailchimp is certified in accordance with the Swiss-US Data Privacy Framework. You can find a full explanation of data storage and protection on the Mailchimp website. - Tags: English version - : pll_68f77b53d57bc Page meta sht_date_range Page meta sht_date_range - Tags: English version - : pll_68f779f55547e Say Hello projects not only look good and function perfectly – they also offer the right editorial environment, optimally tailored to the needs of website administrators. Simple data management WordPress has evolved steadily since its first release in 2003. In the early versions of the content management system, content was managed using simple text fields, checkboxes, and drop-down lists. Over time, the editorial interface evolved and gained new features—such as content fields familiar to Microsoft Word users, as well as the ability to categorise and tag content so that web developers could display it using static templates with predefined logic. Today, however, WordPress offers a wide range of options—from simple user interfaces to visual editing and layout management tools. Output in various channels Daten aus WordPress in einer Smartphone-App The simplified approach to content management using data fields remains highly relevant for certain websites—especially where data and its output should remain strictly separate. This approach makes it possible to use the same data for different channels—not just for a single website page, but also across multiple websites, in RSS feeds, or even through a custom-developed smartphone app. One example is the Enerjoy app from a Say Hello customer, which pulls data-driven content from its WordPress installation. Visual editing The WordPress Block Editor was released at the end of 2018 and allows users to manage their content in a visual interface. This approach is particularly suitable for users who want to see how an article or page will appear when editing their website. This technology allows text, images, and multimedia content to be edited directly – without having to go through abstract input fields. The content consists of individual elements ("blocks") that can be flexibly combined to create simple or complex layouts. The unmodified core version of WordPress provides dozens of blocks and since 2019, Say Hello has been expanding this range with custom-developed blocks for most projects. Edit content visually with the WordPress Block Editor Layouts in the Block Editor can also be managed using column or grid layouts. Since the introduction of the site editor in 2021, administrators can even manage peripheral areas such as shared headers and footers, page templates, or synchronized content sections that can be used across the entire site. In-house development and third-party solutions In addition to the standard features that WordPress offers with the two approaches described above, Say Hello develops extensions to the WordPress foundation in almost every project. Through customized controls such as screen-size-dependent optimizations or additional attributes for standard blocks, as well as custom-developed blocks and complex, predefined layouts for specific client requirements, I ensure that both the editorial workflow and the resulting website output are optimally designed. Third-party solutions — advantages and disadvantages Say Hello's focus is on quality, reliability, longevity, and a highly optimized workflow for content managers. However, in certain cases, it's useful to implement selected, proven third-party plugins for specific functions. Many Swiss websites are multilingual, which is why the Polylang Pro plugin is used in many of our projects. Contact and order forms of varying complexity are ideally implemented with Gravity Forms, which allows for flexible configuration of forms and notifications. Our security and monitoring solutions – especially for customers with a maintenance contract – are based on Solid Security Pro and an external, specialised monitoring system with backups on third-party servers. Page builder plugins Many websites that use WordPress rely on so-called "page builder" plugins. These licensed solutions are usually chosen by website owners who want to create and manage their website on their own, instead of gaining the kind of professional support which Say Hello provides. Instead of a professional implementation with streamlined, efficient tools, the "one-size-fits-all" approach of a paid page builder plugin is usually significantly more cumbersome for users. Compared to the simpler, but equally powerful curated WordPress Block Editor, third-party solutions often require more time for setup and maintenance. They also frequently lead to a loss of page speed and SEO performance. - Tags: English version - : pll_68f7791706aa6 Say Hello is not only a partner for, but also a user of the most flexible and widely used website system in the world. The goal of any technical solution for managing web content is to enable users to easily create and maintain their content. As an open source solution, WordPress has consistently established itself as the leading platform for web projects in over 23 years of continuous development and optimization thanks to its extensibility, adaptability, and user-friendliness. My professional experience with WordPress dates back to the very first version in 2003. That's a wealth of experience from which you can benefit. Whether through the use of the Block Editor or with a customized editorial interface, every person who maintains a professionally optimized WordPress website benefits from the comprehensive experience of thousands of designers and developers from all over the world. The WordPress Block Editor Working visually in the WordPress Block Editor Editorial freedom Content in WordPress can be managed visually by users directly, without the need for additional plugins or third-party solutions. Pages, posts, and custom content types are managed via an interface that immediately shows how the finished content will appear on the website. The Site Editor also allows administrators to manage peripheral information such as the footer, navigation, or page layout—without any technical intervention. From a technical perspective, content is efficiently prepared and stored, which noticeably speeds up page delivery for visitors. Cooperation for the common good Thanks to the collaboration of hundreds of developers and designers worldwide, the Block Editor's features are continuously optimized and developed further. I actively contribute to the international community – with new ideas and practical usability feedback on planned changes that affect millions of users every day. My free plugins are used on more than 30,000 websites. I maintain them as part of the 10% of my time which I reserve for contributions to open software projects. An optimized editorial experience I make sure that the right solution is chosen for each project. I always try to use as few third-party plugins as possible to keep the technology behind the website lean and fast and to avoid ongoing licensing fees whenever possible. If the complex options in the core version of WordPress become too much, I adapt the editorial interfaces and content elements so that the editorial team only has the tools they really need. Expanded options for my customers Say Hello customers benefit from expanded control options and customized content components, designed and integrated based on the specific requirements of each website. Together, we ensure that the website not only looks attractive, but also remains well-structured and maintained in terms of content and technology: for an optimal and accessible editorial and visitor experience. The WordPress Site Editor The WordPress Site Editor (often part of Full Site Editing, FSE) is a modern interface that allows you to control the design your entire website – including header, footer, and layouts – directly in the dashboard using blocks. It requires a so-called Block Theme and enables adjustments to colours, typography, and structure without coding knowledge. All Say Hello web projects have been built using this technology since the first version of the Site Editor at the end of 2021. With 5 years of experience, implementation processes are now highly efficient and offer extensive options for client projects. Choices instead of options For client projects, I ensure that the editorial interface and options suit individual client requirements. Many clients prefer not to take on the responsibility of ensuring that the website remains in line with the company's CI/CD, so I use my many years of experience to ensure that the huge range of potentially overwhelming options is suppressed. This allows users to work on the content of their site without needing to consider design aspects every time. Other clients, who require full and complete control over—and responsibility for—every single aspect of the site's appearance, are given the tools and training they need to manage the site themselves. The core features of the Site Editor: Structural design: Editing page templates and template parts (such as headers and footers) using blocks. Global styles: Centralised adjustment of colours, typography, and spacing for the entire website. Navigation: Visual creation and editing of navigation menus. Block-based templates: Use of prebuilt block patterns for faster design. Differences to the Block Editor (Gutenberg): The Block Editor is used to create content within individual posts or pages. The Site Editor is responsible for the design and structure of the entire website. The right editorial experience for your project A custom data management interface in WordPress for my client Adro-Tech While the Block Editor is the most suitable tool for most clients, I have over 25 years of extensive experience in developing and customizing content management interfaces tailored to individual needs. Some clients don't want to take responsibility for the visual design of their website, while others manage complex data sets independently of the website's appearance or output channels such as RSS, REST, or a smartphone app. A custom-developed interface in WordPress or even a separate CRM or data management system is suitable for this. Obtaining data via interfaces Thanks to WordPress's extensibility, it's easy to combine raw data from any source with WordPress' powerful visual tools. Thanks to my many years of experience with other systems and the solid, standardized REST API, I develop and maintain solutions that allow data created in WordPress to flow seamlessly into third-party systems. WordPress Multisite Some companies need to manage more than one website, each supporting a different editorial team and covering a specific topic, business area, or product range. By building the websites together according to a coherent concept, Say Hello ensures that the technology used can be optimally managed or reused within a single WordPress administration interface. This approach is called "WordPress Multisite" and offers both customers and website administrators a more efficient, manageable, and cost-effective environment than running separate installations on different servers. Blog posts about WordPress More blog posts about WordPress - Tags: English version - : pll_68f777f5eeb0a Say Hello offers a very flexible approach to project estimates and ensures great results to match your budget. I understand that many clients aren't sure exactly what they want or need when they ask me for a quote. Clients want to get an idea of how much a project is likely to cost in order to decide whether a custom-built website is right for them, and whether Say Hello is the right partner for their project. Whether it's for conception and design, implementation, or ongoing website maintenance, clients and I define the scope together to accommodate their budget. Each part of the process is quoted individually, giving a transparent overview of the entire project. Find out more Precise quoting The more precise the definitions at the beginning of the project, the more precisely I can determine the final pricing right from the start. My goal is to ensure you get the best possible result. I do my best to achieve this by offering comprehensive project support at a price that meets your expectations. SEO-Optimierung Indem wir massgeschneiderte Websites erstellen, die genau den Anforderungen unserer Kunden entsprechen, können wir sicherstellen, dass der Code so schlank und modern wie möglich ist, dass das redaktionelle Erlebnis frei von unnötigen Komplikationen bleibt und dass die Website für Besucher blitzschnell reagiert. Der Inhalt der Website ist immer technisch für die Indizierung durch Suchmaschinen optimiert. Um den Zeitaufwand für die Entwicklung einer Website oder eines Webprojekts genau einschätzen zu können, ist es in der Regel notwendig, dass Sie oder eine Partneragentur im Voraus möglichst viele Informationen zum Umfang des Projekts bereitstellt. Es ist jedoch auch möglich, den Aufwand basierend auf gängigen Annahmen zu kalkulieren. Wir arbeiten modular, sodass der Aufwand für jeden Projektteil genau eingeschätzt werden kann. Ausserdem bieten wir gerne die Lieferung von Projekten in Modulen oder Sprints an, damit neue Funktionen keine Verzögerungen im Projektzeitplan verursachen müssen. A fixed price for a defined project scope Say Hello hat die Abrechnung auf Stundenbasis für neue Projekte bereits vor einiger Zeit abgeschafft. Obwohl diese Methode in der Branche lange Zeit üblich war, führte sie regelmässig zu Problemen für Kunden. Wir haben festgestellt, dass Projekte von anderen Agenturen trotz eines niedrigeren Stundenansatzes für den Seitenbetreiber oft teurer wurden, weil sie länger gedauert haben als erwartet. Based on time. Deshalb sind wir der Meinung, dass es wenig Sinn ergibt, auf Stundenbasis zu kalkulieren. Wir haben intensiv daran gearbeitet, unsere Herangehensweise zu ändern und die Kosten projekt- oder funktionsbasiert statt auf Basis Zeitberechnungen anzubieten. So profitieren unsere Kunden von fairen und realistischen Preisen und müssen keine Preisanpassungen während des Projekts befürchten. Durch den Verzicht auf zeitbasierte Abrechnung und die Möglichkeit, Wartungsangebote oder Jahrespauschalen zu vereinbaren, können wir unseren Stammkunden auch Rabatte anbieten. Say Hello profitiert von diesem Ansatz, weil wir dank unserer langjährigen Erfahrung den Gesamtaufwand eines Projekts genau einschätzen und einen Preis festlegen können, der dem Wert der Arbeit entspricht. Sollte ein Projekt etwas länger dauern als erwartet, erlaubt uns unser flexibler Ansatz, uns auf die Qualität der Arbeit zu konzentrieren, statt Abstriche machen zu müssen. Wenn sich der Projektumfang ändert, zum Beispiel durch eine zusätzliche Funktion oder eine umfangreichere Lösung, können wir flexibel reagieren und ein separates Angebot für die neuen Anforderungen erstellen. Bleibt der Umfang nach der Vereinbarung unverändert, bleibt der Preis gleich. Obwohl wir für neue Projekte keine rein zeitbasierten Kalkulationen mehr anbieten, waren unsere regulären Stundensätze früher etwa 20 % niedriger als bei vergleichbaren Webagenturen in der Schweiz. Unser effizienter Ansatz reduziert weiterhin den Verwaltungsaufwand, so dass 100 % des Budgets in produktive Arbeit fliessen können. Unser Projektansatz Bei der Zusammenarbeit mit anderen Agenturen und Freelancern bevorzugen wir es, wenn möglich bereits in der Konzeptphase eingebunden zu sein. Indem wir von Anfang an den Prozess begleiten, stellen wir sicher, dass die Website und ihr Verwaltungstool – sei es WordPress oder ein anderes System – optimal auf die Anforderungen des Projekts abgestimmt aufgebaut und konfiguriert werden.   Dadurch können alle Beteiligten effizienter arbeiten und ihr Fachwissen gezielt einbringen. Wir konzipieren Projekte so, dass alle technischen Möglichkeiten sinnvoll und optimiert bereitgestellt werden. Es wird sichergestellt, dass der Kunde genau die Tools erhält, die er für die Verwaltung seiner Online-Präsenz benötigt: Entweder einfache Bedienelemente, ohne sich mit einem Designsystem auseinandersetzen zu müssen, oder umfassende Kontrolle über jedes Detail von Erscheinungsbild, Funktionalität und Inhalt der Website. Projektarten Für unsere Projekte setzen wir vorwiegend auf WordPress, basierend auf mehr als zwanzig Jahren umfassender Erfahrung sowie engen Verbindungen zu Kolleginnen, Kollegen und Partneragenturen in der nationalen und internationalen Community. Zudem pflegen wir eine aktive Mitwirkung an der Weiterentwicklung dieser Open-Source-Software. Say Hello erstellt massgeschneiderte Websites und Weblösungen, die wir in Zusammenarbeit mit erfahrenen Designern und unseren Kunden entwickeln.   Eigenschaften HTML5: Eine saubere Struktur von HTML5-Elementen ermöglicht eine bestmögliche Interpretation durch Suchmaschinen (SEO), Screenreader und den Browser. Responsive: Unsere Themes sind für Besucher mit Desktop-, Mobil- und Tablet-Geräten optimiert. Barrierefreiheit: Durch einen sauberen HTML5-Syntax sind unsere Projekte auch für Nutzer mit körperlichen Einschränkungen bedienbar. Ab 2025 erfüllen die Projekte, die wir konzipieren, mindestens die Anforderungen des Europäischen Rechtsakts zur Barrierefreiheit. Performance: Wir legen grossen Wert auf optimale Ladezeiten und richten uns dabei nach den branchenüblichen Grundsätzen. Die meisten unserer Projekte fallen in die folgenden Bereiche. 1. Content and technical concept If you don't yet have a concept for your new website or web application, I can support you with my many years of experience and discuss the requirements of your company and target audience with you. I create concept documentation that makes it easier for any developer, designer, marketing specialist, or content creator to understand the project goals. For an SME website, the concept work usually revolves around what information should be conveyed and how we structure it so that visitors can quickly find what they're looking for. It also includes concrete advice on how to avoid pitfalls when addressing a multilingual audience and provides a cost-effective solution for hosting and a technically performant website. For more complex websites, the concept work also takes into account special features, such as advanced search tools, member management, and protected content, or specific browser-based tools for visitors with smartphones. Costs: from... - Tags: English version - : pll_68f75cb805305 Modern technology enables the development of web applications that run directly in the web browser on both desktop and mobile devices. By using a web application, updates are delivered automatically to the user, eliminating the need to waste time maintaining installed software. Instead of relying on installable third-party software, the latest software is always in use. Thanks to the availability of offline storage in web browsers, it's also possible to ensure that data is retained when a user exits the web application or restarts the computer. Cheaper without an app store As the owner of the website or web application, you also save the effort and costs associated with developing for multiple operating systems and devices. If you develop and operate a browser-based solution with Say Hello, you also eliminate the oversight constraints and ongoing fees from third-party providers like Apple or Google for app store deployments. Connections to third-party systems Web applications can function independently or integrate third-party services such as a newsletter management tool, a CRM, or even an external e-commerce solution. We can retrieve data from third-party systems, map it, and automatically update it in line with our corporate identity. Portfolio: Web applications Portfolio - Web applications Portfolio: API work Portfolio - APIs - Tags: English version - : pll_68f75c3b05d78 It is crucial to maintain a website regularly. Technical updates help ensure a consistently high level of security and maintain high performance standards. I make your life easier Outdated websites can pose security risks, which can compromise user data and erode trust. Updates often provide optimised or additional functionality and improve compatibility with modern technologies. You want to focus on your core business without having to worry about the technical aspects of your online presence. I take care of the maintenance and regular security audit of your WordPress website and respond quickly to available software updates, technical concerns, or reported issues. I assess how these might impact your website and conduct pre- and post-processing checks. Regular backups are also stored at a secondary location so that the website can be restored in the event of an emergency. Editorial support for WordPress If you don't want to deal with editorial management of your website but still want your content to be presented optimally, I would be happy to take over editorial maintenance for your website at a customized rate. I have been creating and managing editorial web content with a precise eye since 1996. Thanks to the modular nature of the WordPress Block Editor, I ensure that your content is not only easy to read but also attractively designed. I offer hourly packages for editorial work starting at CHF 500 per year. Mehr dazu Wir kümmern uns um alles – von Updates und Sicherheitsprüfungen bis hin zu Backups, Leistungsoptimierung und Verfügbarkeitsüberwachung. Wir sorgen dafür, dass Ihre Website gut geschützt, effizient und stets auf dem neuesten Stand der Webstandards bleibt. Und falls Sie eine erweiterte Unterstützung benötigen, bieten wir massgeschneiderte Service Level Agreements an, die unter anderem einen Schweizer Webhosting beinhalten können sowie redaktionelle und grafische Leistungen, regelmässige Analysen und pro-aktive Vorschläge für die Website. Maintenance packages for WordPress websites My WordPress maintenance contracts are based on the following packages. We're happy to discuss your requirements so I can offer you tailored support. Individual elements from the following lists can be easily combined to build a package which meets your requirements. Standard Maintenance of a simple website from CHF 75 / month Daily backup to a second server. Daily security scan. Monitoring the website (uptime). Regular updates of WordPress and the plugins used. Support enquiries up to 15 minutes per month included. Additional support services will be billed according to the time expended. Extended More coverage and tools from CHF 125 / month All services from “Standard”. Website monitoring (speed and accessibility). Extended update process including customized, automated checks. A separate development environment for testing purposes. Advanced statistics (optional). License costs for some of the plugins we use. Support enquiries up to 60 minutes per month included. WordPress Multisite Multiple websites in one installation from CHF 225 / month All services from “Extended”. Manage multiple websites with a centralised login and dashboard. Apply implemented technology across multiple websites. Advanced tools for editorial staff. Advanced security and access controls. One-time costs may apply for the integration of individual websites into the installation. SLA Carefree coverage from CHF 500 / month Custom-made options, for example: Managed web hosting in Switzerland. Mirrored version on a second server. Editorial design and content management. Modular design work. Image and video editing. Proactive suggestions for improvement. Regular SEO analysis. Tailor-made support. FAQ Do you have any questions? Some of the following answers might help you—otherwise, feel free to contact me and ask your specific question. What is first-level support If you have a maintenance agreement and need support for your website, please feel free to contact us directly. If your question concerns topics other than WordPress, we can have it answered by a specialist, such as one from your hosting company or email provider. This way, we're always your point of contact, no matter what your concerns are. How long is the minimum term of a contract? For the "Standard," "Extended," and "Multisite" packages, the minimum term is generally one year. The contract automatically renews at the end of each contract year. We are flexible and can discuss other contract terms upon request. What happens if my website is unavailable? I act quickly and usually resolve the problem myself. If the cause lies with a third party, such as a network provider or hosting provider, I will contact them promptly. If necessary, I can restore a backup copy of the website. If you have a corresponding Service Level Agreement ("SLA"), I can also maintain a constantly updated copy of the website at an alternative location to minimize downtime. Does Say Hello offer 24/7 support? As a sole proprietor, I can't offer 24/7 support. However, I'm agile and responsive. Specific requirements can be negotiated; the typical response time is four hours during office hours. Can Say Hello make my website faster? Yes! Depending on your requirements and the causes of the speed loss, I will conduct a technical analysis and make appropriate suggestions. In the simplest case, tools like a caching plugin can be used. I would be happy to provide a quote with the potential costs for expanding and improving the underlying technology. I have multiple websites. Can I use the multisite option? The short answer is yes. By managing multiple websites in a single installation, you benefit from shared technology, a streamlined update workflow, easier user management, and potentially reduced hosting costs. If your websites aren't currently in a multisite installation, we can negotiate a reduced one-time fee for the migration work. - Tags: English version - : pll_68f75a2e388c3 I program websites and web applications using PHP, HTML, JavaScript, and CSS, mostly using WordPress as a content and data management system. A WordPress theme (with the Block Editor since 2019 and the site editor since 2022) defines the layout of pages and posts, while plugins extend the functionality of the WordPress core. Instead of overloading every project with options and features, I avoid performance-killing page builders and plugins to focus on speed and performance – for visitors and also for the editorial experience. For common functions like complex forms, security monitoring, translations, or SEO, my projects specifically rely on a few professional plugins. However, most client projects benefit from customised development. By writing custom, modular code based on WordPress standards, I ensure high quality standards and long-term maintainability. If a website requires special interactive features—for example, for a web application or an interactive widget—I evaluate the requirements and usually opt for modern, pure JavaScript. For complex solutions, I typically use React, often in combination with REST APIs like the one provided by WordPress. Quality standards The foundation of the entire internet is high-quality, maintainable code. I make it a priority to ensure that every website and every project meets a professional level of quality, is based on common coding standards, and implements proven, modern best practices. Every project follows the official World Wide Web Consortium guidelines for HTML and CSS, and server-side code consistently adheres to standards such as PSR through the use of tools like PHPStan. WordPress offers a variety of approaches, which is one of its strengths. Website owners can install inexpensive, pre-built themes and plugins themselves, but often run the risk that their developers don't sufficiently consider quality and longevity. Therefore, it makes sense to base your online communication on a quality solution. AI or hand coding I have many years of experience implementing high-quality solutions, both as a collaborator and as a team leader. All projects are developed with clean, efficient, and maintainable code. Thanks to in-depth system and language knowledge and a precise attention to detail, projects often remain online for years without a constant need for technical reworking. Since 2022, I have been using tools like ChatGPT and Copilot for technical prototyping. They support the development process, but do not replace it. Through my experience and thanks to a critical eye, I quickly recognise the weak, inefficient code that AI models often generate and I ensure that clients receive a truly sustainable solution—not just "vibe coded" in the hope that it will work. I take my work for my clients seriously. Not only my own experience, but also recent studies show that the use of AI coding tools can actually slow down experienced developers. Even the manufacturer OpenAI states that errors (or "hallucinations") will inevitably remain part of automatic code generation. Given the rapid development in this field, it is important for me to always keep up with current coding practices. - Tags: English version - : pll_68f758b48d89f Website operators are responsible for respecting the privacy of their visitors in accordance with the law, including technical aspects. I help my clients understand the details and implement them in a legally compliant manner. Website visitors in Europe have the right to use websites without being tracked. Personal data may include information about who they are, where they are located, and what other websites they visit. Legal basis in Europe Nobody wants to be spied on while they go about their daily life. That's why we have the GDPR (General Data Protection Regulation) of the European Union and the Swiss Federal Data Protection Act (revDSG). All companies and online service providers are obliged to comply with these laws, and I support my clients in implementing the necessary technology on their websites. Advice for simpler solutions The topic is complex and can be tedious. I make it easier for my clients, by offering consultations to ensure the simplest and most legally compliant solution for their websites. The costs for a project-specific analysis and consultation start at just CHF 150. In brief, the following aspects must be considered by website operators: Cookies that are set by the website and are not strictly necessary for the proper functioning of the website («Legitimate Use»). Analytics tools that share visitor data with third parties, such as Google Analytics. Embedded content, files or fonts from third parties such as (but not limited to) Google Maps, YouTube or Facebook. If any of these points apply, a customer must offer visitors a suitable opportunity to refuse the corresponding functions. In the event of complex requirements, I recommend using Complianz: a WordPress plugin that provides various configuration options for a compliant cookie banner. Why do you need a cookie banner? To comply with legal privacy requirements, a website might need to implement a cookie banner that clearly informs visitors about their rights and allows them to make an informed decision about whether or not to consent to data collection. A cookie banner is especially important when visitor data is collected and sent to third parties like Google. A well-founded decision is mandatory Viele «Install-and-Forget»-Lösungen überfrachten die Nutzer mit komplizierten Informationen darüber, was mit ihren Daten geschehen könnte. Diese allgemeinen Lösungen müssen eine unüberschaubar grosse Zahl an Fällen abdecken und decken daher naturgemäss weit mehr ab, als für die meisten Websites überhaupt notwendig wäre. Clicking "Accept" on a confusing or incorrectly configured cookie banner often does not constitute informed consent. A legal expert will point out that the visitor was not sufficiently informed and their consent is therefore invalid. That's why I recommend a simpler solution for your WordPress website. With a consultation, we will quickly find the right solution for you. Your duty to your visitors Visitors from Switzerland (revDSG since 2023): Explicit consent for the collection of data and the use of analytics cookies is required where personal data is collected or transmitted to third parties (e. g. , Google) and tracking goes beyond what is technically necessary. Transparency and an opt-out must be guaranteed. Visitors from the EU (GDPR + ePrivacy): For all non-essential cookies and tracking tags (analytics, ads, etc. ) you need prior consent via a cookie banner (opt-in). Other international visitors: Visitors outside CH/EU are subject to local law, but the standard is usually the EU-compliant solution, as it is the strictest. Die Lösung ist zweigleisig und einfacher, als man denkt: Integriere eine deutlich einfachere Lösung in die Website, die die spezifischen Details darüber zusammenfasst, welche Daten auf deiner Website erhoben werden. So können die Nutzer schnell zustimmen oder ablehnen, was von ihnen verlangt wird. Eine Beratung und erste Implementierung steht allen Wartungskunden von Say Hello kostenlos zur Verfügung. Der überwiegende Teil der Einwilligungen betrifft Drittanbieter-Statistiktools wie Google Analytics. Diese geben Ihre Daten und die Daten Ihrer Besucher an Hunderte (wenn nicht Tausende) anderer Unternehmen weiter. Nutzen Sie hingegen ein Statistik-Tool, das die anonymisierten Daten ausschliesslich auf Ihrer eigenen Website speichert, ist ein Cookie-Banner in der Regel nicht erforderlich. Die Daten Ihrer Besucher können schnell in die Hände von Dritten gelangen Die Pflicht für einen Cookie-Banner auf der Website entsteht vor allem dann, wenn Cookies zu Marketingzwecken eingesetzt werden oder wenn Statistiken erhoben werden, die Informationen enthalten, welche auf einen bestimmten Nutzer zurückgeführt werden können. Drittanbieter-Tracking-Skripte wie Google Analytics oder Google Tag Manager ermöglichen es dem Website-Betreiber, Nutzer zu verfolgen und deren individuelles Verhalten zu identifizieren – das ist die oben erwähnte «Ausspionierung». Sobald Google diese Daten besitzt, kann das Unternehmen aufgrund seines Standorts in den USA damit tun, was es will. Es kann Ihre Besucher über alle von ihnen besuchten Websites hinweg verfolgen, deren Aktivitäten zusammenfassen und an Marketingpartner sowie an staatliche Stellen weitergeben. Wenn Sie dazu beitragen, ohne dass Ihre Website-Besucher dem zugestimmt haben, können Sie sich strafbar machen, was finanzielle Konsequenzen nach sich ziehen kann. Grundprinzipien einhalten und Dritttechnik beobachten Say Hello empfiehlt einen entsprechenden Einsatz von Complianz sowie eine regelmässige manuelle Kontrolle darüber, welche Dritttechnik auf der Website zum Einsatz kommt. (Diese regelmässige Kontrolle kann optional sorglos als Teil eines sorglosen Wartungsvertrags berücksichtigt werden. ) Sofern korrekt eingerichtet, hilft Ihnen eine solche Lösung dabei, die Wünsche der Besucher einzuhalten. Rechtskonforme alternative zu Google Analytics und Google Tag Manager Webseitenbetrieber in der Schweiz müssen die obengenannten Datenschutz- und Cookie-Regeln berücksichtigen. Man kommt ziemlich rasch in Quere, wenn eine Lösung mit einer Anbindung an Drittsysteme eingesetzt wird, so zum Beispiel Google Analytics oder Google Tag Manager. Beide dieser Lösungen schicken Daten in die USA, was das Leben des Webseitenbetreibers schwierig macht. Die USA haben kein «angemessenes Datenschutzniveau» nach DSGVO und Schweizer revDSG: US-Behörden können auf Daten zugreifen, ohne dass Betroffene wirksame Rechtsmittel haben. Daher ist die Übermittlung der Daten Ihrer Webseitenbesucher nur mit Einwilligung oder besonderen Garantien (z. B. EU-US Data Privacy Framework) erlaubt. Besucher aus der Schweiz (revDSG seit 2023): eine explizite Einwilligung für die Sammlung von Daten bzw. den Einsatz von Analytics-Cookies ist nötig, da Personendaten an Dritte (Google in die USA) übermittelt werden und Tracking über das technisch Notwendige hinausgehen kann. Transparenz und ein Opt-out müssen gewährleistet sein. Besucher aus dem EU (DSGVO + ePrivacy): Für alle nicht-essenziellen Cookies und Tracking-Tags (Analytics, Ads, etc. ) brauchst du eine vorherige Einwilligung per Cookie-Banner (Opt-in).... - Tags: English version - : pll_68f757d526f2e Say Hello designs, develops, and maintains fast, attractive, and accessible websites and web applications based on WordPress as a content management system. Using WordPress opens up virtually unlimited possibilities. In addition to a strong focus on this content management system since 2003, active collaboration with colleagues from the global community ensures that we always work according to leading industry standards and utilize the best possible solutions. What Say Hello offers KONZEPT DESIGN UND UX PROGRAMMIERUNG BARRIEREFREIHEIT INHALTSVERWALTUNG QUALITÄTSSICHERUNG WARTUNG SEO AGENTURBERATUNG - Tags: English version - : pll_68f7578164f49 A core competency is the transfer of corporate or personal branding into a functional, accessible and barrier-free web design. I've always had a keen eye for design and engaging interfaces—the original reason I started working on websites in 1996. By using the established, freely extensible content management system WordPress since 2003, I can cover both the creative and technical aspects of web projects. Examples The following previews show examples of concept work that Say Hello has created, both for clients and as freelance work. My core competency My core competency in web design is translating corporate or personal branding into a functional and accessible website. Through a detailed analysis of a brand's logo, visual identity, and typography, I understand its principles and translate them into a design that works across all devices and screen sizes. Instead of simply implementing a pre-built, widely used layout, I analyse the needs of my clients' website visitors and combine the visual aspects of the client's branding with optimal usability on all devices. If printed materials are available, these usually serve as a basis for the digital design and content concept. Modular design for a customer website based on their CI/CD Cooperation and consulting Many designers and agencies focus heavily on the graphic aspects of a website. Due to the breadth and complexity of their field, they often lack the time or experience to delve deeply into the device-specific or technical details of digital design. I support designers and agencies with my expertise, particularly in the areas of technical feasibility and usability. For projects with more complex design requirements, I like to refer my clients to collaborations with proven design and branding agencies so that additional experts can work with us to ensure the best possible results. Responsive Web Design Ethan Marcotte coined the term "responsive design" in 2010 to describe the benefits of flexible layouts that adapt to the screen size of the device being used. I immediately recognized the potential and developed my first responsive website in early 2011. Since then, I've devoted a lot of time to understanding the finer details of how different visitors use websites on different devices. The control that designers are familiar with from print and often desire for the web is ultimately a consequence of the limitations of the printed medium. We should consciously utilize the flexibility of the web and design accordingly. But first, we must "accept the comings and goings of things". Ethan Marcotte, 2010 It's not just about the visual appearance of the website on different screen sizes, but also about aspects such as the order of information, the proportions of elements, and even the different physical environments in which visitors use the site on different devices. https://wp. gallery/wp-json/wp/v2/website Wireframes The visualization of page layouts is also called a “wireframe” Once the website structure has been established, the first step is to define what content should be displayed and how the page layout works. Before delving into the graphic details, I create wireframes to illustrate the page structure. Based on these, I design the individual reusable content elements in line with the website's visual branding. Portfolio: Design Further examples of UX and design - Tags: English version - : pll_68f7564e3f8b6 Say Hello is an active contributor to the international and Swiss WordPress open source communities. WordPress is the most popular content management system in the world. What makes it great is its community. Switzerland has had an active WordPress community for many years: the first national event took place in 2014. Since then, activity has grown exponentially, both nationally and in exchange with colleagues from all over the world. Some members of the Swiss WordPress community at WordCamp Europe It's important to me to be part of the WordPress community—both in Switzerland and worldwide—because WordPress has been a collaborative project since its inception in 2003. Even before its founding, I helped troubleshoot the software on which WordPress is now based. This gives me more than 22 years of experience collaborating on open source solutions. Just as my career and the services I provide to my clients are built on collaborative work, it's equally important to me to continue sharing knowledge with anyone in the community who needs my help. I dedicate around 10% of my time to developing and maintaining open source plugins, translating third-party software, and providing feedback on existing and new features via GitHub. Screenshot of the first truly multilingual WordCamp website, which I created for WordCamp Switzerland in Murten in 2023 as part of my open source contributions to the WordPress community. WordCamp conferences and meetups Tech conferences offer a great opportunity to meet fellow WordPress community members in real life—especially the affordable WordCamps organized by the WordPress community itself. Over the past few years, I've been part of the organizing teams for several national events, built their WordCamp websites—including the first multilingual one in 2023—and have also been a speaker from Geneva to Zurich. By participating in national events and, most recently, the world's largest annual WordCamps (WordCamp Europe), I continue to cultivate collegial exchange with friends and colleagues from international specialist agencies. In smaller groups, I participate in regular WordPress meetups in Bern, Basel, and Zurich, where I occasionally speak. These connections are incredibly important because they provide me with a broad network to gain support and experience from some of the world's most experienced specialists in their field. Speaking at the WordPress Meetup in Basel WordPress Switzerland Slack Channel To provide developers, designers, and content creators with an online meeting place between meetups, we created a free Slack channel for WordPress Switzerland in 2016. Slack is a chat room where members can interact, share links, and meet new colleagues. To join the channel, first log in to the WordPress community website make. wordpress. org/chat/ and register your account. You'll automatically receive a free email address: username@chat. wordpress. org. You can then use this to register for the WordPress Switzerland channel at wpch. slack. com. Video from 2024 (in German) https://sayhello. ch/en/2024/11/discover-wordpress-communication-with-slack/ - Tags: English version - : pll_68f753c88b6ac It is essential that all visitors to your website can access the content without technical or user-related hurdles. Accessibility means that products, services, and information are designed so that everyone—regardless of disabilities—can use them without additional hurdles. This may sound challenging, but Say Hello helps you avoid common problems and comply with legal requirements. Costs Ensuring that accessibility is part of the initial concept for a project usually means that no additional costs will be necessary for work I carry out. Leaving accessibility to a later stage can often mean rebuilding and even redesigning parts of the website, which will add to the overall project budget. Don’t treat accessibility like trying to put chocolate chips into a cookie after it is baked. Marcy Sutton Todd Consulting for designers and agencies Good color contrast is one of the most important foundations for accessible websites and apps. When bright colors are placed on a light background, they can be difficult to see – for example, depending on the screen, if you have color vision deficiency, or if you have eye problems. We adhere to best practices in the conception and design of our projects. Say Hello also offers consulting services for designers and other agencies working on web projects. Who is affected? A website visitor with special needs doesn't necessarily have a clearly identifiable physical or mental disability. Perhaps the person has difficulty seeing certain colors or understanding complex visualizations. Perhaps their brain is sensitive to animations, or they might simply be trying to navigate a website with one hand—while holding a squirming baby or holding on to something on public transportation. Even simple things like wearing glasses or having to read content in a dark room can present challenges that web designers and programmers need to consider. Legal requirements The European Accessibility Act (EAA) has been mandatory in the member states of the European Union since 2025. Starting this year, websites and online shops that serve customers in the EU must meet accessibility requirements. For example, an online shop operated in Switzerland that also delivers to customers in the EU must also meet accessibility requirements. Measurement of this website WCAG 3. 0 Rating 4 – Meets or exceeds the APCA lookup table values. Further information The Advanced Perception of Color Algorithm (APCA) considers the context in which colors are used to determine their readability. Font size, font weight, and the order of background and text colors influence the recommended contrast value (LC) for text. APCA was included in earlier drafts of the WCAG 3. 0 guidelines for text contrast. The proposed ratings were based on the proximity of the calculated contrast value to the target value in the APCA lookup table. While the final role of APCA in WCAG 3. 0 is still unclear, the APCA Readability Criterion (ARC) is currently being developed as an independent standard for visual contrast. For more information, see the public ARC draft. Useful links WordPress Accessibility Knowledge Base (inofficial) IndigoTree Contrast Checker APCA: the new* algorithm for accessible colour contrast (*2022) How to identify accessibility charlatans Sich an offizielle Empfehlungen und technische Standards halten xxx https://www. digitala11y. com/wcag-checklist/ Besucherpräferenzen respektieren - Tags: English version - : pll_68f7537ad9689 The general terms and conditions of Say Hello GmbH. Minimum Requirements The following describes the minimum requirements necessary for the productive operation of a typical project. We are happy to advise and support you with any questions you may have before the project begins. Server Requirements Websites and web applications are typically developed for Linux-based web servers (Apache or Nginx). Other systems, especially IIS (Microsoft), may require additional costs. This also applies to outdated versions of the server configurations described below. PHP Version 8. 3 MySQL Version 8. 4 or MariaDB 11. 1 Available Storage Space: 10 GB* The server must also allow changes to . htaccess and PHP settings or php. ini, and must allow SSH access. *May vary depending on the scope of the project. WordPress Each project is optimized for the current WordPress version at the time of project initiation and is generally upward compatible. According to the warranty policy described below, no liability is assumed for errors in older and/or newer versions or third-party solutions used. Security / SSL To ensure modern security standards, every project must have a valid SSL certificate and be operating using the HTTPS protocol. The server must provide a corresponding certificate. We are happy to advise and support you with any questions you may have, even before the project begins. Deadlines Deadlines are set at the beginning of the project and are binding for both parties. This applies to the delivery of the project and individual sprints, as well as the delivery of files, texts, and images. A delay in an agreed deadline will inevitably lead to delays in all subsequent deadlines. Browser support / mobile compatibility The project's layouts and designs are generally responsive (adapted to screen sizes) and aligned with common breakpoints. Browser optimization is limited to web browsers used by at least 1% of users in Switzerland, according to the GlobalStats website. For mobile devices, the statistics for iOS and Android serve as the basis. Versions to be considered beyond these limits must be defined before work begins. Errors may occur with unsupported versions. Training / Handover / Project Completion The training—or, if no training is provided, the invoicing—is generally considered project completion. If necessary, the client may request documentation outlining the administration and maintenance of the project, enabling them to manage the project independently. Depending on the project, additional costs may be incurred for preparing detailed documentation. A maintenance contract can be agreed upon request. Even without a maintenance contract, support questions (excluding development, concept work, or editorial work) will be answered free of charge for up to one month after handover. Warranty Errors that occur in the versions of the server, WordPress, plugins, or themes in use at the time of project acceptance will be fixed free of charge within three months. However, we do not guarantee compatibility with future or outdated software versions—including, but not limited to, WordPress or the server. We also do not guarantee compatibility with issues caused by hosting environments, network problems (e. g. , DNS), or third-party solutions. The responsibility for resolving such issues generally lies with the respective provider. Late payment and deactivation If the customer defaults on payment of an invoice for development or programming services by more than 60 days after the due date, Say Hello is entitled, after prior written notice, to temporarily deactivate or permanently remove the technology provided as part of the implemented solution (including, but not limited to, software modules, interfaces, plugins, or similar components) until all outstanding amounts, including default interest and any collection costs, have been paid in full. This measure does not constitute termination of the contract and does not release the customer from the obligation to pay. Right of amendment Say Hello reserves the right to modify its Terms and Conditions at any time to ensure their relevance and accuracy for clients and projects, taking into account the needs and requirements of existing clients. - Tags: Deutsche Version - : pll_68f779f55547e Projekte von Say Hello sehen nicht nur gut aus und funktionieren einwandfrei – sie bieten auch die passende redaktionelle Umgebung, die optimal auf die Bedürfnisse der Website-Administratoren zugeschnitten ist. Einfache Datenverwaltung WordPress hat sich seit der ersten Version im Jahr 2003 stetig weiterentwickelt. In den frühen Versionen des Content-Management-Systems wurde Inhalt über einfache Textfelder, Checkboxen und Auswahlfelder verwaltet. Mit der Zeit entwickelte sich die redaktionelle Oberfläche weiter und erhielt neue Funktionen – etwa Inhaltsfelder, wie sie Nutzer:innen von Microsoft Word kennen, sowie die Möglichkeit, Inhalte zu kategorisieren und mit Schlagwörtern zu versehen, damit Webentwickler diese mithilfe statischer Templates mit vordefinierter Logik ausgeben konnten. Heutzutage bietet WordPress jedoch vielfältige Möglichkeiten – von dieser einfachen Bedienung bis hin zur visuellen Bearbeitung und Layoutverwaltung. Ausgabe in diversen Kanäle Daten aus WordPress in einer Smartphone-App Die vereinfachte Art der Inhaltsverwaltung mit Datenfelder ist für bestimmte Websites weiterhin hochrelevant – insbesondere dort, wo Daten und deren Ausgabe strikt getrennt bleiben sollen. Dieser Ansatz ermöglicht es, dieselben Daten für verschiedene Kanäle zu nutzen – nicht nur für eine einfache Website-Seite sondern auch über mehrere Websites, in RSS-Feeds oder sogar durch eine individuell entwickelte Smartphone-App. Ein Beispiel dafür ist die Enerjoy-App von einem Say-Hello-Kunden, die datenbasierte Inhalte aus ihrer WordPress-Installation bezieht. Visuelle Bearbeitung Der WordPress-Block-Editor wurde Ende 2018 veröffentlicht und ermöglicht es Nutzer:innen, ihre Inhalte in einer visuellen Oberfläche zu verwalten. Dieser Ansatz eignet sich besonders für Anwender:innen, die beim Bearbeiten ihrer Website direkt sehen möchten, wie ein Artikel oder eine Seite später aussieht. Mit dieser Technologie können Texte, Bilder und multimediale Inhalte direkt bearbeitet werden – ohne den Umweg über abstrakte Eingabefelder. Die Inhalte bestehen aus einzelnen Elementen («Blöcken»), die sich flexibel zu einfachen oder komplexen Layouts kombinieren lassen. Die unveränderte Kernversion von WordPress liefert Dutzende von Blöcken, und Say Hello erweitert seit 2019 in jedem Projekt das Spektrum durch individuell entwickelte Blöcke. Inhalt visuell bearbeiten mit den WordPress Block Editor Layouts im Block-Editor können auch mithilfe von Spalten- oder Rasterlayouts verwaltet werden. Seit der Einführung des Site-Editors im Jahr 2021 können Administrator:innen sogar Randbereiche wie gemeinsame Kopf- und Fussbereiche, Seitenvorlagen oder synchronisierte Inhaltsabschnitte verwalten, die auf der gesamten Website verwendet werden können. Eigenentwicklung und Drittlösungen Neben den standardmässigen Funktionen, die WordPress mit den beiden oben beschriebenen Ansätzen bietet, entwickelt Say Hello in nahezu jedem Projekt Erweiterungen der WordPress-Basis. Durch individuelle Steuerungen wie bildschirmgrössenabhängige Optimierungen oder zusätzliche Attribute für Standardblöcke sowie durch eigens entwickelte Blöcke und komplexe, vordefinierte Layouts für spezifische Kundenanforderungen sorge ich dafür, dass sowohl der redaktionelle Workflow als auch die resultierende Website-Ausgabe optimal gestaltet sind. Drittlösungen — Vorteile und Nachteile Der Fokus von Say Hello liegt auf Qualität, Zuverlässigkeit, Langlebigkeit und einem hochoptimierten Workflow für Content-Manager:innen. Dennoch kann es in bestimmten Fällen sinnvoll sein, ausgewählte, bewährte Drittanbieter-Plugins für spezifische Funktionen einzusetzen. Viele Schweizer Websites sind mehrsprachig, weshalb in den meisten unserer Projekte das Plugin Polylang Pro zum Einsatz kommt. Kontakt- und Bestellformulare unterschiedlicher Komplexität werden idealerweise mit Gravity Forms umgesetzt, das eine flexible Konfiguration von Formularen und Benachrichtigungen ermöglicht. Unsere Sicherheits- und Monitoring-Lösungen – insbesondere für Kund:innen mit Wartungsvertrag – basieren auf Solid Security Pro sowie einem externen, spezialisierten Überwachungssystem mit Backups auf Drittservern. Seitenbaukasten-Plugins Manche Websites, die WordPress verwenden, setzen auf sogenannte «Page Builder»-Plugins. Diese lizenzierten Lösungen werden in der Regel von Websitebesitzern gewählt, die ihre Website selbst erstellen und verwalten möchten, anstatt die Art von professioneller Unterstützung in Anspruch zu nehmen, die Say Hello bietet. Statt einer professionellen Umsetzung mit schlanken, effizienten Tools ist der «One-size-fits-all»-Ansatz eines kostenpflichtigen Page-Builder-Plugins für Nutzer meist deutlich umständlicher. Im Vergleich zum einfacheren, aber ebenso leistungsstarken kuratierten WordPress-Block-Editor erfordern Lösungen von Drittanbietern oft mehr Zeit für die Einrichtung und Wartung. Sie führen ausserdem häufig zu einem Verlust der Seitengeschwindigkeit und der SEO-Leistung. - Tags: Deutsche Version - : pll_68f7564e3f8b6 Say Hello ist ein aktiver Mitwirkender in den internationalen und Schweizer WordPress-Open-Source-Communities. WordPress ist das beliebteste Content-Management-System der Welt. Was es grossartig macht, ist seine Community. In der Schweiz gibt es seit vielen Jahren eine aktive WordPress-Community: der erste nationale Anlass fand 2014 statt. Seitdem hat die Aktivität exponentiell zugenommen, sowohl national als auch im Austausch mit Kolleginnen und Kollegen aus aller Welt. Einige Mitglieder der schweizerischen WordPress Community bei WordCamp Europe Es ist mir wichtig, Teil der WordPress-Community zu sein – sowohl in der Schweiz als auch weltweit –, denn WordPress ist seit seiner Entstehung 2003 ein Gemeinschaftsprojekt. Schon vor der eigentlichen Gründung half ich bei der Fehlersuche in der Software, auf der WordPress nun basiert. Ich verfüge dadurch über mehr als 22 Jahre Erfahrung in der Zusammenarbeit an Open-Source-Lösungen. Wie meine Karriere und die Leistungen für meine Kunden auf gemeinschaftlicher Arbeit aufbauen, ist es mir ebenso wichtig, weiterhin Wissen mit allen aus der Community zu teilen, die meine Hilfe benötigen. Rund 10 % meiner Arbeitszeit widme ich der Entwicklung und Pflege von Open-Source-Plugins, der Übersetzung von Drittanbieter-Software und dem Feedback zu bestehenden und neuen Funktionen über GitHub. Screenshot der ersten wirklich mehrsprachigen WordCamp-Website, die ich für den WordCamp in Murten im Jahr 2023 im Rahmen meiner Open-Source-Beiträge für die WordPress-Community erstellt habe. WordCamp-Konferenzen und Meetups Eine grossartige Möglichkeit, Kolleginnen und Kollegen aus der Community «im echten Leben» zu treffen, bieten Tech-Konferenzen – allen voran die kostengünstigen, von der WordPress-Community selbst organisierten WordCamps. In den letzten Jahren war ich Teil des Organisationsteams mehrerer nationaler Events, habe ihre WordCamp-Websites aufgebaut – darunter 2023 die erste mehrsprachige – und war zudem als Sprecher von Genf bis Zürich im Einsatz. Durch die Teilnahme an nationalen Events und zuletzt auch an den weltweit grössten jährlichen WordCamps (WordCamp Europe) pflege ich weiterhin den kollegialen Austausch mit Freund:innen und Fachkolleg:innen internationaler Spezialagenturen. Im kleineren Kreis nehme ich in Bern, Basel und Zürich an die regelmässigen WordPress Meetups teil, wo ich gelegentlich auch als Sprecher auftrete. Diese Verbindungen sind enorm wichtig, da sie mir ein breites Netzwerk bieten, um Unterstützung und Erfahrung von einigen der weltweit erfahrensten Spezialisten in ihrem Fachgebiet zu gewinnen. Als Sprecher am WordPress Meetup in Basel WordPress Switzerland Slack Channel Um Entwicker:innen, Designer und Content-Creators einen Online-Treffpunkt zwischen den Meetups zu bieten, haben wir 2016 einen kostenlosen Slack-Channel für WordPress Schweiz erstellt. Slack ist ein Chat-Room, in dem sich Mitglieder austauschen, Links teilen und neue Kolleginnen und Kollegen kennenlernen können. Um dem Kanal beizutreten, melde dich zuerst auf der WordPress-Community-Website make. wordpress. org/chat/ an und registriere dein Konto. Du erhältst automatisch eine kostenlose E-Mail-Adresse benutzername@chat. wordpress. org – damit kannst du dich anschliessend beim WordPress-Switzerland-Kanal unter wpch. slack. com registrieren. Videobeitrag aus 2024 zum Thema Slack https://sayhello. ch/2024/11/entdecke-die-wordpress-kommunikation-mit-slack/ - Tags: Deutsche Version - : pll_68f75a2e388c3 Ich programmiere Websites und Webanwendungen mit PHP, HTML, JavaScript und CSS, meist mit WordPress als Content- und Datenmanagement-System. Ein WordPress-Theme (mit dem Block-Editor seit 2019 und dem Site-Editor seit 2022) definiert das Layout der Seiten und Beiträge, während Plugins den Funktionsumfang des WordPress-Kerns erweitern. Statt jedes Projekt mit überladenen Optionen und Funktionen zu versehen, verzichte ich auf schwere, leistungsschwache Page-Builder und Plugins und setze auf Geschwindigkeit und Performance – für Besucher wie auch für das Redaktionserlebnis. Für gängige Funktionen wie komplexe Formulare, Sicherheitsüberwachung, Übersetzungen oder SEO setzen meine Projekte gezielt auf einige professionelle Plugins. Die meisten Kundenprojekte profitieren jedoch von massgeschneiderter Entwicklung. Durch eigens geschriebenen, modular aufgebauten Code auf Basis der Standards von WordPress stelle ich hohe Qualitätsstandards und langfristige Wartbarkeit sicher. Wenn eine Website spezielle interaktive Funktionen benötigt – etwa für eine Webanwendung oder ein interaktives Widget – bewerte ich die Anforderungen und setze meist auf modernes, pures JavaScript. Bei besonders komplexen Anwendungen verwende ich in der Regel React, oft in Kombination mit REST-APIs wie der von WordPress. Qualitätsstandards Das Fundament des gesamten Internets ist hochwertiger, wartbarer Code. Ich lege Wert darauf, dass jede Website und jedes Projekt professionellen Standards entspricht, auf gängigen Coding-Standards basiert und bewährte, moderne Best Practices umsetzt. Jedes Projekt folgt den offiziellen Richtlinien des World Wide Web Consortiums für HTML und CSS, und serverseitiger Code hält sich konsequent an Standards wie PSR durch einem Einsatz von Tools wie PHPStan. WordPress bietet verschiedene Herangehensweisen, was eine seiner Stärken ist. Website-Betreiber können günstige, vorgefertigte Themes und Plugins selbst installieren, laufen dabei aber oft Gefahr, dass deren Entwickler Qualität und Langlebigkeit nicht ausreichend berücksichtigen. Daher ist es sinnvoll, Ihre Online-Kommunikation auf eine Qualitätslösung zu stützen. KI oder Handcoding Say Hello verfügt über langjährige Erfahrung in der Umsetzung hochwertiger Lösungen. Alle Projekte werden mit sauberem, effizientem und wartbarem Code entwickelt und bleiben dank fundiertem System- und Sprachwissen sowie Liebe zum Detail oft jahrelang ohne ständige technische Überarbeitung online. Seit 2022 nutze ich Tools wie ChatGPT und Copilot für technisches Prototyping. Sie unterstützen den Entwicklungsprozess, ersetzen ihn jedoch nicht. Durch meine Erfahrung und mein kritisches Auge erkenne ich schnell den teils schwachen, ineffizienten Code, den KI-Modelle oft erzeugen, und sorge dafür, dass Kunden eine wirklich nachhaltige Lösung erhalten – nicht bloss «vibe coded» in der Hoffnung, dass sie funktioniert. Ich nehme meine Arbeit für meine Kunden ernst. Nicht nur meine eigene Erfahrung, sondern auch aktuelle Studien zeigen, dass der Einsatz von KI-Coding-Tools erfahrene Entwickler sogar ausbremsen kann. Selbst Hersteller OpenAI erklärt, dass Fehler (oder «Halluzinationen») unvermeidlich bleiben werden. Angesichts der schnellen Entwicklung in diesem Bereich ist es für mich wichtig, stets mit aktuellen Coding-Praktiken Schritt zu halten. - Tags: Deutsche Version - : pll_68f7578164f49 Eine Kernkompetenz ist die Übertragung von Unternehmens- oder Personal-Branding in ein funktionales, zugängliches und barrierefreies Webdesign. Ich hatte schon immer ein gutes Auge für Design und ansprechende Interfaces – der ursprüngliche Grund, warum ich 1996 mit der Arbeit an Websites begann. Durch den Einsatz des etablierten, frei erweiterbaren Content-Management-Systems WordPress seit 2003 kann ich sowohl die kreativen als auch die technischen Aspekte von Webprojekten abdecken. Gestaltungsarbeiten Die folgenden Vorschauen zeigen Beispiele für Konzeptarbeiten, die Say Hello sowohl für Kunden als auch als freie Arbeit durchgeführt hat. Meine Kernkompetenz Meine Kernkompetenz im Webdesign ist die Übertragung von Unternehmens- oder Personal-Branding in eine funktionale, zugängliche und barrierefreie Website. Durch die genaue Analyse von Logo, visueller Identität und Typografie einer Marke verstehe ich deren Prinzipien und übertrage sie auf ein Design, das auf allen Geräten und Bildschirmgrössen funktioniert. Anstatt nur ein vorgefertigtes, weit verbreitetes Layout zu verwenden, analysiere ich die Bedürfnisse der eigenen Website-Besucher und kombiniere die visuellen Aspekte des Brandings mit optimaler Nutzbarkeit auf allen Geräte. Falls Drucksachen vorliegen, können diese als grobe Grundlage für das digitale Design- und Inhaltskonzept dienen. Modulare Gestaltung für eine Kundenwebsite auf Basis ihres CI/CD Zusammenarbeit und Beratung Viele Designer und Agenturen konzentrieren sich stark auf die grafischen Aspekte einer Website. Aufgrund der Breite und Komplexität ihres Fachgebiets fehlt oft Zeit oder Erfahrung, um tief in die gerätespezifischen oder technischen Details digitaler Gestaltung einzutauchen. Mit meiner Expertise unterstütze ich Designer und Agenturen, insbesondere in den Bereichen technische Machbarkeit und Usability. Bei Projekten mit komplexeren Designanforderungen verweise ich meine Kunden gerne auf eine Zusammenarbeit mit bewährten Design- und Branding-Agenturen, damit weitere Expert:innen gemeinsam mit uns für bestmögliche Ergebnisse sorgen können. Responsive Web Design Ethan Marcotte prägte den Begriff «Responsive Design» im Jahr 2010, um die Vorteile von flexiblen Layouts zu beschreiben, die sich der Bildschirmgrösse des verwendeten Geräts anpassen. Ich erkannte das Potenzial sofort und entwickelte Anfang 2011 meine erste responsive Website. Seither widme ich viel Zeit dem Verständnis der feinen Details, wie unterschiedliche Besucher Websites auf verschiedenen Geräten nutzen. Die Kontrolle, die Gestalter aus dem Druck kennen und sich oft auch fürs Web wünschen, ist letztlich eine Folge der Begrenzungen des gedruckten Mediums. Wir sollten die Flexibilität des Webs bewusst nutzen und dafür gestalten. Doch zunächst müssen wir «das Kommen und Gehen der Dinge akzeptieren». Ethan Marcotte, 2010 Es geht nicht nur um das visuelle Erscheinungsbild der Website auf unterschiedlichen Bildschirmgrössen, sondern auch um Aspekte wie die Reihenfolge der Informationen, die Proportionen der Elemente und sogar die verschiedenen physischen Umgebungen, in denen Besucher die Seite auf unterschiedlichen Geräten nutzen. https://wp. gallery/wp-json/wp/v2/website Wireframes Die Visualisierung von Seitenlayouts wird auch als «Wireframe» genannt Nachdem die Struktur der Website festgelegt ist, wird zunächst definiert, welche Inhalte angezeigt werden sollen und wie das Seitenlayout funktioniert. Bevor ich in die grafischen Details einsteige, erstelle ich Wireframes, um den Aufbau der Seite darzustellen. Darauf basierend entwerfe ich die einzelnen wiederverwendbaren Inhaltselemente im Einklang mit dem visuellen Branding der Website. Arbeitsbeispiele: Design Page meta sht_date_range Weitere Arbeitsbeispiele in Sache UX und Design - Tags: Deutsche Version - : pll_68f758b48d89f Websitebetreiber sind dafür verantwortlich, die Privatsphäre ihrer Besucher gesetzeskonform zu respektieren, auch im technischen Bereich. Ich helfe meinen Kunden, die Details zu verstehen und rechtskonform umzusetzen. Website-Besucher in Europa haben das Recht, Webseiten zu nutzen, ohne dabei verfolgt zu werden. Zu den persönlichen Daten können Informationen darüber gehören, wer sie sind, wo sie sich befinden und welche anderen Websites sie besuchen. Rechtliche Grundlagen in Europa Niemand möchte ausspioniert werden, während er seinem Alltag nachgeht. Deshalb gibt es u. a. die DSGVO (Datenschutzgrundverordnung) der Europäischen Union sowie die schweizerische revDSG (Bundesgesetz über den Datenschutz). Alle Unternehmen und Online-Dienstleister müssen diese Gesetze einhalten, und ich unterstütze meine Kundinnen und Kunden dabei, die notwendige Technologie auf ihrer Website umzusetzen. Eine Beratung für einfachere Lösungen Das Thema ist komplex und kann mühsam sein. Ich möchte es für meine Kundinnen und Kunden einfacher machen. Deshalb biete ich ihnen eine Beratung an, damit wir die für ihren Websites einfachste und rechtskonformste Lösung sicherstellen können. Die Kosten für eine projektspezifische Analyse und Beratung starten bereits ab CHF 150. Kurz beschrieben gibt es folgende Aspekte, die Websitebetreiber berücksichtigen müssen: Cookies, die von der Website gesetzt werden und für die ordnungsgemässe Funktion der Website nicht unbedingt erforderlich sind («Berechtigte Nutzung»). Analysetools, die Besucherdaten an Dritte weitergeben, z. B. Google Analytics. Eingebettete Inhalte, Dateien oder Schriftarten von Drittanbietern wie (aber nicht beschränkt auf) Google Maps, YouTube oder Facebook. Trifft einer dieser Punkte auf die Website zu, muss ein Kunde seinen Besuchern eine geeignete Möglichkeit bieten, die entsprechenden Funktionen abzulehnen. Ich empfehle den Einsatz von Complianz, einem WordPress-Plugin, das diverse Konfigurationsmöglichkeiten für ein konformes Cookie-Banner bereitstellt. Wozu braucht es einen Cookie-Banner? Um die gesetzlichen Anforderungen zum Schutz der Privatsphäre zu erfüllen, muss eine Website möglicherweise einen Cookie-Banner implementieren, der die Besucher verständlich über ihre Rechte informiert und ihnen eine fundierte Entscheidung darüber ermöglicht, ob sie der Datenerhebung zustimmen oder nicht. Vor allem muss man mit einen Cookie-Banner rechnen, wenn Besucherdaten gesammelt und an Drittparteien wie Google gesendet werden. Eine fundierte Entscheidung ist Pflicht Viele «Install-and-Forget»-Lösungen überfrachten die Nutzer mit komplizierten Informationen darüber, was mit ihren Daten geschehen könnte. Diese allgemeinen Lösungen müssen eine unüberschaubar grosse Zahl an Fällen abdecken und decken daher naturgemäss weit mehr ab, als für die meisten Websites überhaupt notwendig wäre. In der Praxis bedeutet ein Klick auf «Akzeptieren» bei einem unübersichtlichen oder einem inkorrekt konfigurierten Cookie-Banner oft keine informierte Zustimmung. Ein Rechtsexperte würde daher darauf hinweisen, dass der Besucher nicht ausreichend informiert wurde und seine Zustimmung somit ungültig ist. Deshalb empfehle ich eine einfachere Lösung für Ihre WordPress-Website. Mit einer Beratung finden wir schnell die passende Lösung für Sie. Ihre Pflichte gegenüber Ihre Besucher Besucher aus der Schweiz (revDSG seit 2023): Eine explizite Einwilligung für die Sammlung von Daten und den Einsatz von Analytics-Cookies ist nötig, wo Personendaten gesammelt werden oder an Dritte (zum Beispiel Google) übermittelt werden und Tracking über das technisch Notwendige hinausgeht. Transparenz und ein Opt-out müssen gewährleistet sein. Besucher aus dem EU (DSGVO + ePrivacy): Für alle nicht-essenziellen Cookies und Tracking-Tags (Analytics, Ads, etc. ) brauchen Sie eine vorherige Einwilligung per Cookie-Banner (Opt-in). Sonstige internationale Besucher: Besucher ausserhalb CH/EU gelten nach lokalem Recht, aber Standard ist meist die EU-konforme Lösung, da sie am strengsten ist. Die Lösung ist zweigleisig und einfacher, als man denkt: Integriere eine deutlich einfachere Lösung in die Website, die die spezifischen Details darüber zusammenfasst, welche Daten auf deiner Website erhoben werden. So können die Nutzer schnell zustimmen oder ablehnen, was von ihnen verlangt wird. Eine Beratung und erste Implementierung steht allen Wartungskunden von Say Hello kostenlos zur Verfügung. Der überwiegende Teil der Einwilligungen betrifft Drittanbieter-Statistiktools wie Google Analytics. Diese geben Ihre Daten und die Daten Ihrer Besucher an Hunderte (wenn nicht Tausende) anderer Unternehmen weiter. Nutzen Sie hingegen ein Statistik-Tool, das die anonymisierten Daten ausschliesslich auf Ihrer eigenen Website speichert, ist ein Cookie-Banner in der Regel nicht erforderlich. Die Daten Ihrer Besucher können schnell in die Hände von Dritten gelangen Die Pflicht für einen Cookie-Banner auf der Website entsteht vor allem dann, wenn Cookies zu Marketingzwecken eingesetzt werden oder wenn Statistiken erhoben werden, die Informationen enthalten, welche auf einen bestimmten Nutzer zurückgeführt werden können. Drittanbieter-Tracking-Skripte wie Google Analytics oder Google Tag Manager ermöglichen es dem Website-Betreiber, Nutzer zu verfolgen und deren individuelles Verhalten zu identifizieren – das ist die oben erwähnte «Ausspionierung». Sobald Google diese Daten besitzt, kann das Unternehmen aufgrund seines Standorts in den USA damit tun, was es will. Es kann Ihre Besucher über alle von ihnen besuchten Websites hinweg verfolgen, deren Aktivitäten zusammenfassen und an Marketingpartner sowie an staatliche Stellen weitergeben. Wenn Sie dazu beitragen, ohne dass Ihre Website-Besucher dem zugestimmt haben, können Sie sich strafbar machen, was finanzielle Konsequenzen nach sich ziehen kann. Grundprinzipien einhalten und Dritttechnik beobachten Say Hello empfiehlt einen entsprechenden Einsatz von Complianz sowie eine regelmässige manuelle Kontrolle darüber, welche Dritttechnik auf der Website zum Einsatz kommt. (Diese regelmässige Kontrolle kann optional sorglos als Teil eines sorglosen Wartungsvertrags berücksichtigt werden. ) Sofern korrekt eingerichtet, hilft Ihnen eine solche Lösung dabei, die Wünsche der Besucher einzuhalten. Rechtskonforme alternative zu Google Analytics und Google Tag Manager Webseitenbetrieber in der Schweiz müssen die obengenannten Datenschutz- und Cookie-Regeln berücksichtigen. Man kommt ziemlich rasch in Quere, wenn eine Lösung mit einer Anbindung an Drittsysteme eingesetzt wird, so zum Beispiel Google Analytics oder Google Tag Manager. Beide dieser Lösungen schicken Daten in die USA, was das Leben des Webseitenbetreibers schwierig macht. Die USA haben kein «angemessenes Datenschutzniveau» nach DSGVO und Schweizer revDSG: US-Behörden können auf Daten zugreifen, ohne dass Betroffene wirksame Rechtsmittel haben. Daher ist die Übermittlung der Daten Ihrer Webseitenbesucher nur mit Einwilligung oder besonderen Garantien (z. B. EU-US Data Privacy Framework) erlaubt. Besucher aus der Schweiz (revDSG seit 2023): eine explizite Einwilligung für die Sammlung von Daten bzw. den Einsatz von Analytics-Cookies ist nötig, da Personendaten an Dritte (Google in die USA) übermittelt werden und Tracking über das technisch Notwendige hinausgehen kann. Transparenz und ein Opt-out müssen gewährleistet sein. Besucher aus dem EU (DSGVO + ePrivacy): Für alle nicht-essenziellen Cookies und Tracking-Tags (Analytics, Ads, etc. ) brauchst du eine vorherige Einwilligung per Cookie-Banner (Opt-in). Sonstige internationale Besucher: Besucher ausserhalb CH/EU gelten nach lokalem Recht, aber Standard ist meist die EU-konforme Lösung, da... - Tags: Deutsche Version - : pll_68f79897af337 Nehmen Sie Kontakt mit mir auf, damit ich Ihnen helfen kann. #GernePerDu Ihr Ansprechperson: Geschäftsführer Mark Howells-Mead Die Website enthält viele Informationen über meine Leidenschaft für Design, UX, Webentwicklung und Inhaltsverwaltung. Sollten Sie keine Antwort auf Ihre Frage finden, können Sie mich gerne über eine der folgenden Kontaktmöglichkeiten erreichen. Direkter Kontakt Sie erreichen mich via E-Mail unter mark@sayhello. ch oder zu Bürozeiten via Telefon oder WhatsApp unter +41 (0)78 715 51 34. Da ich viel auswärts arbeite, ist die ehemalige Büro-Festnetznummer nicht mehr in Betrieb. Bürozeiten Die Bürozeiten sind von 9 bis 18 Uhr, Montag bis Freitag. Eine ausserordentliche Erreichbarkeit biete ich meinen Kundinnen und Kunden im Rahmen einer Wartungsvereinbarung an. Soziale Medien Ich stehe in regelmässigem Kontakt mit Kolleginnen und Kollegen über soziale Medien: Sie finden mich auf Bluesky, Instagram und Facebook. Wenn Sie mich jedoch direkt kontaktieren möchten, erreichen Sie mich am besten per E-Mail oder Telefon. Remote-Working Da ich oft auswärts arbeite – im Homeoffice oder direkt bei Kunden – lohnt es sich, einen Besuchstermin im Voraus mit mir zu vereinbaren. Say Hello sorgt seit seiner Gründung für maximale Flexibilität bei Besprechungen, indem bei Bedarf Videocalls genutzt werden: bevorzugt über Google Meet, alternativ über Zoom oder Microsoft Teams. So bleibe ich für meine Kunden optimal und effizient überall erreichbar. Anfahrt Das Say-Hello-Büro befindet sich im Herzen von Spiez, im schönen schweizerischen Berner Oberland. Am besten kommen Sie mit öffentlichen Verkehrsmitteln vorbei; ansonsten gibt es einen kostenpflichtigen Parkplatz um die Ecke, neben der reformierten Kirche. Google Maps Postadresse Say Hello GmbHThunstrasse 43700 SpiezSchweiz - Tags: Deutsche Version - : pll_68f77b53d57bc Page meta sht_date_range Page meta sht_date_range - Tags: Deutsche Version - : pll_68f75cb805305 Moderne Technologie ermöglicht die Entwicklung von Webanwendungen, die sowohl auf Desktop- als auch auf Mobilgeräten direkt im Webbrowser ausgeführt werden. Mit dem Einsatz einer Webanwendung erfolgen Updates für den Anwender automatisch, so dass ihrerseits keine Zeit für die Instandhaltung des installierten Softwares verschwendet wird. Anstatt auf installierbare Drittanbieter-Software angewiesen zu sein, bleibt die neueste Software immer im Einsatz. Dank der Verfügbarkeit von Offline-Speicherung in Webbrowsern ist es auch möglich sicherzustellen, dass Daten erhalten bleiben, wenn ein Benutzer die Webanwendung verlässt oder der Computer neu gestartet wird. Kostengünstiger ohne App-Store Als Eigentümer:in der Website oder Webanwendung sparen Sie sich zudem den Aufwand und die Kosten, die mit der Entwicklung für mehrere Betriebssysteme und Geräte verbunden sind. Entwickeln und betreiben Sie gemeinsam mit Say Hello eine browserbasierte Lösung, entfallen auch die Kontrolle durch sowie die laufenden Gebühren von Drittanbietern wie Apple oder Google für App-Store-Bereitstellungen. Anbindungen an Drittsysteme Webanwendungen können eigenständig funktionieren oder auch Drittanbieterdienste wie einem Newsletter-Management-Tool, einem CRM oder sogar einer externen Shop-Lösung einschliessen.  Wir können Daten von Drittsystemen beziehen und diese im Einklang der Corporate Identity abbilden und automatisch aktualisieren. Arbeitsbeispiele: Webanwendungen Page meta sht_date_range Weitere Arbeitsbeispiele - Webanwendungen Arbeitsbeispiele: Schnittstellen Page meta sht_date_range Weitere Arbeitsbeispiele - Schnittstellen - Tags: Deutsche Version - : pll_68f777f5eeb0a Say Hello bietet eine sehr flexible Herangehensweise an Projektkalkulationen. Ich verstehe, dass viele Kunden nicht genau wissen, was sie wollen oder brauchen, wenn sie mich um ein Angebot bitten. Kunden möchten eine Vorstellung davon bekommen, wie viel ein Projekt voraussichtlich kosten wird, um entscheiden zu können, ob Say Hello der richtige Partner für ihr Vorhaben ist. Sei es für die Konzeption und für die Gestaltung, für die Umsetzung, oder für eine laufende Wartung der Website. Deshalb definieren wir gemeinsam den Umfang, um Ihr Budget zu berücksichtigen. Jeder mögliche Teil des Prozesses wird einzeln offeriert, sodass Sie einen transparenten Überblick über das gesamte Projekt erhalten. Mehr dazu... Genaue Offertestellung Je genauer die Definitionen am Anfang des Projektes, desto präziser ich die definitive Preise bereits zu Beginn des Projekts festlegen kann. Mein Ziel ist es, sicherzustellen, dass Sie das bestmögliche Ergebnis erhalten. Dafür tue ich mein Bestes, indem ich umfassende Projektunterstützung zu einem Preis biete, der Ihren Erwartungen entspricht. SEO-Optimierung Indem wir massgeschneiderte Websites erstellen, die genau den Anforderungen unserer Kunden entsprechen, können wir sicherstellen, dass der Code so schlank und modern wie möglich ist, dass das redaktionelle Erlebnis frei von unnötigen Komplikationen bleibt und dass die Website für Besucher blitzschnell reagiert. Der Inhalt der Website ist immer technisch für die Indizierung durch Suchmaschinen optimiert. Um den Zeitaufwand für die Entwicklung einer Website oder eines Webprojekts genau einschätzen zu können, ist es in der Regel notwendig, dass Sie oder eine Partneragentur im Voraus möglichst viele Informationen zum Umfang des Projekts bereitstellt. Es ist jedoch auch möglich, den Aufwand basierend auf gängigen Annahmen zu kalkulieren. Wir arbeiten modular, sodass der Aufwand für jeden Projektteil genau eingeschätzt werden kann. Ausserdem bieten wir gerne die Lieferung von Projekten in Modulen oder Sprints an, damit neue Funktionen keine Verzögerungen im Projektzeitplan verursachen müssen. A fixed price for a defined project scope Say Hello hat die Abrechnung auf Stundenbasis für neue Projekte bereits vor einiger Zeit abgeschafft. Obwohl diese Methode in der Branche lange Zeit üblich war, führte sie regelmässig zu Problemen für Kunden. Wir haben festgestellt, dass Projekte von anderen Agenturen trotz eines niedrigeren Stundenansatzes für den Seitenbetreiber oft teurer wurden, weil sie länger gedauert haben als erwartet. Based on time. Deshalb sind wir der Meinung, dass es wenig Sinn ergibt, auf Stundenbasis zu kalkulieren. Wir haben intensiv daran gearbeitet, unsere Herangehensweise zu ändern und die Kosten projekt- oder funktionsbasiert statt auf Basis Zeitberechnungen anzubieten. So profitieren unsere Kunden von fairen und realistischen Preisen und müssen keine Preisanpassungen während des Projekts befürchten. Durch den Verzicht auf zeitbasierte Abrechnung und die Möglichkeit, Wartungsangebote oder Jahrespauschalen zu vereinbaren, können wir unseren Stammkunden auch Rabatte anbieten. Say Hello profitiert von diesem Ansatz, weil wir dank unserer langjährigen Erfahrung den Gesamtaufwand eines Projekts genau einschätzen und einen Preis festlegen können, der dem Wert der Arbeit entspricht. Sollte ein Projekt etwas länger dauern als erwartet, erlaubt uns unser flexibler Ansatz, uns auf die Qualität der Arbeit zu konzentrieren, statt Abstriche machen zu müssen. Wenn sich der Projektumfang ändert, zum Beispiel durch eine zusätzliche Funktion oder eine umfangreichere Lösung, können wir flexibel reagieren und ein separates Angebot für die neuen Anforderungen erstellen. Bleibt der Umfang nach der Vereinbarung unverändert, bleibt der Preis gleich. Obwohl wir für neue Projekte keine rein zeitbasierten Kalkulationen mehr anbieten, waren unsere regulären Stundensätze früher etwa 20 % niedriger als bei vergleichbaren Webagenturen in der Schweiz. Unser effizienter Ansatz reduziert weiterhin den Verwaltungsaufwand, so dass 100 % des Budgets in produktive Arbeit fliessen können. Unser Projektansatz Bei der Zusammenarbeit mit anderen Agenturen und Freelancern bevorzugen wir es, wenn möglich bereits in der Konzeptphase eingebunden zu sein. Indem wir von Anfang an den Prozess begleiten, stellen wir sicher, dass die Website und ihr Verwaltungstool – sei es WordPress oder ein anderes System – optimal auf die Anforderungen des Projekts abgestimmt aufgebaut und konfiguriert werden.   Dadurch können alle Beteiligten effizienter arbeiten und ihr Fachwissen gezielt einbringen. Wir konzipieren Projekte so, dass alle technischen Möglichkeiten sinnvoll und optimiert bereitgestellt werden. Es wird sichergestellt, dass der Kunde genau die Tools erhält, die er für die Verwaltung seiner Online-Präsenz benötigt: Entweder einfache Bedienelemente, ohne sich mit einem Designsystem auseinandersetzen zu müssen, oder umfassende Kontrolle über jedes Detail von Erscheinungsbild, Funktionalität und Inhalt der Website. Projektarten Für unsere Projekte setzen wir vorwiegend auf WordPress, basierend auf mehr als zwanzig Jahren umfassender Erfahrung sowie engen Verbindungen zu Kolleginnen, Kollegen und Partneragenturen in der nationalen und internationalen Community. Zudem pflegen wir eine aktive Mitwirkung an der Weiterentwicklung dieser Open-Source-Software. Say Hello erstellt massgeschneiderte Websites und Weblösungen, die wir in Zusammenarbeit mit erfahrenen Designern und unseren Kunden entwickeln.   Eigenschaften HTML5: Eine saubere Struktur von HTML5-Elementen ermöglicht eine bestmögliche Interpretation durch Suchmaschinen (SEO), Screenreader und den Browser. Responsive: Unsere Themes sind für Besucher mit Desktop-, Mobil- und Tablet-Geräten optimiert. Barrierefreiheit: Durch einen sauberen HTML5-Syntax sind unsere Projekte auch für Nutzer mit körperlichen Einschränkungen bedienbar. Ab 2025 erfüllen die Projekte, die wir konzipieren, mindestens die Anforderungen des Europäischen Rechtsakts zur Barrierefreiheit. Performance: Wir legen grossen Wert auf optimale Ladezeiten und richten uns dabei nach den branchenüblichen Grundsätzen. Die meisten unserer Projekte fallen in die folgenden Bereiche. 1. Inhaltliches und technisches Konzept Wenn Sie noch kein Konzept für Ihre neue Website oder Webanwendung haben, unterstütze ich Sie mit langjähriger Erfahrung und bespreche mit Ihnen die Anforderungen Ihres Unternehmens und Ihrer Zielgruppe. Ich erstelle eine Konzeptdokumentation, die es jedem Entwickler, Designer, Marketing-Spezialisten oder Content-Ersteller erleichtert, die Ziele des Projekts zu verstehen. Für eine KMU-Website dreht sich die Konzeptarbeit meist darum, welche Informationen vermittelt werden sollen und wie wir diese so strukturieren, dass Besucher schnell finden, was sie suchen. Sie umfasst auch konkrete Hinweise, wie sich Fallstricke beim Ansprechen eines mehrsprachigen Publikums vermeiden lassen, und liefert eine kosteneffiziente Lösung für Hosting und eine technisch performante Website. Bei komplexeren Websites berücksichtigt die Konzeptarbeit zusätzlich spezielle Funktionen, zum Beispiel erweiterte Suchwerkzeuge, Mitgliederverwaltung und geschützte Inhalte oder spezifische browserbasierte Tools für Besucher mit Smartphone. Kosten: ab Fr. 600. – 1. 1 Barrierefreiheit Sicherzustellen, dass Barrierefreiheit von Anfang an in das Projektkonzept integriert wird, bedeutet in der Regel, dass keine zusätzlichen Kosten anfallen. Die Berücksichtigung der Barrierefreiheit erst zu einem späteren Zeitpunkt kann hingegen oft den Umbau und sogar die Neugestaltung von Teilen... - Tags: Deutsche Version - : pll_68f75c3b05d78 Es ist entscheidend, eine Website regelmässig instand zu halten. Technische Updates tragen dazu bei, ein kontinuierlich hohes Sicherheitsniveau anzustreben und hohe Leistungsstandards aufrechtzuerhalten. Ich mache Ihr Leben einfacher Veraltete Websites können Sicherheitsrisiken bergen, was Benutzerdaten gefährdet und das Vertrauen mindern kann. Zudem sorgen Updates oft für optimierte oder zusätzliche Funktionalität und verbessern die Kompatibilität mit modernen Technologien. Sie wollen sich auf Ihre Kerngeschäfte konzentrieren, ohne sich um die technischen Aspekte Ihrer Online-Präsenz kümmern zu müssen. Ich übernehme die Pflege und die regelmässige Sicherheitsprüfung Ihrer WordPress-Website und reagiere schnell auf verfügbare Softwareupdates, technische Anliegen oder gemeldete Probleme. Ich beurteile, wie diese Ihre Website beeinflussen könnten und führe Prüfungen vor und nach dem nötigen Vorgang durch. Zudem werden regelmässige Backups an einem zweiten Standort abgelegt, so dass die Website im Sonderfall wiederhergestellt werden kann. Redaktionelle Unterstützung für WordPress Falls Sie sich nicht mit der redaktionellen Verwaltung der Website befassen möchten, Ihre Inhalte aber dennoch stets optimal zur Geltung bringen wollen, übernehme ich gerne die redaktionelle Pflege Ihrer Website zu einem massgeschneiderten Preis. Ich erfasse und verwalte redaktionelle Webinhalte mit präzisem Auge seit 1996. Dank der modularen Natur des WordPress Block Editors stelle ich sicher, dass Ihre Inhalte nicht nur gut lesbar, sondern auch ansprechend gestaltet sind. Stundenpakete für Redaktionsarbeit biete ich bereits ab CHF 500 pro Jahr an. Mehr dazu Wir kümmern uns um alles – von Updates und Sicherheitsprüfungen bis hin zu Backups, Leistungsoptimierung und Verfügbarkeitsüberwachung. Wir sorgen dafür, dass Ihre Website gut geschützt, effizient und stets auf dem neuesten Stand der Webstandards bleibt. Und falls Sie eine erweiterte Unterstützung benötigen, bieten wir massgeschneiderte Service Level Agreements an, die unter anderem einen Schweizer Webhosting beinhalten können sowie redaktionelle und grafische Leistungen, regelmässige Analysen und pro-aktive Vorschläge für die Website. Wartungspakete für WordPress-Websites Meine Wartungsverträge für WordPress basieren auf folgenden Pakete. Gerne besprechen wir Ihre Anforderungen, so dass ich Sie eine abgestimmte Unterstützung anbieten kann. Die einzelnen Elemente der folgenden Listen lassen sich problemlos kombinieren, um ein Paket zusammenzustellen, das Ihren Anforderungen entspricht. Standard Betreuung einer einfachen Website ab CHF 75 / Monat Tägliche Sicherheitskopie auf einen zweiten Server. Täglicher Sicherheitsscan. Überwachung der Website (Erreichbarkeit). Regelmässige Updates von WordPress und der eingesetzten Plugins. Redaktionssupport und weitere Unterstützung werden monatlich oder quartalsweise nach Aufwand in Rechnung gestellt. Mindestvertragsdauer: 1 Jahr, danach jährlich kündbar. Erweitert Erweiterte Deckung und Tools ab CHF 125 / Monat Alle Leistungen aus «Standard». Überwachung der Website (Geschwindigkeit und Erreichbarkeit). Erweiterter Update-Prozess inklusive massgeschneiderter, automatisierter Prüfungen. Eine separate Entwicklungsumgebung zu Testzwecken. (Bei Bedarf. ) Erweiterte Statistiken (optional). Lizenzkosten für einige der von Say Hello eingesetzten Plugins. Supportleistungen bis zu 60 Minuten pro Monat inklusive. WordPress Multisite Mehrere Websites in einer Installation ab CHF 225 / Monat Alle Leistungen aus «Erweitert». Mehrere Websites mit einem zentralen Zugang verwalten. Umgesetzte Technik über mehrere Websites anwenden. Erweiterte Tools für die Redaktion. Erweiterte Sicherheits- und Zugangskontrollen. Einmalige Kosten können für die Integration einzelner Websites in die Installation anfallen. Die unterschiedliche technische Ausgestaltung der einzelnen Subsites spielt bei der Preisgestaltung eine Rolle. SLA Rundum sorglos ab CHF 500 / Monat Optionen nach Mass, zum Beispiel: Schweizer Webhosting. Identische Klone auf einem zweiten Server instandhalten. Redaktionelle Gestaltung und Inhalts~verwaltung. Grafische Gestaltung. Bild~bearbeitung. Proaktive Verbesserungs~vorschläge. Regelmässige SEO-Analyse. Massgeschneiderte Unterstützung. FAQ Haben Sie Fragen? Eventuell helfen Sie folgende Antworte. Ansonsten können Sie gerne Kontakt mit mir aufnehmen und Ihre bestimmte Frage stellen. Was ist First-Level-Support? Haben Sie eine Wartungsvereinbarung und benötigen Unterstützung für Ihre Website, können Sie gerne direkt Kontakt aufnehmen. Sollte Ihre Frage andere Themen als WordPress betreffen, können wir sie von einem Spezialisten beantworten lassen, zum Beispiel von der Hostingfirma oder dem E-Mail-Provider. So sind wir immer Ihr Ansprechpartner, egal, welche Anliegen Sie haben. Wie lange ist die Mindestlaufzeit eines Vertrags? Bei den Paketen «Standard», «Erweitert» und «Multisite» beträgt die Mindestlaufzeit in der Regel ein Jahr. Der Vertrag verlängert sich jeweils automatisch am Ende des Vertragsjahres. Wir sind flexibel und besprechen auf Wunsch auch andere Vertragsdauern. Was passiert, falls meine Website nicht erreichbar ist? Ich agiere schnell und löse das Problem in der Regel selbst. Liegt die Ursache bei einem Dritten, wie etwa einem Netzwerkprovider oder dem Hostinganbieter, nehme ich zeitnah Kontakt mit diesem auf. Falls nötig, kann ich eine Sicherheitskopie der Website wieder einspielen. Verfügen Sie über ein entsprechendes Service Level Agreement («SLA»), kann ich zudem eine ständig aktuelle Kopie der Website an einem alternativen Standort vorhalten, um Ausfallzeiten zu minimieren. Bietet Say Hello 24/7 Support an? Als Einzelunternehmer kann ich keinen 24/7-Support anbieten. Dennoch bin ich agil und reagiere schnell. Bestimmte Anforderungen können vereinbart werden; die übliche Antwortzeit beträgt 4 Stunden während der Bürozeiten. Kann Say Hello meine Website schneller machen? Ja! Abhängig von den Anforderungen und den Ursachen der Geschwindigkeitseinbussen führe ich eine technische Analyse durch und unterbreite entsprechende Vorschläge. Im einfachsten Fall können Tools wie ein Caching-Plugin eingesetzt werden. Gerne erstelle ich eine Offerte mit den möglichen Kosten für die Erweiterung und Verbesserung der zugrunde liegenden Technik. Ich habe mehrere Websites. Kann ich das Multisite-Angebot nutzen? Die kurze Antwort lautet: ja. Durch die Verwaltung mehrerer Websites in einer einzigen Installation profitieren Sie von gemeinsamer Technologie, einem optimierten Update-Workflow, einfacherem Benutzer-Management und potenziell reduzierten Hosting-Kosten. Wenn sich Ihre Websites derzeit nicht in einer Multisite-Installation befinden, können wir einen reduzierten einmaligen Preis für die Migrationsarbeit vereinbaren. - Tags: Deutsche Version - : pll_68f757d526f2e Say Hello konzipiert, entwickelt und wartet schnelle, attraktive und barrierefreie Websites und Webanwendungen auf Basis von WordPress als Content-Management-System. Durch den Einsatz von WordPress stehen nahezu unbegrenzte Möglichkeiten zur Verfügung. Neben einem starken Fokus auf dieses Content-Management-System seit 2003 stellt zudem eine aktive Zusammenarbeit mit Kolleginnen und Kollegen aus der weltweiten Community sicher, dass stets nach führenden Branchenstandards gearbeitet wird und die bestmöglichen Lösungen zum Einsatz kommen. Was Say Hello anbietet KONZEPT DESIGN UND UX PROGRAMMIERUNG BARRIEREFREIHEIT INHALTSVERWALTUNG QUALITÄTSSICHERUNG WARTUNG SEO AGENTURBERATUNG - Tags: Deutsche Version - : pll_68f753c88b6ac Es ist essentiell, dass alle Besucher Ihrer Website auf die bereitgestellten Inhalte zugreifen können – ohne technische oder nutzerbedingte Hürden. Barrierefreiheit bedeutet, dass Produkte, Dienstleistungen und Informationen so gestaltet sind, dass alle Menschen – unabhängig von Einschränkungen – sie ohne zusätzliche Hürden nutzen können. Das mag herausfordernd klingen, doch Say Hello hilft Ihnen dabei, gängige Probleme zu vermeiden und die gesetzlichen Anforderungen einzuhalten. Kosten Sicherzustellen, dass Barrierefreiheit von Anfang an in das Projektkonzept integriert wird, bedeutet in der Regel, dass keine zusätzlichen Kosten von Say Hello anfallen. Die Berücksichtigung der Barrierefreiheit erst zu einem späteren Zeitpunkt kann hingegen oft den Umbau und sogar die Neugestaltung von Teilen der Website erforderlich machen, was auf das Gesamtbudget des Projekts auswirken kann. Behandeln Sie Barrierefreiheit nicht so, als würden Sie Schokoladenstückchen in einen Keks einfügen wollen, nachdem dieser bereits gebacken ist. Marcy Sutton Todd Beratung für Designer und Agenturen Ein guter Farbkontrast gehört zu den wichtigsten Grundlagen für barrierefreie Websites und Apps. Wenn helle Farben auf einem hellen Hintergrund liegen, können sie schwer erkennbar sein – zum Beispiel je nach Bildschirm, bei einer Farbsehschwäche oder bei Augenproblemen. Bei der Konzeption und Gestaltung unserer Projekte achten wir auf bewährte Verfahren. Say Hello bietet ausserdem Beratungsleistungen für Designer und andere Agenturen an, die an Webprojekten arbeiten. Wer ist betroffen? Ein Besucher einer Website mit besonderen Bedürfnissen muss nicht zwingend eine klar erkennbare körperliche oder geistige Behinderung haben. Vielleicht hat die Person Schwierigkeiten, bestimmte Farben zu sehen oder komplexe Visualisierungen zu verstehen. Vielleicht reagiert das Gehirn empfindlich auf Animationen, oder die Person versucht schlicht, eine Website mit nur einer Hand zu bedienen – während sie ein zappelndes Baby hält oder sich in den öffentlichen Verkehrsmitteln festhält. Selbst so einfache Dinge wie eine Brille zu tragen oder Inhalte in einem dunklen Raum lesen zu müssen, können Herausforderungen darstellen, die Webdesigner und Programmierer berücksichtigen müssen. Gesetzliche Anforderungen Seit 2025 ist der European Accessibility Act (EAA) in den Mitgliedstaaten der Europäischen Union verbindlich in Kraft. Ab diesem Jahr müssen Websites und Online-Shops, die Kunden im EU-Raum bedienen, die Anforderungen an die Zugänglichkeit erfüllen. Zum Beispiel muss ein in der Schweiz betriebener Online-Shop, der auch an Personen in der EU liefert, die Anforderungen an die Barrierefreiheit ebenfalls erfüllen.   Abmessung dieser Website WCAG 3. 0 Bewertung 4 – erfüllt oder übertrifft die Werte der APCA Lookup-Tabelle. Weitere Information Der Advanced Perception of Color Algorithm (APCA) berücksichtigt den Kontext, in dem Farben verwendet werden, um deren Lesbarkeit zu bestimmen. Schriftgrösse, Schriftstärke sowie die Reihenfolge von Hintergrund- und Textfarben beeinflussen dabei den empfohlenen Kontrastwert (Lc) für Texte. APCA war in früheren Entwürfen der WCAG 3. 0-Richtlinien zum Textkontrast enthalten. Die vorgeschlagenen Bewertungen basierten auf der Nähe des berechneten Kontrastwerts zum Zielwert der APCA Lookup-Tabelle. Obwohl die endgültige Rolle von APCA in WCAG 3. 0 noch unklar ist, entwickelt sich das APCA Readability Criterion (ARC) derzeit als unabhängiger Standard für visuellen Kontrast. Weitere Informationen finden Sie im öffentlichen ARC-Entwurf. Hilfreiche Links WordPress Accessibility Knowledge Base (inoffiziell) IndigoTree Contrast Checker APCA: the new* algorithm for accessible colour contrast (*2022) How to identify accessibility charlatans Sich an offizielle Empfehlungen und technische Standards halten xxx https://www. digitala11y. com/wcag-checklist/ Besucherpräferenzen respektieren - Tags: Deutsche Version - : pll_68f7537ad9689 Die allgemeine Geschäftsbedingungen der Say Hello GmbH. Mindestanforderungen Im Folgenden werden die Mindestanforderungen beschrieben, die für den produktiven Betrieb eines typischen Projekts notwendig sind. Gerne beraten und unterstützen wir Sie bei offenen Fragen bereits vor Projektbeginn. Serveranforderungen In der Regel werden Webseiten und Webapplikationen für Linux-basierte Webserver (Apache oder Nginx) entwickelt. Andere Systeme, insbesondere IIS (Microsoft), können zu Mehraufwand führen. Dies gilt auch für veraltete Versionen der unten beschriebenen Serverkonfigurationen. PHP Version 8. 3 MySQL Version 8. 4 oder MariaDB 11. 1 Verfügbarer Speicherplatz 10 Gb* Zudem muss der Server Änderungen an . htaccess und PHP-Einstellungen bzw. php. ini zulassen sowie über einen SSH-Zugang verfügen. *kann je nach Umfang des Projekts abweichen. WordPress Jedes Projekt wird für die zum Zeitpunkt des Projektbeginns aktuelle WordPress-Version optimiert und ist in der Regel aufwärtskompatibel. Gemäss der weiter unten beschriebenen Garantiebestimmung wird für Fehler in älteren und/oder neueren Versionen sowie von eingesetzten Drittlösungen keine Haftung übernommen. Sicherheit / SSL Um zeitgemässe Sicherheitsstandards zu gewährleisten, muss jedes Projekt über ein gültiges SSL-Zertifikat verfügen und über das HTTPS-Protokoll betrieben werden. Der Server muss ein entsprechendes Zertifikat bereitstellen. Gerne beraten und unterstützen wir Sie bei offenen Fragen bereits vor Projektbeginn. Fristen Termine werden zu Beginn des Projekts festgelegt und sind für beide Parteien verbindlich. Dies betrifft sowohl die Abgabe des Projekts und einzelner Sprints1 als auch die Lieferung von Dateien, Texten und Bildern. Eine Verzögerung bei einem vereinbarten Termin führt zwangsläufig zu Verzögerungen aller nachfolgenden Termine. Browser-Support / Kompatibilität für Mobilgeräte Layouts und Designs des Projekts sind in der Regel «responsive» (an Bildschirmgrössen angepasst) und auf gängige Breakpoints ausgerichtet. Die Browseroptimierung beschränkt sich auf Webbrowser, die gemäss GlobalStats-Website von mindestens 1 % der Nutzer in der Schweiz verwendet werden. Für Mobilgeräte dienen die Statistiken für iOS und für Android als Grundlage. Versionen, die darüber hinaus berücksichtigt werden sollen, müssen vor Beginn der Arbeiten definiert werden. Bei nicht unterstützten Versionen können Fehler auftreten. Schulungen / Übergabe / Projektabschluss Die Schulung – oder, falls keine Schulung stattfindet, die Rechnungsstellung – gilt in der Regel als Projektabschluss. Die Kundin kann bei Bedarf eine Dokumentation verlangen, die die Verwaltung und Wartung des Projekts beschreibt und ihr die eigenständige Projektverwaltung ermöglicht. Je nach Projekt können für die Aufbereitung einer ausführlichen Dokumentation zusätzliche Kosten anfallen. Ein Wartungsvertrag kann auf Wunsch ausgearbeitet werden. Auch ohne Wartungsvertrag werden Supportfragen (ohne Entwicklung, Konzeptarbeit oder Redaktionsarbeit) bis 1 Monat nach der Übergabe kostenlos beantwortet. Garantie Fehler, die in den zum Zeitpunkt der Projektabnahme verwendeten Versionen des Servers, von WordPress, Plugins oder Themes auftreten, werden innerhalb von drei Monaten kostenlos behoben. Für die Kompatibilität mit zukünftigen oder veralteten Softwareversionen – einschliesslich, aber nicht beschränkt auf WordPress oder den Server – übernehmen wir jedoch keine Garantie. Ebenso nicht für Probleme, die durch Hosting-Umgebungen, Netzwerkprobleme (z. B. DNS) oder Drittlösungen verursacht werden. Die Verantwortung für die Behebung solcher Probleme liegt in der Regel beim jeweiligen Anbieter. Zahlungsverzug und Deaktivierung Gerät die Kundin oder der Kunde mit der Bezahlung einer Rechnung für Entwicklungs- oder Programmierleistungen mehr als 60 Tage nach Fälligkeit in Verzug, ist Say Hello berechtigt, die im Rahmen der umgesetzten Lösung bereitgestellte Technologie (einschliesslich, aber nicht beschränkt auf Software-Module, Schnittstellen, Plugins oder vergleichbare Komponenten) nach vorgängiger schriftlicher Mahnung vorübergehend zu deaktivieren oder dauerhaft zu entfernen, bis sämtliche ausstehenden Beträge samt Verzugszinsen und allfälligen Inkassokosten vollständig beglichen sind. Diese Massnahme gilt nicht als Vertragskündigung und entbindet die Kundin oder den Kunden nicht von der Zahlungspflicht. 2 Anpassungsrecht Say Hello behält sich das Recht vor, ihre AGB jederzeit zu ändern, um ihre Relevanz und Genauigkeit für Kundinnen und Kunden sowie Projekte sicherzustellen. Die Bedürfnisse und Anforderungen bestehender Kundschaft werden dabei berücksichtigt. Fussnotizen - Tags: Deutsche Version - : pll_68f7791706aa6 Say Hello ist nicht nur ein Partner für, sondern auch Anwender des, flexibelsten und am meisten angewendeten Website-Systems der Welt. Das Ziel jeder technischen Lösung zur Verwaltung von Webinhalten ist es, den Nutzerinnen und Nutzern die einfache Erstellung und Pflege ihrer Inhalte zu ermöglichen. WordPress hat sich als Open-Source-Lösung in über 23 Jahren kontinuierlicher Entwicklung und Optimierung dank seiner Erweiterbarkeit, Anpassungsfähigkeit und Benutzerfreundlichkeit stets als führende Plattform für Webprojekte etabliert. Meine berufliche Erfahrung mit WordPress reicht bis zur allerersten Version von 2003 zurück. Das ist eine grosse Menge an Erfahrung, von der Sie profitieren können. Sei es durch den Einsatz des Block Editors oder mit einer massgeschneiderten Redaktionsoberfläche: Jede Person, die eine professionell optimierte WordPress-Website betreut, profitiert von der umfassenden Erfahrung tausender Designerinnen, Designer und Entwicklerinnen, Entwickler aus aller Welt. Der WordPress Block Editor Visuell arbeiten im WordPress Block Editor Redaktionelle Freiheit Inhalte in WordPress können ohne zusätzliche Plugins oder Drittlösungen direkt von den Nutzer:innen visuell verwaltet werden. Seiten, Beiträge und eigene Inhaltstypen werden über eine Oberfläche gepflegt, die sofort zeigt, wie der fertige Inhalt auf der Website aussehen wird. Der Site Editor ermöglicht zudem die Verwaltung von Randinformationen wie Fusszeile, Navigation oder Seitenlayout durch Administratoren — und zwar ohne technische Eingriffe. Aus technischer Sicht werden die Inhalte effizient aufbereitet und gespeichert, was die Auslieferung der Seiten für die Besucher:innen spürbar beschleunigt. Zusammenarbeit für das Gemeinwohl Dank der Zusammenarbeit von Hunderten Entwickler:innen und Designer:innen weltweit werden die Funktionen des Block Editors kontinuierlich optimiert und weiterentwickelt. Ich trage aktiv zur internationalen Community bei – mit neuen Ideen und praktischem Usability-Feedback zu geplanten Änderungen, die täglich Millionen von Nutzer:innen betreffen. Meine kostenlos bereitgestellten Plugins werden auf mehr als 30’000 Websites eingesetzt. Ich warte sie im Rahmen von 10 % meiner Arbeitszeit, die ich für Beiträge an offene Softwareprojekte reserviere. Ein optimiertes Redaktionserlebnis Ich achte darauf, dass für jedes Projekt die passende Lösung gewählt wird. Ich versuche stets, möglichst wenige Plugins von Drittanbietern zu verwenden, um die Technologie hinter der Website schlank und schnell zu halten und laufende Lizenzgebühren möglichst zu vermeiden. Falls die komplexen Möglichkeiten in der Kernversion von WordPress einmal zu viel sind, passe ich die Redaktionsoberflächen und Inhaltselemente so an, dass die Redaktion nur die Werkzeuge erhält, die sie wirklich benötigt. Erweiterte Möglichkeiten für meine Kundschaft Kundinnen und Kunden von Say Hello profitieren von erweiterten Steuerungsmöglichkeiten und massgeschneiderten Inhaltskomponenten, die auf Basis der konkreten Anforderungen der jeweiligen Website konzipiert und integriert werden. Gemeinsam stellen wir sicher, dass die Website nicht nur attraktiv aussieht, sondern auch inhaltlich und technisch durchdacht aufgebaut und gepflegt bleibt: für ein optimales und barrierefreies redaktionelles und Besuchserlebnis. Der WordPress Site Editor Seitenvorlagen direkt in WordPress und ohne technische Kenntnisse verwalten Der WordPress Site Editor (oft Teil des Full Site Editing, FSE) ist eine moderne Benutzeroberfläche, mit der Sie Ihre gesamte Website – inklusive Header, Footer und Layouts – direkt im Dashboard mit Blöcken gestalten können. Er erfordert ein sogenanntes Block-Theme und ermöglicht Anpassungen an Farben, Schriftarten und Strukturen ohne Programmierkenntnisse. Alle Say-Hello-Webprojekte wurden seit der Veröffentlichung des Site Editors Ende 2021 mit dieser Technologie realisiert: Mit 5 Jahren Erfahrung sind die Umsetzungsvorgehen nun sehr effizient und bieten umfangreiche Optionen für Kundenprojekte. Entscheidungen statt Optionen Bei Kundenprojekten stelle ich sicher, dass die redaktionelle Oberfläche und die verfügbaren Optionen auf die individuellen Anforderungen der jeweiligen Kund:innen abgestimmt sind. Viele Kund:innen möchten nicht die Verantwortung dafür übernehmen, dass die Website stets den CI/CD-Vorgaben des Unternehmens entspricht. Deshalb nutze ich meine langjährige Erfahrung, um die grosse Auswahl an potenziell überfordernden Optionen gezielt einzuschränken. So kann die Redaktion sich auf die Inhalte ihrer Website konzentrieren, ohne sich bei jeder Änderung mit gestalterischen Aspekten auseinandersetzen zu müssen. Andere Kund:innen, die die vollständige Kontrolle über – und Verantwortung für – jeden einzelnen Aspekt des Erscheinungsbilds ihrer Website wünschen, erhalten die Werkzeuge und Schulungen, die sie benötigen, um die Website selbstständig zu verwalten. Die Kernfunktionen des Site Editors: Strukturelle Gestaltung: Bearbeiten von Seitenvorlagen (Templates) und Template-Parts (wie Kopf- und Fusszeilen) mittels Blöcken. Globale Stile (Global Styles): Zentrales Anpassen von Farben, Typografie und Abständen für die gesamte Website. Navigation: Visuelles Erstellen und Bearbeiten von Navigationsmenüs. Block-basierte Vorlagen: Nutzung von vorgefertigten Block-Patterns für schnelleres Design. Unterschiede zum Block Editor (Gutenberg): Der Block Editor wird zum Schreiben von Inhalten in einzelnen Beiträgen oder Seiten verwendet. Der Site Editor ist für das Design und die Struktur der ganzen Website zuständig. Das passende redaktionelle Erlebnis für Ihr Projekt Eine individuelle Datenverwaltungsoberfläche in WordPress für den Kunden Adro-Tech Obwohl der Block Editor für die meisten Kundinnen und Kunden das geeignetste Werkzeug ist, verfüge ich seit mehr als 25 Jahren über umfassende Erfahrung in der Entwicklung und Anpassung von Content-Management-Oberflächen, die auf individuelle Bedürfnisse zugeschnitten sind. Manche Kundinnen und Kunden möchten keine Verantwortung für die visuelle Gestaltung der Website übernehmen, andere wiederum verwalten komplexe Datensätze unabhängig vom Erscheinungsbild der Website oder von Ausgabekanälen wie RSS, REST oder eine Smartphone-App. Dafür eignet sich eine individuell entwickelte Oberfläche in WordPress oder sogar ein separates CRM- oder Datenverwaltungssystem. Bezug von Daten über Schnittstellen Dank der Erweiterbarkeit von WordPress ist es problemlos möglich, Rohdaten aus beliebigen Quellen mit den leistungsstarken visuellen Werkzeugen von WordPress zu kombinieren. Dank meiner langjährigen Erfahrung auch mit anderen Systemen sowie der soliden, standardisierten REST-API entwickle und betreue ich Lösungen, mit denen die in WordPress erstellten Daten nahtlos nach Drittsysteme fliessen. WordPress Multisite Einige Unternehmen müssen mehr als eine Website verwalten, wobei jede einzelne ein anderes Redaktionsteam unterstützt und ein spezifisches Thema, Geschäftsbereich oder Produktsortiment abdeckt. Durch den gemeinsamen Aufbau der Websites nach einem kohärenten Konzept stellt Say Hello sicher, dass die verwendete Technologie optimal innerhalb einer einzigen WordPress-Administrationsoberfläche verwaltet oder wiederverwendet werden kann. Dieses Vorgehen nennt sich «WordPress Multisite» und bietet sowohl den Kundinnen und Kunden als auch den Website-Betreuenden eine effizientere, besser verwaltbare und kostensparendere Umgebung, als wenn separate Installationen auf unterschiedlichen Servern betrieben würden. Blogbeiträge zum Thema WordPress Weitere Beiträge - Tags: Deutsche Version - : pll_68f7b72b5e020 Ansässig in den Berner Alpen im Herzen der Schweiz, Say Hello ist eine kleine Webagentur mit langjähriger Erfahrung im Bau von Websites, Web-Apps und Schnittstellen. Wo begegnen sich Kunden und Firmen zum ersten Mal? Oft auf der Firmenwebseite. Die Startseite ist sozusagen die Reception und das Design steht stellvertretend für ein freundliches Gesicht. Man grüsst sich digital.  Deshalb heisst die Agentur Say Hello. Ich — Einzelunternehmer Mark Howells-Mead — bin am meisten für meine Arbeit mit WordPress bekannt, da dies alles ermöglicht, was ich gerne mache: schnelle, funktionale, schöne und zugängliche Websites gestalten und entwickeln.  Meine Projekte setzen auf sauberen, zukunftssicheren Code und einen modularen Ansatz, bei dem Leistung, Benutzerfreundlichkeit und Wartbarkeit die Struktur bestimmen. Ihre Ansprechperson Ich arbeite 30 Jahre lang im Web. Mitentwickler eines Redaktionssystems für eine medienübergreifende Zeitung, Entwicklungsleiter und Spezialist für Content-Management und Responsive Design bei klassischen, crossmedialen und internationalen Agenturen – das sind nur einige der Erfahrungen, die ich für meine Kundinnen und Kunden bereitstelle. Kontakt aufnehmen Projekte werden vorwiegend mit WordPress umgesetzt aufgrund seiner Erweiterbarkeit, seinem Fokus auf stetige Weiterentwicklung sowie seiner grossartigen weltweiten Community. Wie in der Schweiz üblich, darf ein mehrsprachiger Ansatz bei den meisten Projekten über viele Jahre hinweg selbstverständlich nicht fehlen. Jedes von mir umgesetzte Projekt erhält grösste Aufmerksamkeit und Sorgfalt bis ins Detail. Effizient und pragmatisch Als Einzelunternehmer verzichte ich ganz bewusst auf unnötigen administrativen Overhead und konzentriere mich darauf, effizient und flexibel mit Kund:innen und Partneragenturen an spannenden Projekten zu arbeiten. Der direkte Kontakt mit mir von Anfang an ermöglicht aussergewöhnlich schnelle Rückmeldungen und eine klare Kommunikation – ohne die Komplexität, die in grossen Teams oder durch Projektmanager:innen ohne technisches Verständnis entstehen kann. Dank einer langjährigen Karriere und eines aktiven Engagements in den Schweizer und internationalen WordPress- und Entwickler-Communities kann ich bei Bedarf auf Kontakt mit vertrauenswürdigen Kolleginnen und Kollegen mit umfassender Erfahrung in allen Bereichen des Webs zurückgreifen – ob bei technischen Themen oder in Bereichen wie Design, Branding, SEO, Content-Erstellung oder Marketing. So lässt sich bei Bedarf ein hochqualifiziertes Team zusammenstellen, das die Anforderungen des Projekts exakt erfüllt. Projektkosten passend zu Ihrem Budget Mehr dazu Ich bringe umfassendes Know-how mit – von einfachen Blogs bis hin zu mehrsprachigen Multisite-Installationen für namhafte Kund:innen. Da ich seit Beginn meiner Karriere mit CMS-basierten Websites und modernster Technologie arbeite, kann ich sicherstellen, dass jede Lösung genau auf die jeweiligen Anforderungen abgestimmt ist. Mit einem geschulten Blick für Design und Benutzererlebnis achte ich zudem darauf, dass meine Kund:innen nicht mit unnötigem Fachjargon konfrontiert werden – stattdessen sprechen wir über das Projekt auf Augenhöhe. Meine Kund:innen profitieren von meiner strukturierten und effizienten Arbeitsweise. Gemeinsam sorgen wir dafür, dass Budgets sinnvoll eingesetzt werden – statt in Verwaltungsaufwand zu verlieren. Webauftritte auf den Leib geschneidert Jedes Unternehmen ist einzigartig. Bereits zu Beginn des Projekts verknüpfe ich Ihre Visionen mit den Bedürfnissen Ihrer Nutzerinnen und Nutzer. So entstehen individuelle Websites, die in Funktionalität, Design und Benutzerfreundlichkeit optimal auf Ihr Unternehmen und die Anforderungen Ihrer Kundschaft abgestimmt sind. Mehr information zu meinen Websites Massgeschneiderte Webanwendungen Eine Webapp könnte Ihre Geschäftsprozesse vereinfachen, Zeit einsparen, die Kundenbeziehung vertiefen oder gar neue Kundensegmente erschliessen. Wo immer sinnvoll binde ich Ihre Geschäftsprozesse nahtlos in Ihren Webauftritt ein und stelle so sicher, dass die Website den virtuellen Dialog mit Ihrer Firma auf das nächste Level bringt. Die Vorteile von Webanwendungen Mehr als nur Arbeit Knowhow weitergeben Websites sind nicht nur Teil des täglichen Einerleis. Ich bin leidenschaftlich bei der Arbeit und teile gerne mein Wissen und meine Fähigkeiten mit Kund:innen sowie Kolleg:innen aus der WordPress Community. Mehr dazu Neuste Arbeitsbeispiele Page meta sht_date_range Übersicht aller Arbeitsbeispiele - Tags: English version - : pll_68f27013c4c8d Say Hello is built on 30 years of professional experience in concept and development, with a focus on online content management using WordPress. Your contact, Mark Howells-Mead, is a developer, designer, and photographer who has lived in Switzerland for 25 years and speaks fluent German and Bernese German. He works with clients and partners in Switzerland and abroad to create tailored, often complex, multilingual websites and web applications for organisations that need performance, longevity and measurable results. Selected work Efficient and streamlined While many developers work on projects simply to make a living and agencies sometimes get bogged down in administrative or communication challenges, I strive to complete every task as efficiently as possible. I also dislike leaving issues unresolved, so I make sure to respond quickly to every enquiry. I deliberately avoid excessive administrative overhead and instead work flexibly on great projects — drawing on extensive expertise ranging from simple blogs to multilingual multisite installations for well-known clients. View portfolio Latest blog posts All blog posts - Tags: Deutsche Version - : pll_68f77ca91f4c5 Mehr als Sie je wissen wollten. Im folgenden Text bezieht sich der Begriff «wir» auf die Firma Say Hello GmbH, die sich im alleinigen Besitz von Mark Howells-Mead befindet. Quicklinks: Erklärung zu Cookies / Impressum Unser Beratungsangebot Haben Sie eine eigene Website und benötigen Informationen sowie Unterstützung bei der Einhaltung der Schweizer und europäischen Datenschutzgesetze? Entdecken Sie, was Say Hello in diesem komplexen Bereich des Website-Betriebs für Sie anbietet. Unser Beratungsangebot für Cookie-Banner und Datenschutz Die eigene Datenschutzerklärung Mit dieser Datenschutzerklärung informieren wir, welche Personendaten wir im Zusammenhang mit unseren Aktivitäten und Tätigkeiten einschliesslich unserer sayhello. ch-Website bearbeiten. Wir informieren insbesondere, wofür, wie und wo wir welche Personendaten bearbeiten. Wir informieren ausserdem über die Rechte von Personen, deren Daten wir bearbeiten. Für einzelne oder zusätzliche Aktivitäten und Tätigkeiten können weitere Datenschutzerklärungen sowie sonstige rechtliche Dokumente wie Allgemeine Geschäftsbedingungen (AGB), Nutzungsbedingungen oder Teilnahmebedingungen gelten. 1. Kontaktadressen Verantwortung für die Bearbeitung von Personendaten: Say Hello GmbHMark Howells-MeadThunstrasse 43700 SpiezSchweiz hello@sayhello. ch Wir weisen darauf hin, wenn es im Einzelfall andere Verantwortliche für die Bearbeitung von Personendaten gibt. 2. Begriffe und Rechtsgrundlagen 2. 1 Begriffe Personendaten sind alle Angaben, die sich auf eine bestimmte oder bestimmbare natürliche Person beziehen. Eine betroffene Person ist eine Person, über die wir Personendaten bearbeiten. Bearbeiten umfasst jeden Umgang mit Personendaten, unabhängig von den angewandten Mitteln und Verfahren, beispielsweise das Abfragen, Abgleichen, Anpassen, Archivieren, Aufbewahren, Auslesen, Bekanntgeben, Beschaffen, Erfassen, Erheben, Löschen, Offenlegen, Ordnen, Organisieren, Speichern, Verändern, Verbreiten, Verknüpfen, Vernichten und Verwenden von Personendaten. 2. 2 Rechtsgrundlagen Wir bearbeiten Personendaten im Einklang mit dem schweizerischen Datenschutzrecht wie insbesondere dem Bundesgesetz über den Datenschutz (Datenschutzgesetz, DSG) und der Verordnung über den Datenschutz (Datenschutzverordnung, DSV). 3. Art, Umfang und Zweck Wir bearbeiten jene Personendaten, die erforderlich sind, um unsere Aktivitäten und Tätigkeiten dauerhaft, nutzerfreundlich, sicher und zuverlässig ausüben zu können. Solche Personendaten können insbesondere in die Kategorien von Bestandes- und Kontaktdaten, Browser- und Gerätedaten, Inhaltsdaten, Meta- bzw. Randdaten und Nutzungsdaten, Standortdaten, Verkaufsdaten sowie Vertrags- und Zahlungsdaten fallen. Wir bearbeiten Personendaten während jener Dauer, die für den jeweiligen Zweck bzw. die jeweiligen Zwecke oder gesetzlich erforderlich ist. Personendaten, deren Bearbeitung nicht mehr erforderlich ist, werden anonymisiert oder gelöscht. Wir können Personendaten durch Dritte bearbeiten lassen. Wir können Personendaten gemeinsam mit Dritten bearbeiten oder an Dritte übermitteln. Bei solchen Dritten handelt es sich insbesondere um spezialisierte Anbieter, deren Leistungen wir in Anspruch nehmen. Wir gewährleisten auch bei solchen Dritten den Datenschutz. Wir bearbeiten Personendaten grundsätzlich nur mit Einwilligung der betroffenen Personen. Sofern und soweit die Bearbeitung aus anderen rechtlichen Gründen zulässig ist, können wir darauf verzichten, eine Einwilligung einzuholen. Wir können Personendaten beispielsweise ohne Einwilligung bearbeiten, um einen Vertrag zu erfüllen, um rechtlichen Verpflichtungen nachzukommen oder um überwiegende Interessen zu wahren. Wir bearbeiten ausserdem Personendaten, die wir von Dritten erhalten, aus öffentlich zugänglichen Quellen beschaffen oder bei der Ausübung unserer Aktivitäten und Tätigkeiten erheben, sofern und soweit eine solche Bearbeitung aus rechtlichen Gründen zulässig ist. 4. Kommunikation Wir bearbeiten Daten, um mit Dritten kommunizieren zu können. Wir bearbeiten in diesem Rahmen insbesondere Daten, die eine betroffene Person bei der Kontaktaufnahme übermittelt, zum Beispiel per Briefpost oder E-Mail. Wir können solche Daten in einem Adressbuch oder mit vergleichbaren Hilfsmitteln speichern. Dritte, die Daten über andere Personen übermitteln, sind verpflichtet, den Datenschutz gegenüber solchen betroffenen Personen zu gewährleisten. Dafür muss unter anderem die Richtigkeit der übermittelten Personendaten sichergestellt werden. 5. Datensicherheit Wir treffen geeignete technische und organisatorische Massnahmen, um eine dem jeweiligen Risiko angemessene Datensicherheit zu gewährleisten. Mit unseren Massnahmen gewährleisten wir insbesondere die Vertraulichkeit, Verfügbarkeit, Nachvollziehbarkeit und Integrität der bearbeiteten Personendaten, ohne aber absolute Datensicherheit gewährleisten zu können. Der Zugriff auf unsere Website und unsere sonstige Online-Präsenz erfolgt mittels Transportverschlüsselung (SSL / TLS, insbesondere mit dem Hypertext Transfer Protocol Secure, abgekürzt HTTPS). Die meisten Browser kennzeichnen Transportverschlüsselung mit einem kleinen Vorhängeschloss in der Adressleiste. Unsere digitale Kommunikation unterliegt – wie grundsätzlich jede digitale Kommunikation – der Massenüberwachung ohne Anlass und Verdacht durch Sicherheitsbehörden in der Schweiz, im übrigen Europa, in den Vereinigten Staaten von Amerika (USA) und in anderen Ländern. Wir können keinen direkten Einfluss auf die entsprechende Bearbeitung von Personendaten durch Geheimdienste, Polizeistellen und andere Sicherheitsbehörden nehmen. Wir können auch nicht ausschliessen, dass einzelne betroffene Personen gezielt überwacht werden. 6. Personendaten im Ausland Wir bearbeiten Personendaten grundsätzlich in der Schweiz. Wir können Personendaten aber auch in andere Staaten bekanntgeben bzw. exportieren, insbesondere um sie dort zu bearbeiten oder bearbeiten zu lassen. Wir können Personendaten in alle Staaten und Territorien auf der Erde sowie anderswo im Universum bekanntgeben, sofern das dortige Recht gemäss Beschluss des Schweizerischen Bundesrates einen angemessenen Datenschutz gewährleistet. Wir können Personendaten in Staaten, deren Recht keinen angemessenen Datenschutz gewährleistet, bekanntgeben, sofern aus anderen Gründen ein geeigneter Datenschutz gewährleistet ist. Ein geeigneter Datenschutz kann beispielsweise durch entsprechende vertragliche Vereinbarungen, auf Grundlage von Standard­datenschutzklauseln oder mit anderen geeigneten Garantien gewährleistet sein. Ausnahmsweise können wir Personendaten in Staaten ohne angemessenen oder geeigneten Datenschutz exportieren, wenn dafür die besonderen datenschutz­rechtlichen Voraussetzungen erfüllt sind, beispielsweise die ausdrückliche Einwilligung der betroffenen Personen oder ein unmittelbarer Zusammenhang mit dem Abschluss oder der Abwicklung eines Vertrages. Wir geben betroffenen Personen auf Nachfrage gerne Auskunft über allfällige Garantien oder liefern eine Kopie von Garantien. 7. Rechte von betroffenen Personen 7. 1 Datenschutzrechtliche Ansprüche Wir gewähren betroffenen Personen sämtliche Ansprüche gemäss dem anwendbaren Datenschutzrecht. Betroffene Personen verfügen insbesondere über folgende Rechte: Auskunft: Betroffene Personen können Auskunft verlangen, ob wir Personendaten über sie bearbeiten, und falls ja, um welche Personendaten es sich handelt. Betroffene Personen erhalten ferner jene Informationen, die erforderlich sind, um ihre datenschutzrechtlichen Ansprüche geltend zu machen und Transparenz zu gewährleisten. Dazu zählen die bearbeiteten Personendaten als solche, aber unter anderem auch Angaben zum Bearbeitungszweck, zur Dauer der Aufbewahrung, zu einer allfälligen Bekanntgabe bzw. einem allfälligen Export von Daten in andere Staaten und zur Herkunft der Personendaten. Berichtigung und Einschränkung: Betroffene Personen können unrichtige Personendaten berichtigen, unvollständige Daten vervollständigen und die Bearbeitung ihrer Daten einschränken lassen. Löschung und Widerspruch: Betroffene Personen können Personendaten löschen lassen («Recht auf Vergessen») und der Bearbeitung ihrer Daten mit Wirkung für die Zukunft widersprechen. Datenherausgabe und Datenübertragung: Betroffene Personen können die Herausgabe von Personendaten oder... - Tags: Deutsche Version - : pll_68f27013c4c8d Say Hello basiert auf 30 Jahre Berufserfahrung in Konzeption und Entwicklung, mit einem Fokus auf Online-Content-Management mit WordPress. Ihr Ansprechpartner Mark Howells-Mead ist Entwickler, Designer und Fotograf, lebt seit 25 Jahre in der Schweiz und spricht fliessend Deutsch und Berndeutsch. Er arbeitet mit Kundinnen, Kunden und Geschäftspartner in der Schweiz und im Ausland zusammen, um massgeschneiderte, teilweise komplexe mehrsprachige Websites und Webapplikationen zu realisieren, die auf Performance, Langlebigkeit und messbare Ergebnisse ausgelegt sind. Ausgewählte Arbeit Effizient und sparsam Während viele Entwickler:innen nur Projekte für ihren Lebensunterhalt umsetzen und Agenturen sich manchmal in administrativen und kommunikativen Schwierigkeiten verlieren, bin ich bestrebt, jede Arbeit so effizient wie möglich zu erledigen. Ich mag es auch nicht, wenn Aufgaben lange ungelöst bleiben, und sorge deshalb dafür, dass ich auf jede Anforderung schnell reagiere. Ich verzichte ganz bewusst auf einen grossen administrativen Overhead und arbeite stattdessen flexibel an grossartigen Projekten. Dabei steht umfassendes Know-how zur Verfügung – von einfachen Blogs bis hin zu mehrsprachigen Multisite-Installationen für namhafte Kunden. Arbeitsbeispiele anschauen Neuste Blogbeiträge Weitere Blogbeiträge ## Beiträge - Kategorien: Programmierung - Schlagwörter: KI - Tags: Deutsche Version - : pll_6a9ea0b0b7c67 KI-Tools können das Webdesign und die Arbeit an Inhalten beschleunigen, ersetzen aber weder strategisches Urteilsvermögen noch das Verständnis für Auftraggeber und Kunden oder die langfristige Verantwortung. Die Qualität hängt nach wie vor davon ab, dass erfahrene Leute die richtige Lösung entwickeln. Ein Kollege hat kürzlich über die Unsicherheit geschrieben, mit der Agenturen wie Say Hello konfrontiert sind, da immer mehr Menschen auf KI-Tools zurückgreifen. Diese Tools haben meine Arbeitsabläufe tatsächlich verändert, aber mich an Veränderungen anzupassen, war während meiner gesamten 30-jährigen Karriere eine Konstante. Ein Kommentar zu dem Beitrag hat mich neugierig gemacht, da er verdeutlicht, wie manche Leute glauben, dass sie ohne grosse Budgets nur mittelmässige Ergebnisse erzielen können. Das trifft auf die Arbeit von Say Hello ganz sicher nicht zu. Jedes Projekt, das ich durchführe, wird so geplant, dass aus der verfügbaren Zeit und dem Budget des Kunden die bestmögliche Qualität herausgeholt wird. «Gut genug» ist mir nicht gut genug. KI kann Ergebnisse liefern, die mich zufriedenstellen. Ja, vielleicht brauche ich immer noch jemanden in meinem Team, der das System bedient, wartet und weiterentwickelt. Aber ich brauche ganz sicher kein Team von Mitarbeitern, das jeden einzelnen Tag Inhalte erstellt. Flyer, Social-Media-Beiträge, Blogbeiträge, Dokumente, Dossiers, Downloads ... all das kommt von [dem jeweiligen KI-Tool]. Nicht besonders originell, nicht besonders kreativ, nicht besonders einzigartig. Aber seien wir ehrlich: Das war es auch nicht immer. Und für die meisten Verbraucher reicht es aus ... Ein Kommentar zu einem Blogbeitrag eines Drittanbieters über den Einsatz von KI in der Agenturarbeit Von handcodierten Websites zu KI In den mehr als 30 Jahren, in denen ich Websites erstelle, habe ich miterlebt, wie sich die Arbeit von komplett handcodierten Seiten hin zu immer leistungsfähigeren Tools, Frameworks, Content-Management-Systemen und kollaborativen Workflows entwickelt hat. Jede Phase hat bestimmte Aufgaben schneller und zugänglicher gemacht. KI ist ein weiterer Schritt in dieser Entwicklung, aber kein völliger Bruch damit. Ich erinnere mich noch an die anfänglichen Diskussionen rund um die Digitalfotografie. Viele leidenschaftliche Fotografen sahen darin eine Bedrohung für ihr Handwerk; heute sind Digitalkameras einfach das übliche Werkzeug für die meisten Arten der Fotografie. Der Wert des Fotografen ist nicht verschwunden. Gute Ergebnisse hängen nach wie vor vom eigenen Urteilsvermögen ab: zu entscheiden, was man fotografiert, wie man es einrahmt, wie man die verfügbare Ausrüstung einsetzt und wann ein Bild gut genug ist. KI ist nützlich, braucht aber Orientierung Das Gleiche gilt für Webdesign und -entwicklung. KI kann Texte, Code, Bilder und Ideen sehr schnell generieren. Sie kann für Recherchen, erste Entwürfe, sich wiederholende Aufgaben und die Untersuchung von Möglichkeiten wirklich nützlich sein. Richtig eingesetzt hilft sie dabei, den Zeitaufwand für Routinearbeiten zu reduzieren und ein Projekt kostengünstiger zu gestalten. Sie kann Kunden dabei helfen, eine Vorschau auf grundlegende Designideen zu erstellen, was dazu beiträgt, die Erkundungsphase eines neuen Projekts zu optimieren. Aber KI kann von sich aus weder das richtige Problem definieren noch das beste Endergebnis erzielen, das eine erfahrene Fachperson erreichen kann. Sie versteht weder das Geschäft eines Kunden noch dessen Kunden, interne Abläufe, Prioritäten oder langfristige Verpflichtungen: Jemand mit Erfahrung muss diesen Kontext liefern und die Ergebnisse bewerten. KI kann die Kommunikationsanforderungen der Kunden nicht vollständig erfassen und auch nicht die besonderen Kommunikationsherausforderungen verstehen, mit denen deren Kunden konfrontiert sind. Ein potenzieller Kunde hatte mithilfe von KI ein detailliertes Projektkonzept erstellt, sich aber nicht die Zeit genommen, zu hinterfragen, ob die zugrunde liegende Idee überhaupt sinnvoll war. Als wir die Annahmen unter die Lupe nahmen, wurde klar, dass der vorgeschlagene Ansatz in vergleichbaren Situationen immer wieder gescheitert war. Die KI hatte ihm geholfen, schnell eine Idee zu entwickeln; sie hatte die Prämisse dieser Idee jedoch nicht auf den Prüfstand gestellt. Mein Beitrag bestand darin, die strategische und praktische Perspektive zu liefern, die nötig war, um das Projektkonzept zu hinterfragen, bevor Zeit und Geld in die Entwicklung der falschen Lösung investiert wurden. Das menschliche Element Genau da kommt der menschliche Faktor ins Spiel. Bei Say Hello kann KI zwar Teil des Prozesses sein, aber sie ist nicht der gesamte Prozess. Meine Aufgabe ist es, gemeinsam mit dem Kunden den Umfang festzulegen, herauszufinden, womit sich innerhalb des verfügbaren Budgets die grösste Wirkung erzielen lässt, die passende Technologie auszuwählen und sicherzustellen, dass das Endergebnis stimmig, robust und zukunftsfähig ist. Dieser Ansatz senkt oft die Gesamtkosten. Die Einsparungen, die durch effiziente Werkzeuge erzielt werden, können dort investiert werden, wo es darauf ankommt: bessere Planung, bessere Entscheidungen und eine sorgfältigere Umsetzung. Ein Ergebnis, das länger von Nutzen ist. Ein kleineres Budget kann bedeuten, dass man den wertvollsten Funktionen Vorrang einräumt und andere später umsetzt; es bedeutet aber niemals, dass man minderwertige Arbeit als unvermeidlich hinnehmen muss. Die richtige Lösung wählen und das Budget sinnvoll einsetzen Es gab noch nie eine einzige technische Lösung, die für jedes Projekt passt. Selbst WordPress, das ich seit vielen Jahren erfolgreich nutze, ist nicht immer die richtige Wahl. Seine Flexibilität und Erweiterbarkeit machen es für viele Kunden zu einer hervorragenden Wahl, aber die Auswahl und Gestaltung der richtigen Lösung bleibt Teil der Arbeit. Die Frage sollte nicht lauten, ob sich ein Unternehmen Qualität leisten kann. Die bessere Frage ist: Wie lässt sich das verfügbare Budget nutzen, um das bestmögliche Ergebnis zu erzielen? KI ist ein wertvolles Werkzeug, um diese Frage zu beantworten, aber die Qualität, Langlebigkeit und Wartbarkeit des Ergebnisses hängen nach wie vor von den Menschen ab, die es planen, steuern und die Verantwortung dafür übernehmen. Themenbild von Vanishing Point Images auf Unsplash. - Kategorien: Programming - Tags: English version - : pll_6a9ea0b0b7c67 AI tools can speed up web design and content work, but they do not replace strategic judgment, client and customer understanding or long-term responsibility. Quality still depends on experienced people shaping the right solution. A colleague recently wrote about the uncertainty that agencies such as Say Hello face as more people turn to AI tools. These tools have introduced real changes to my processes, but adapting to change has been a constant throughout my 30-year career. One comment on the post intrigues me, as it highlights how some people believe they are only able to get mediocre results without big budgets. This is certainly not true of work which Say Hello delivers. Every piece of project work I carry out is scoped to get the maximum possible quality from the time and budget which the client has available. "Good enough" is not good enough for me. AI can produce work to my satisfaction. Yes, I might still need someone on my team to operate, maintain, and further develop the work. But I certainly don't need a team of employees creating content every single day. Flyers, social media posts, blog posts, documents, dossiers, downloads... it all comes from [the specific AI tool]. Not super-original, not super-creative, not super-unique. But let's be honest: it hasn't always been that way either. And for most consumers, it's enough... A recent comment on a third-party blog post about AI usage in agency work From hand-coded websites to AI Over more than 30 years of building websites, I have seen the work move from entirely hand-coded pages to increasingly capable tools, frameworks, content management systems and collaborative workflows. Every stage has made certain tasks quicker and more accessible. AI is another important step in that progression, but not a complete break from it. I remember the early debate around digital photography. Many passionate photographers saw it as a threat to the craft; today, digital cameras are simply the normal tool for most kinds of photography. The value of the photographer has not disappeared. Good results still depend on judgement: deciding what to photograph, how to frame it, how to use the available equipment, and when an image is good enough. AI is useful, but it needs direction The same is true in web design and development. AI can generate text, code, images and ideas very quickly. It can be genuinely useful for research, early drafts, repetitive tasks and exploring options. Used well, it helps reduce time spent on routine work and can make a project more affordable. It can help clients to mock up a preview of basic design ideas, which helps to optimise the exploration phase of a new project. But AI cannot, by itself, define the right problem to solve or create the best end result which an experienced professional can achieve. It does not understand a client’s business, their customers, internal processes, priorities or long-term responsibilities: someone with experience needs to provide that context and evaluate the output. AI cannot fully explore the communication requirements which the clients have, or understand the unique communication challenges which their customers encounter. A prospective client created a detailed project concept using AI, but had not stepped back to question whether the underlying direction was sound. Once we examined the assumptions behind it, it became clear that the proposed approach had repeatedly failed in comparable situations. AI had helped them develop an idea quickly; it had not tested the premise of that idea. My contribution was to provide the strategic and practical perspective needed to challenge the brief before time and money were invested in building the wrong solution. The human element That is where the human element matters. At Say Hello, AI can be part of the process, but it is not the entire process. My role is to define the scope with the client, identify what will make the greatest difference within the available budget, choose suitable technology, and ensure that the finished work is coherent, robust and maintainable. This approach often reduces overall cost. The savings created by efficient tools can be invested where they matter: better planning, better decisions, more careful implementation and a result that remains useful for longer. A smaller budget may mean prioritising the most valuable features and delivering others later; it never means accepting poor-quality work as inevitable. Choosing the right solution and making the budget count There has never been one technical solution for every project. Even WordPress, which I have used successfully for many years, is not always the right answer. Its flexibility and extensibility make it an excellent choice for many clients, but selecting and shaping the right solution remains part of the work. The question should not be whether a business can afford quality. The better question is: how can the available budget be used to achieve the best possible outcome? AI is a valuable tool in answering that question, but the quality, longevity and maintainability of the result still depend on the people who plan, guide and take responsibility for it. Lead image by Vanishing Point Images on Unsplash. - Kategorien: Design und UX - Schlagwörter: Barrierefreiheit, CSS, Hell/dunkel, WCAG - Tags: Deutsche Version - : pll_6a9aa1d53983c Effektive Systeme für den Dunkel- und Hellmodus binden Nutzerpräferenzen, Barrierefreiheit und semantische Farbrollen miteinander. Eine moderne Website muss nicht für jeden genau gleich aussehen. Manche Besucher bevorzugen eine helle, klassische Oberfläche; andere finden eine dunklere Darstellung angenehmer, vor allem abends oder bei schlechten Lichtverhältnissen. Indem man sowohl einen hellen als auch einen dunklen Modus anbietet, gibt man den Nutzern mehr Kontrolle darüber, wie sie eine Website erleben. Die effektivsten Umsetzungen beginnen in der Regel damit, die Geräteeinstellungen des Besuchers zu berücksichtigen. Betriebssysteme und Browser können einer Website mitteilen, ob der Nutzer ein helles oder dunkles Erscheinungsbild gewählt hat, und die Website kann auf diese Einstellung reagieren, sodass sie ein passendes Design anwendet. Diese Funktion knüpft an fast drei Jahrzehnte Farbgestaltung für Websites an und nutzt die im «CSS Zen Garden» vorgestellten technischen Prinzipien, um den Inhalt entsprechend den Vorlieben des Website-Betreibers oder des Besuchers neu zu gestalten. Eine Website kann auch einen eigenen Theme-Switcher anbieten. Das ist praktisch, weil jemand die Einstellung seines Betriebssystems für eine bestimmte Website überschreiben möchte. Die Wahl des Besuchers wird gespeichert, sodass er nicht bei jedem Besuch unnötigerweise den Modus wechseln muss. Warum nutzen Leute den Dunkelmodus? Der Dunkelmodus ist nicht einfach nur ein trendiges alternatives Farbschema. Viele Leute nutzen ihn, weil er angenehmer ist, die visuelle Intensität eines hellen Bildschirms verringert oder sich besser in eine dunkle Umgebung einfügt. Er kann auch für Menschen hilfreich sein, die unter Blendung, Lichtempfindlichkeit, Migräne oder bestimmten Schwierigkeiten bei der visuellen Wahrnehmung leiden. Auch der helle Modus ist nach wie vor nützlich. Er sorgt oft für ein vertrautes Leseerlebnis und kann in heller Umgebung besonders effektiv sein. Manche Leute (wie ich! ) finden dunkle Benutzeroberflächen schwerer zu lesen, vor allem wenn der Text dünn, klein oder nicht kontrastreich genug ist. Das Wichtigste ist die Wahlmöglichkeit. Es gibt kein einziges Farbschema, das für jede Person, jedes Gerät oder jede Situation am besten geeignet ist. Ein gut durchdachtes Designsystem berücksichtigt diese Unterschiede, ohne dass sich einer der beiden Modi wie ein nachträglicher Einfall anfühlt. Barrierefreiheit als Teil der Gestaltung Barrierefreiheit lässt sich nicht allein durch einen dunklen Hintergrund erreichen. Beide Designs müssen unabhängig voneinander getestet werden, denn eine Farbkombination, die im hellen Modus funktioniert, kann unbrauchbar werden, wenn die Farben für den dunklen Modus invertiert oder angepasst werden. Die Richtlinien für barrierefreie Webinhalte (WCAG) verlangen, dass Text in normaler Grösse ein Kontrastverhältnis von mindestens 4,5:1 zum Hintergrund aufweist, bei grossem Text beträgt das Mindestverhältnis 3:1. Diese Anforderungen gelten sowohl für helle als auch für dunkle Designs. Die W3C-Leitlinien zum Mindestkontrast stellen zudem klar, dass die alleinige Festlegung einer Textfarbe oder einer Hintergrundfarbe zu unvorhersehbaren und nicht barrierefreien Ergebnissen führen kann. Barrierefreiheit betrifft nicht nur Text. Symbole, Formularelemente, Rahmen, Fokusanzeigen, Diagramme und andere aussagekräftige Elemente der Benutzeroberfläche müssen weiterhin erkennbar bleiben. Die Richtlinien zur Barrierefreiheit von Webinhalten enthalten separate Vorgaben zum Kontrast von Nicht-Text-Elementen, während Tastaturbenutzer in beiden Designs einen deutlich sichtbaren Fokusstatus benötigen. Farbe sollte nicht die einzige Möglichkeit sein, Bedeutung zu vermitteln. Eine Erfolgsmeldung sollte sich nicht ausschliesslich auf Grün stützen, und eine Fehlermeldung sollte sich nicht ausschliesslich auf Rot stützen. Text, Symbole, Muster, die Anordnung oder andere unterstützende Hinweise machen die Benutzeroberfläche für Menschen mit Farbsehschwäche und für alle, die die Website unter schwierigen Bedingungen betrachten, übersichtlicher. Nicht nur heller Text auf dunklem Hintergrund Wie komplex der Dunkel- und Hellmodus ist, wird deutlich, wenn man über den Hintergrund der Startseite und den Fliesstext hinausblickt. Eine Website enthält viele visuelle Zusammenhänge, und für jeden einzelnen muss die Farbwahl bewusst getroffen werden. Ein Theme braucht zum Beispiel möglicherweise unterschiedliche Farben für: der Seitenhintergrund und die Inhaltsbereiche; Haupttext, Neben- und abgeblendeter Text; Links und interaktive Steuerelemente; Rahmen, Trennlinien und Umrisse von Formularfeldern; Schaltflächen und ihre Zustände beim Bewegen des Mauszeigers darüber, im aktiven und im deaktivierten Zustand; Anzeigen für den Tastaturfokus; Karten, Bedienfelder, Menüs und Overlays; Erfolgs-, Warn-, Fehler- und Informationsmeldungen; Markierungen, ausgewählter Text und Suchergebnisse; Symbole, Illustrationen und dekorative Details. Ein helles Design könnte einen weissen Seitenhintergrund, einen leicht grauen Kartenhintergrund und einen dezenten grauen Rand verwenden. Wenn man im Dunkelmodus einfach den Seitenhintergrund auf fast schwarz ändert, könnten die Karten der Seite zu sehr ähneln, die Ränder verschwinden oder ein unangenehm starker Kontrast entstehen. Das gleiche Problem betrifft auch die Markenfarben. Ein leuchtend gelber Button kann auf einem dunklen Hintergrund wunderbar wirken, auf einem hellen Hintergrund jedoch zu blass erscheinen. Ein Unternehmensblau mag sich für grosse Überschriften eignen, als kleiner Lauftext jedoch nicht funktionieren. Ein gedecktes Grau, das im Hellmodus elegant wirkt, kann im Dunkelmodus fast unsichtbar werden. Deshalb verwenden professionelle Theme-Systeme semantische Farbrollen, anstatt einzelne Farbwerte im gesamten Code zu verstreuen. Anstatt nur in Begriffen wie „Blau“ oder „Grau“ zu denken, definiert das Design Rollen wie --colour-background, --colour-surface, --colour-text-primary, --colour-text-muted, --colour-border und --colour-focus. Jede Rolle erhält im hellen und im dunklen Modus einen passenden Wert. Dieser Ansatz macht das System wartungsfreundlicher. Komponenten können auf die benötigte Rolle verweisen, während das Theme die tatsächliche Farbe festlegt. Ausserdem lassen sich Tests so systematischer durchführen: Jede wichtige Kombination kann in beiden Themes überprüft werden, einschliesslich der Zustände «Hover», «Fokus», «deaktiviert» und «Fehler». Planung der CI/CD Der Dunkel- und Hellmodus sollten als Teil der Corporate Identity und des Corporate Designs (CI/CD) eines Unternehmens geplant werden und nicht erst später im Projekt als technische Funktion hinzugefügt werden. In Markenrichtlinien werden die Kernfarben festgelegt, aber ein vollständiges digitales Farbsystem erfordert mehr Details. Es sollte dokumentieren, wie Farben für Hintergründe, Text, Rahmen, Links, Schaltflächen, Benachrichtigungen und Zustände in beiden Designs verwendet werden. Ausserdem sollte es festlegen, welche Farben aus Gründen der Barrierefreiheit angepasst werden dürfen, ohne dabei den wiedererkennbaren Charakter der Marke zu beeinträchtigen. Das sorgt für Einheitlichkeit auf der gesamten Website, in Apps, E-Mails und anderen digitalen Produkten. Es hilft Designern, Entscheidungen schneller zu treffen, gibt Entwicklern eine zuverlässige Auswahl an Tokens für die Umsetzung und sorgt dafür, dass zukünftige Neugestaltungen weniger Störungen verursachen. Den Dunkel- und Hellmodus versteht man daher am besten als Erweiterung eines durchdachten Designsystems. Wenn die Grundsätze, die Anforderungen an die Barrierefreiheit und die Farbzusammenhänge von Anfang an geplant werden, entsteht eine Website, die flexibler, angenehmer und einladender wirkt – und dabei dennoch erkennbar... - Kategorien: Design and UX - Schlagwörter: accessibility, CSS, Light/dark, WCAG - Tags: English version - : pll_6a9aa1d53983c How effective dark and light mode systems combine user preference, accessibility and semantic colour roles that adapt to different environments without weakening brand identity. A modern website does not have to look exactly the same for everyone. Some visitors prefer a bright, traditional interface; others find a darker presentation more comfortable, particularly in the evening or in low-light surroundings. Offering both light and dark modes gives people more control over how they experience a website. The most effective implementations usually begin by respecting the visitor’s device preference. Operating systems and browsers can tell a website whether the user has selected a light or dark appearance and the website can respond to this preference, allowing the site to adopt a suitable theme. This feature leads on from nearly three decades of colour-scheming for websites, using the principles of technology exhibited in the “CSS Zen Garden” to restyle the content based on the site owner's or site visitor's preference. A website can also offer its own theme switcher. This is useful because a person may prefer dark mode on their phone but light mode on their desktop, or may want to override their operating-system setting for a particular website. The visitor’s choice is remembered, so that there is no need to unnecessarily switch modes on each visit. Why people use dark mode Dark mode is not simply a fashionable alternative colour scheme. Many people use it because it feels more comfortable, reduces the visual intensity of a bright screen or fits better into a dark environment. It can also be helpful for people who experience glare, light sensitivity, migraines or certain visual-processing difficulties. Light mode remains valuable too. It often provides a familiar reading experience and can be particularly effective in bright surroundings. Some people (like me! ) find dark interfaces harder to read, especially when text is thin, small or insufficiently contrasted. The important principle is choice. There is no single colour scheme that is best for every person, device or situation. A well-designed theme system accommodates these differences without making either mode feel like an afterthought. Accessibility as part of the design Accessibility is not achieved merely by offering a dark background. Both themes need to be tested independently, because a colour combination that works in light mode may become unusable when its colours are inverted or adjusted for dark mode. The Web Content Accessibility Guidelines require normal-sized text to have a contrast ratio of at least 4. 5:1 against its background, with a minimum of 3:1 for large text. These requirements apply in both light and dark themes. The W3C guidance on minimum contrast also makes clear that specifying only a text colour or only a background colour can create an unpredictable and inaccessible result. Accessibility also applies to more than text. Icons, form controls, borders, focus indicators, charts and other meaningful interface elements need to remain distinguishable. The Web Content Accessibility Guidelines include separate guidance for non-text contrast, while keyboard users need a clearly visible focus state in either theme. Colour should not be the only way to communicate meaning. A success message should not rely solely on green, and an error should not rely solely on red. Text, icons, patterns, positioning or other supporting cues make the interface clearer for people with colour-vision deficiencies and for anyone viewing the site under difficult conditions. Not just light text on a dark background The complexity of dark and light mode becomes clear when looking beyond the main page background and body text. A website contains many visual relationships, and each one needs a deliberate colour choice. For example, a theme may need separate colours for: the page background and content surfaces; primary, secondary and muted text; links and interactive controls; borders, separators and form-field outlines; buttons and their hover, active and disabled states; keyboard focus indicators; cards, panels, menus and overlays; success, warning, error and informational messages; highlights, selected text and search results; icons, illustrations and decorative details. A light theme might use a white page background, a slightly grey card background and a subtle grey border. Simply changing the page background to near-black in dark mode may leave the cards too similar to the page, make the borders disappear or produce an unpleasantly stark contrast. The same issue affects brand colours. A bright yellow button may work beautifully against a dark surface, but become too pale against a light one. A corporate blue may be suitable for large headings but fail as small body text. A muted grey that looks elegant in light mode may become almost invisible in dark mode. This is why professional theme systems use semantic colour roles rather than scattering individual colour values throughout the code. Instead of thinking only in terms of “blue” or “grey”, the design defines roles such as --colour-background, --colour-surface, --colour-text-primary, --colour-text-muted, --colour-border and --colour-focus. Each role receives an appropriate value in light and dark mode. This approach makes the system easier to maintain. Components can refer to the role they need, while the theme determines the actual colour. It also makes testing more systematic: every important combination can be checked in both themes, including hover, focus, disabled and error states. Planning the company CI/CD Dark and light mode should be planned as part of a company’s Corporate Identity and Corporate Design (CI/CD) rather than added as a technical feature later on in the project. Brand guidelines usually define core colours, but a complete digital colour system needs more detail. It should document how colours are used for backgrounds, text, borders, links, buttons, notifications and states across both themes. It should also define which colours may be adjusted for accessibility while preserving the recognisable character of the brand. This creates consistency across the website, applications, emails and other digital products. It helps designers make decisions more quickly, gives developers a reliable set of tokens to implement and makes future redesigns less disruptive. Dark and light mode is therefore best understood as an extension of a thoughtful design system. When the principles, accessibility requirements and colour relationships are planned from the beginning, the result is a website that feels more flexible, more comfortable and more... - Kategorien: Programmierung, Projektleitung - Tags: Deutsche Version - : pll_6a1f0bf069dd7 Nicht jedes Projekt braucht das neueste Framework, das teuerste Plugin oder eine Feature-Liste so lang wie dein Arm. Die Technologie entwickelt sich schnell, und jedes Jahr gibt es ein neues Framework, eine neue Plattform oder einen neuen Trend, der das Internet zu revolutionieren verspricht. Auch wenn Innovation ihren Platz hat, war meine Priorität immer viel einfacher: die richtige Lösung zu einem angemessenen Preis zu finden. Das bedeutet nicht immer, dass du dich für das Produkt mit den meisten Funktionen oder die neueste Technologie entscheiden musst. In vielen Fällen erzielt man das beste Ergebnis, wenn man sich für ein bewährtes Werkzeug entscheidet, das das Problem effizient löst, die Kosten unter Kontrolle hält und auch in Zukunft leicht zu warten ist. Oft ist die Entwicklung einer schlanken Lösung, die genau den Anforderungen eines Projekts entspricht, sowohl schneller als auch kostengünstiger als der Kauf eines Fremdprodukts. Auf diese Weise lassen sich laufende Lizenzgebühren vermeiden und technische Schulden reduzieren, da die Notwendigkeit entfällt, eine Vielzahl von Funktionen zu pflegen, zu testen und zu umgehen, die eigentlich gar nicht benötigt werden. Manchmal gibt es die richtige Lösung bereits. Manchmal muss sie angepasst werden. Und gelegentlich baue ich etwas völlig Neues. Die Entscheidung wird nie von Trends bestimmt, sondern davon, was das beste Ergebnis mit der geringsten unnötigen Komplexität liefert. Ich bin der Meinung, dass Software für die Menschen arbeiten sollte, nicht andersherum. Funktionen, die nie genutzt werden, komplexe Systeme, die umfangreiche Schulungen erfordern, und teure Plattformen, die die tatsächlichen Anforderungen übersteigen, bieten selten einen dauerhaften Wert. Die Kunden haben schon genug um die Ohren, ohne dass sie durch unnötige technische Komplexität belastet werden. Meiner Erfahrung nach verringert eine einfachere, sorgfältig ausgearbeitete Lösung oft die mentale Belastung für alle Beteiligten. Sie ist leichter zu verstehen, leichter zu verwalten und im Laufe der Zeit leichter zu pflegen. Anstatt eine Vielzahl von Konfigurationen und Funktionen einzuführen, die vielleicht nie genutzt werden, ziehe ich es vor, Systeme zu entwickeln, die es den Kunden ermöglichen, sich auf ihr Geschäft zu konzentrieren und nicht auf die Technologie. Indem ich mich auf Effizienz, Einfachheit und reale Bedürfnisse konzentriere, helfe ich meinen Kunden, ihre Ziele zu erreichen, ohne für Funktionen zu bezahlen, die sie nicht brauchen. Das Ergebnis ist oft eine Lösung, die schneller zu implementieren, einfacher zu nutzen und langfristig kostengünstiger ist. Bei guter Technologie geht es nicht darum, die meisten oder die teuersten Funktionen zu haben. Es geht darum, die richtigen zu haben. Themenbild von Pablo Arroyo auf Unsplash. - Kategorien: Programming, Project management - Tags: English version - : pll_6a1f0bf069dd7 Not every project needs the latest framework, the most expensive plugin, or a feature list as long as your arm. Technology moves quickly, and every year brings a new framework, platform, or trend that promises to revolutionise the web. While innovation has its place, my priority has always been much simpler: finding the right solution at an agreeable price. That doesn't always mean choosing the most feature-rich product or the latest fashionable technology. In many cases, the best result comes from selecting a proven tool that solves the problem efficiently, keeps costs under control, and remains easy to maintain in the future. Quite often, developing a lean solution that precisely matches the requirements of a project is both faster and less expensive than purchasing a third-party product. Doing so avoids ongoing licence fees and reduces technical debt by eliminating the need to maintain, test, and work around a wide range of features that were never required in the first place. Sometimes the right solution already exists. Sometimes it needs to be adapted. And occasionally, I build something entirely new. The decision is never driven by trends, but by what delivers the best result with the least unnecessary complexity. I believe that software should work for people, not the other way around. Features that are never used, complex systems that require extensive training, and expensive platforms that exceed the actual requirements rarely provide lasting value. Clients already have enough to think about without being burdened by unnecessary technical complexity. In my experience, a simpler, carefully crafted solution often reduces the mental load for everyone involved. It is easier to understand, easier to manage, and easier to maintain over time. Rather than introducing layers of configuration and functionality that may never be used, I prefer to create systems that allow clients to focus on their business instead of their technology. By focusing on efficiency, simplicity, and real-world needs, I help my clients achieve their goals without paying for functionality they don't need. The result is often a solution that is faster to implement, easier to use, and more cost-effective over the long term. Good technology is not about having the most features. It is about having the right ones. Lead photo by Pablo Arroyo on Unsplash. - Kategorien: Design und UX, Projektleitung - Tags: Deutsche Version - : pll_69e25421966f8 Selbst bei Projekten, bei denen Say Hello mit externen Designern zusammenarbeitet, ist Zusammenarbeit der Schlüssel zu erstklassigen Ergebnissen. Seit ich bei einem früheren Arbeitgeber ein Team aus Designern und Entwicklern geleitet habe, liegt mir sehr viel daran, den Prozess der Website-Erstellung reibungslos und effizient zu gestalten. Traditionell kümmerten sich Designer um das Erscheinungsbild, bevor Entwickler die Funktionalität umsetzten, doch diese Trennung hat für mich nie wirklich Sinn ergeben. Mit modernen CMS-Tools, insbesondere seit Say Hello seit 2019 ausschliesslich mit dem WordPress-Block-Editor arbeitet, überschneiden sich Design- und Entwicklungsaufgaben zunehmend. Wenn Experten aus beiden Bereichen von Anfang an zusammenarbeiten, führt das einfach zu besseren Ergebnissen. Obwohl viele Kunden und Mitglieder der WordPress-Community mich für meine technische Arbeit kennen, habe ich eigentlich sowohl mit Design als auch mit Entwicklung angefangen und habe während meiner dreissigjährigen Karriere immer mit einem Fuss in beiden Bereichen gearbeitet. Mir ist es wichtig, sicherzustellen, dass Kunden und ihre Nutzer problemlos mit Websites interagieren können, unabhängig von ihren technischen Fähigkeiten. Diese doppelte Perspektive hilft, ein häufiges Problem zu vermeiden: Designs, die technische Aspekte oder Barrierefreiheit ausser Acht lassen, oder Entwicklungsarbeit, die die ursprüngliche Vision beeinträchtigt. Obwohl ich (als Say Hello) Kunden einen Komplettservice biete, vom Konzept über das Design bis hin zur Erstellung und Wartung, arbeite ich bei Bedarf mit spezialisierten Designern zusammen, insbesondere bei komplexeren Projekten. Der Schlüssel liegt in der Zusammenarbeit. Durch enge Zusammenarbeit während des gesamten Prozesses vermeiden wir das aufwendige Hin und Her zwischen «der Designphase» und «der Entwicklungsphase». Stattdessen überprüfen wir Entscheidungen im Laufe des Prozesses und stellen sicher, dass Designideen technisch umsetzbar sind und die Umsetzung dem beabsichtigten Look-and-Feel treu bleibt. Dieser Ansatz führt durchweg zu besseren Ergebnissen. Er sorgt für eine gleichbleibend hohe Qualität sowohl in visueller als auch in technischer Hinsicht und senkt oft auch die Kosten – denn wir lösen Probleme von Anfang an effizient, anstatt später Unstimmigkeiten zu beheben. Kurz gesagt: Zusammenarbeit ist besser als die reihenweise Übergabe von Aufgaben. Das ist besser für das Endprodukt und besser für das Budget des Kunden. Fussnote Dieser Beitrag wurde teilweise von einem Artikel von Matthias Ott inspiriert, in dem er den Begriff «Webdesign-Ingenieur» verwendet. Das beschreibt meine Arbeitsweise sehr gut. Ich kombiniere beide Tätigkeiten, gestalte und optimiere das visuelle Ergebnis direkt im Browser und erstelle Websites als Teil eines gemeinsamen, kollaborativen Prozesses. Titelbild von Sven Mieke auf Unsplash. - Kategorien: Design and UX, Project management - Tags: English version - : pll_69e25421966f8 Even on projects where Say Hello doesn't deliver the design, real-time collaboration with external specialists is key for top-notch results. Ever since I managed a team of designers and developers at a previous employer, I’ve cared a lot about keeping the website creation process smooth and efficient. Traditionally, designers handled the look and feel before developers built the functionality, but that separation has never quite made sense to me. With modern CMS tools, especially since Say Hello began working exclusively with the WordPress Block Editor in 2019, design and development tasks increasingly overlap. Experts from each field working together from the start simply produces better results. Although many clients and people in the WordPress community know me for technical work, I actually started out doing both design and development and I've continued to work with a foot in each camp throughout my thirty year career. It's important to me to make sure that clients and their users can interact with websites easily, regardless of technical ability. That dual perspective helps avoid a common issue: designs that ignore technical considerations or accessibility, or development work that compromises the original vision. Although I (as Say Hello) offer clients a complete service, from concept and design to building and maintenance, I work with specialist designers when necessary, especially on more complex projects. The key is collaboration. By working closely together throughout the process, we avoid the typical back-and-forth between “the design phase” and “the development phase”. Instead, we review decisions as we go, making sure design ideas are technically feasible and that implementation stays true to the intended look and feel. This approach consistently leads to better outcomes. It keeps quality high on both the visual and technical sides, and it often reduces costs too, because we’re solving problems efficiently from the beginning, rather than fixing mismatches later. In short: collaboration beats handoffs. It’s better for the final product, and better for the client’s budget. Footnote This post was partly inspired by an article by Matthias Ott, where he uses the term “web design engineer”. It’s a great way to describe how I work. I don't just design or just develop, but combine both practices, shaping and fine-tuning the visual result directly in the browser, and build websites as part of a shared, collaborative process. Lead image by Sven Mieke on Unsplash. - Kategorien: Programmierung, Redaktionsarbeit, WordPress - Schlagwörter: WordPress Shortcode, WordPress-Plugin - Tags: Deutsche Version - : pll_69be956a51f8f Hinzufügen einer Shortcode-Funktion zu WordPress, um relative Daten im Inhalt anzuzeigen. Als ich die aktuelle Version dieser Website zum ersten Mal erstellte, war es immer meine Absicht, den Inhalt und die Funktionen im Laufe der Zeit zu erweitern. Anstatt zu versuchen, eine Website mit allem Drum und Dran in der ersten Version auf den Markt zu bringen, habe ich sie letztes Jahr als Minimum Viable Product (MVP) veröffentlicht. Ich habe diese Woche einige neue Inhalte für die Website vorbereitet und mich daran erinnert, wie praktisch es wäre, die WordPress-Shortcode-Funktion zu nutzen, um relative Datumsangaben in den Inhalt einzubinden - zum Beispiel, anstatt das Alter von WordPress (23 years) auf der gesamten Website in regelmässigen Abständen manuell aktualisieren zu müssen. Im Moment habe ich viel mit Kunden zu tun, deshalb ist meine Zeit knapp bemessen. Deshalb habe ich mir an diesem Samstagmorgen ein paar Stunden Zeit genommen, um an neuen Inhalten zu arbeiten und diese kleine praktische Funktion hinzuzufügen. Auch wenn es sicherlich komplexere Möglichkeiten gibt, dies zu erreichen, ist die mit Abstand einfachste die Verwendung der WordPress-Shortcode-Funktion, die 2008 eingeführt wurde. (Zu dem Zeitpunkt, an dem du das hier liest, ist das 18 years her—siehst du, was ich da gemacht habe? ) Wenn du einen Blick auf den Code werfen und das kleine WordPress-Plugin selbst herunterladen möchtest, besuche das GitHub-Repository. Ich würde mich über dein Feedback freuen - entweder direkt oder über die sozialen Medien bei Bluesky. Änderungswünsche oder Fehlerberichte kannst du gerne über GitHub einreichen. Hauptbild von Nick Hillier auf Unsplash. - Kategorien: Editorial work, Programming, WordPress - Schlagwörter: WordPress plugin, WordPress Shortcode - Tags: English version - : pll_69be956a51f8f Adding a shortcode feature to WordPress to display relative dates in the content. When I first built this website, it was always my intention to gradually add to both the content and functionality over time. Rather than trying to launch the first version of a website with absolutely everything included, I released it last year as a minimum viable product (MVP). I’ve been preparing some new content for the site this week, and it reminded me how handy it would be to use WordPress shortcode functionality to include relative dates in the content—for example, instead of manually updating the age of WordPress (23 years) across the entire site at semi-regular intervals. I have a lot of client work on at the moment, so time has been at a premium. That’s why I’ve dedicated an hour or so this Saturday morning to working on new content and adding this small convenience feature. Although there are certainly more complex ways to achieve this, by far the simplest is to use the WordPress shortcode feature, first introduced in 2008. (As of the date on which you’re reading this, that was 18 years ago—see what I did there? ) If you’d like to take a look at the code and download the small WordPress plugin yourself, check out the GitHub repository. I’d love to hear your feedback—either directly or on social media at Bluesky. Feel free to submit change requests or bug reports via GitHub. Lead image by Nick Hillier on Unsplash. - Kategorien: Programmierung, WordPress - Schlagwörter: Entwicklung, JavaScript, React, WordPress Block Editor, WordPress Block-Attribute, WP_HTML_Tag_Processor - Tags: Deutsche Version - : pll_6998386e649a0 Erweitern des WordPress-Button-Blocks mit einem benutzerdefinierten Link-URL-Attribut. Ein grosser Teil meiner Arbeit an Websites und Webanwendungen ist kundenspezifische Entwicklung. Das bedeutet, dass ich in den letzten Jahren auf einer sehr langen Karriere aufgebaut und mich auf den WordPress Block Editor konzentriert habe. Dank meiner langjährigen Erfahrung in der Entwicklung von und mit Content-Management-Systemen habe ich gelernt, für jedes Projekt die beste Herangehensweise zu wählen und dabei sowohl die Anforderungen des Kunden als auch des Systems zu berücksichtigen. Meine Arbeit basiert oft auf den Standard-Inhaltselementen, die WordPress zur Verfügung stellt—den sogenannten «Blöcken»—und auch auf Inhaltselementen, die ich selbst erstelle. Manchmal ist es sinnvoll, ein komplett individuelles Inhaltselement von Grund auf zu bauen, damit die Redakteure schnell arbeiten können und sich nicht so tief in die WordPress-Blöcke einarbeiten müssen. Den Redakteuren einen Block zur Verfügung zu stellen, der das richtige Mass an Kontrolle bietet, aber weniger komplex ist, ist oft der richtige Weg. Vor allem, wenn der Content Manager noch andere Aufgaben in seinem arbeitsreichen Tag hat. Dennoch sind die Blöcke, die WordPress zur Verfügung stellt, sehr leistungsfähig und es kann sinnvoll sein, sie zu nutzen, wo immer es möglich ist, und ihre Funktionen bei Bedarf zu erweitern. Erweitern des WordPress Button Blocks Bei einem aktuellen Projekt hat der Kunde eine Reihe von Links auf der gesamten Website, die zu einem Buchungssystem eines Drittanbieters führen. Die URL für den Link ist immer dieselbe. Anstatt den Kunden zu bitten, den Link auf Dutzenden von Seiten manuell hinzuzufügen oder zu ändern, entschied ich mich, den Button Block1 zu erweitern—der dank seiner Designflexibilität verwendet wird—und sicherzustellen, dass alle Blöcke denselben Link verwenden. Nachdem wir im Admin-Bereich von WordPress eine Einstellungsseite2 hinzugefügt haben, in der ein Feld "booking_url" geändert werden kann, war der nächste Schritt, sicherzustellen, dass der Button-Block diese URL verwendet. Ich habe einen benutzerdefinierten PanelBody zu den Block-Steuerelementen hinzugefügt, in dem ein ToggleControl dem Redakteur ermöglicht, festzulegen, wann die URL aus den vordefinierten Einstellungen verwendet werden soll. Um dem Redakteur zu helfen, sicherzustellen, dass die notwendige Einstellung gesetzt wurde, habe ich eine Notice-Komponente hinzugefügt, welche die vordefinierte URL anzeigt, wenn die Option ausgewählt wurde, oder sonst eine alternative Meldung, wenn es keinen passenden Wert für die Einstellung gibt. Nachdem die Steuerelemente erweitert wurden und der Wert des ToggleControls als Block-Attribut3 gesetzt wurde, bin ich zu PHP übergegangen, um die Ausgabe des Button-Blocks zu ändern. Mit dem Filter render_block_core/button prüfe ich, ob das benutzerdefinierte Attribut gesetzt ist und eine gültige URL ist. Wenn ja, verwende ich den WP_HTML_Tag_Processor4, um das HTML zu analysieren und das href-Attribut des Links zu ersetzen. Fußnoten - Kategorien: Programming, WordPress - Schlagwörter: React, WordPress Block Attributes, WordPress Block Editor, WP_HTML_Tag_Processor - Tags: English version - : pll_6998386e649a0 Extending the WordPress Button Block with a custom link URL attribute. Much of the work I do on websites and web applications is custom development, which means that I have spent the past few years building on a very long career and focusing on the WordPress Block Editor. Thanks to a great deal of experience building for and with content management systems, I have learned to take the best approach for each project, reviewing the requirements of both the client and the system. Much of the work I do relies on the standard content elements which WordPress provides—known as “Blocks”—and also on content elements which I build myself. Sometimes, it makes sense to build a completely customised content element from scratch, in order to allow the content editors to work quickly and with less necessity to learn WordPress Blocks deeply. Providing editors with a Block which has the right amount of control but with much-reduced complexity is often the right way to go, especially if the content manager has other responsibilities in their busy working day. That being said, the Blocks which WordPress provide are very powerful and so it can make sense to use them wherever possible, and extend their functionality if necessary. Extending the WordPress Core Button Block On a current project, the client has a number of links throughout the site which link to a third-party booking system, and the URL for the link is always the same. Instead of requiring the client to manually add or amend the link across dozens of pages, I chose to extend the Button Block1—which is being used thanks to its design flexibility—and ensure that all of the Blocks use the same link. After adding a Settings Page2 to the admin area of WordPress, in which a field “booking_url” can be modified, the next step was to ensure that the Button Block used this URL if a checkbox has been set in the editor. I added a custom PanelBody to the Block controls, in which a ToggleControl allows the editor to specify when the URL from the settings should be used. In order to help the editor ensure that the necessary setting has been set, I added a Notice component which shows the URL which will be used when the option has been selected, or an alternative message if there is no appropriate value for the setting. Once the controls were extended and the value of the ToggleControl was set as a custom Block attribute3, I switched over to PHP to modify the output of the Button block. Using the render_block_core/button filter, I check to see whether the custom attribute is set and is a valid URL. If so, then I use the WP_HTML_Tag_Processor4 to parse the HTML and replace the href attribute on the link. Footnotes - Kategorien: Projektleitung - Schlagwörter: Effizienz, Entwicklung, Kommunikation - Tags: Deutsche Version - : pll_6995e9f068bca Modernes WordPress macht fast jede Website möglich, aber der Erfolg hängt von klarer Kommunikation und praktischen, dauerhaften Lösungen ab - nicht von technischer Komplexität. Die moderne Website-Entwicklung mit WordPress hat sich so weit entwickelt, dass fast alles möglich ist. Von einfachen Websites mit standardisierten Vorlagen, umschaltbaren Farbschemata und detaillierten Typografieeinstellungen bis hin zu vollständig angepassten und optimierten professionellen Designs sind Lösungen zugänglicher denn je. Selbst komplexe Projekte - wie die Integration von Drittanbietern, fortschrittliche Datenverwaltung, Headless WordPress Setups oder eigenständige datenbankgestützte Webanwendungen - können effizient und zuverlässig umgesetzt werden. Eine professionelle Website kann heute mit einem deutlich geringeren Budget als noch vor zehn Jahren realisiert werden. Fortschritte bei Tools, Hosting und Entwicklungsabläufen haben hochwertige, professionelle digitale Lösungen für Unternehmen jeder Grösse erschwinglicher gemacht. Die Bedeutung einer klaren Kundenkommunikation Während sich die Technologie ständig weiterentwickelt, ist ein wesentlicher Faktor in meiner 30-jährigen Karriere bei der Erstellung von Websites unverändert geblieben: Kommunikation. Die Anforderungen der Kunden zu verstehen, die Ziele zu klären und die geschäftlichen Anforderungen in praktische technische Lösungen zu übersetzen, ist die Grundlage für jedes erfolgreiche Projekt. Grossere Agenturen arbeiten oft mit Projektmanagern, Vertriebsteams und Marketingmitarbeitern. Ihre strukturierten Prozesse können zwar hilfreich sein, aber sie können auch eine Distanz zwischen dem Kunden und dem erfahrenen Entwickler schaffen. Mein Ansatz ist anders: Seit ich 2019 zu Say Hello gekommen bin, hat jeder Kunde direkt mit mir gearbeitet - sowohl als technischer Leiter als auch als erfahrener Projektmanager. Diese direkte Zusammenarbeit sorgt für Klarheit, Effizienz und Verantwortlichkeit. Meine Fähigkeit, Geschäftsziele zu verstehen und über rein technische Beschränkungen hinaus zu denken, ergänzt meine Entwicklungskompetenz und führt zu Lösungen, die sowohl praktisch als auch nachhaltig sind. Praktische, nachhaltige und kosteneffiziente Lösungen Ich glaube nicht daran, übermässig komplexe oder aufgeblasene technische Lösungen zu verkaufen. Stattdessen konzentriere ich mich darauf, die einfachste professionelle Lösung zu liefern, die die tatsächlichen Anforderungen des Kunden erfüllt. Dieser Ansatz stellt sicher, dass die Budgets effektiv genutzt werden und nicht für unnötige Wartungskosten oder komplizierte Systeme verschwendet werden. Meine Priorität ist es immer, das Problem des Kunden zu lösen - und nicht, ihm eine technisch beeindruckende, aber unpraktische Lösung aufzuzwingen. Deshalb funktionieren Websites und Anwendungen, die ich vor einigen Jahren entwickelt habe, auch heute noch zuverlässig... selbst wenn sie statt der neuesten Trend-Technologien einen nachhaltigen und langlebigen Code verwenden. Da ich bei der WordPress-Entwicklung Wert auf Langlebigkeit, Leistung und Einfachheit lege, profitieren Unternehmen von professionellen digitalen Lösungen, die über Jahre hinweg nur routinemässige, einfache Wartung benötigen. Hauptfoto von Dylan Gillis auf Unsplash. - Kategorien: Project management - Schlagwörter: communication, development, efficiency - Tags: English version - : pll_6995e9f068bca Modern WordPress makes almost any website possible, but success depends on clear communication and practical, long-lasting solutions — not technical complexity. Modern website development with WordPress has evolved to the point where almost anything is possible. From simple websites built with standardised templates, switchable colour schemes and detailed typography settings to fully customised and optimised professional designs, solutions are more accessible than ever. Even complex projects—such as third-party integrations, advanced data management, headless WordPress setups, or standalone database-driven web applications—can be delivered efficiently and reliably. Importantly, a professional website can now be achieved on a significantly lower budget than was possible ten years ago. Advances in tooling, hosting and development workflows have made high-quality, professional digital solutions more attainable for businesses of all sizes. The Importance of Clear Client Communication While technology continues to advance, one essential factor has remained unchanged throughout my 30 year career building websites: communication. Understanding client requirements, helping to clarify goals, and translating business needs into practical technical solutions is fundamental to every successful project. Large agencies often rely on multiple layers of project managers, sales teams and marketing staff. Although their structured processes can be helpful to them, they can also create distance between the client and the experienced developer. My approach is different: every client has worked directly with me since I joined the company in 2019, both as their technical lead and as an experienced project manager. This direct collaboration ensures clarity, efficiency and accountability. My ability to understand business objectives and think beyond purely technical constraints complements my development expertise, resulting in solutions that are both practical and sustainable. Practical, Sustainable and Cost-Effective Solutions I do not believe in selling overly complex or inflated technical solutions. Instead, I focus on delivering the simplest professional solution that fulfils the client’s real requirements. This approach ensures budgets are used effectively and are not wasted on unnecessary maintenance costs or complicated systems. My priority is always to solve the client’s problem—not to impose a technically impressive but impractical solution. As a result, websites and applications I built several years ago continue to operate reliably today... even if they favour enduring and long-lasting code instead of only the latest trend-driven technologies. By prioritising longevity, performance and simplicity in WordPress development, businesses benefit from professional digital solutions that require only routine, low-level maintenance for years to come. Lead photo by Dylan Gillis on Unsplash. - Kategorien: Programmierung - Tags: Deutsche Version - : pll_69611cfeece71 Warum die Anwendung von KI nicht nur Vorteile sondern auch erhebliche Nachteile mit sich bringt. KI ist unglaublich weit verbreitet, seit sie erst vor wenigen Jahren öffentlich zugänglich wurde. Die Integration von KI in alle Bereiche — von der Übersetzung bis zur Erzeugung von Bilder — und vor allem in den Bereichen Technologie und Programmierung — hat sie zu einem zentralen Bestandteil der Prozesse vieler Menschen gemacht. Ich gebe an dieser Stelle zu, dass Tools wie ChatGPT und Copilot mir bei meiner Arbeit helfen. Vor allem das Überprüfen von komplexem Code ist weniger mühsam geworden. Ich kann effizienter arbeiten und verschwende viel weniger Zeit mit dem Auffinden und Beheben von Problemen. Im Gegensatz zu den Erfahrungen anderer, die mit Hilfe von KI-Tools den gesamten Code für ein Projekt schreiben, nutze ich meine Erfahrung aus den letzten 30 Jahren, in denen ich Websites und browserbasierte Webanwendungen erstellt und gepflegt habe, um immer effizienter zu werden. Dank der Routinen, die ich einrichte und ständig verbessere, wissen meine Kunden, dass sie nicht unbedingt ein riesiges Budget benötigen, wenn sie mich um die Erstellung eines Projekts bitten. Tatsächlich sind die Preise für meine Websites in den letzten Jahren sogar gesunken, dank verbesserter Werkzeuge, mehr Wissen und meiner ständigen Leidenschaft, das bestmögliche Ergebnis zu liefern. Die Verbesserungen in WordPress — insbesondere der Block- und der Site-Editor — haben es mir ermöglicht, viel effizienter zu arbeiten als bei meinen früheren Arbeitgebern. Sie ermöglichen es den Kunden, ihre Websites viel einfacher zu pflegen. Seitdem ich Ende 2018 auf den Block-Editor umgestiegen bin, kann ich auf mehr als sieben Jahre Erfahrung in der Erstellung von Websites mit dieser grossartigen Lösung zurückblicken. Der Einsatz dieser Content-Management-Tools hat jedoch nicht den Blick auf das Hauptziel meiner Arbeit verstellt: meinen Kunden zu helfen, effizient mit ihrem Publikum zu kommunizieren und in einer redaktionellen Umgebung zu arbeiten, die genau auf ihre Bedürfnisse zugeschnitten ist. Einige Blogbeiträge auf unabhängige Websites in letzter Zeit haben mich daran erinnert, die Nachteile zu erwähnen, die der Einsatz von KI mit sich bringen kann. Dank meiner langjährigen Erfahrung im Erstellen von Websites muss ich KI nur einsetzen, um Probleme zu beheben, die nicht sofort ersichtlich sind. Aber selbst dann kann sich die KI beim Versuch, ein Problem zu lösen, schnell im Unkraut verlieren. Sie gibt unglaublich ungerne zu, dass sie die Antwort nicht kennt. Stattdessen versucht sie immer wieder, dem Nutzer eine akzeptable Antwort zu geben, anstatt das Problem tatsächlich zu lösen. Für das KI-System, die Akzeptanz der Antwort ist das Ziel, nicht die Lösung des Problems. Die KI ist in dieser Hinsicht nicht besser als noch vor zwei Jahren. Das kann sich zwar in Zukunft ändern, aber dieses Problem jetzt zu erkennen und zu umgehen, ist ein wichtiger Teil meines Arbeitsalltags. In den letzten Jahren habe ich festgestellt, dass der Einsatz von KI zur Lösung eines Problems gelegentlich dazu geführt hat, dass ich unverhältnismässig viel Zeit verschwendet habe. Wenn ich meinen eigenen Code geschrieben habe und die KI gebeten habe, für denselben Zweck Code zu schreiben, habe ich festgestellt, dass mein eigener Code in der Regel nicht nur besser ist als der von der KI erzeugte Code, sondern auch lesbarer und verständlicher. Darin liegt ein entscheidender Unterschied: Die laufende Wartung wird einfacher, weil ich (oder andere Entwickler) den geschriebenen Code verstehen. Das ist besonders wichtig, weil viele meiner Kunden mich schon seit mehreren Jahren um Unterstützung für ihre Projekte bitten und es deshalb wichtig ist, dass ich mir den Code von vor einiger Zeit ansehen und sofort verstehen kann, was passiert ist. Viele Lösungen sind so konzipiert, dass sie ein Projekt schnell zum Laufen bringen, aber das geht in der Regel auf Kosten der langfristigen Übersichtlichkeit und Wartung. Dieser Blogbeitrag von Nathan Wrigley hat gezeigt, dass die Verwendung von automatischen Werkzeugen für die Erledigung von Aufgaben sogar schädlich für unser Leben sein kann — nicht nur für Programmierer/innen, sondern auch für Menschen in anderen Lebensbereichen, in denen sich wiederholende Arbeiten Teil der Erfahrung sind. In Nathans Geschichte änderten die Mitarbeiter eines Unternehmens ihre Prozesse, um effizienter zu werden, übersahen dabei aber die Nebenaspekte ihres Arbeitslebens. Damals wussten sie es nicht, aber im Nachhinein betrachtet hatte ihr Effizienzstreben ihnen etwas genommen, etwas, von dem sie bereuten, es losgelassen zu haben. Aber jetzt war es weg, und es gab keine Hoffnung, dass es wieder so wird, wie es war. Nathan Wrigley, «Gefahren der Effizienz mit KI» Stell dir einen Programmierer vor, der den ganzen Tag allein in seinem Büro sitzt, ohne persönliche Interaktion, und mit KI-Tools Projekte erstellt, die so kompliziert sind, dass sie nach sechs Monaten nicht mehr gewartet werden können. Vergleiche diese Erfahrung mit der eines Entwicklers, der in einem Raum mit einem Team von Leuten sitzt, die zusammenarbeiten, oder der Programmiersprachen lernt, um Themen wie Technologie, Barrierefreiheit und Benutzerfreundlichkeit vollständig zu verstehen. Obwohl das Erste zu Beginn eines neuen Projekts wahrscheinlich effizienter ist, erfordert die mittel- bis langfristige Laufzeit des Projekts nicht unbedingt weniger Arbeit. Die Arbeit wird nur darin bestehen, herauszufinden, was deine KI vor sechs Monaten gebaut hat und warum es nicht so funktioniert, wie du es erwartet hast. Angesichts der jüngsten Erfahrungen wird die KI möglicherweise sogar Schwierigkeiten haben, zu verstehen, was sie vor sechs Monaten geschrieben hat. Wenn du eine KI bittest, einen Code zu schreiben, wird sie den Code oft bei jedem Versuch anders schreiben. Im Vergleich dazu läuft der Code, den ich 2019 für die Website einer lokalen Gleitschirmschule geschrieben habe, auch nach über sechs Jahren noch einwandfrei, weil ich die Anforderungen genau verstanden habe und mich für den bestmöglichen Ansatz und standardisierte, wiederholbare Arbeitsmethoden eingesetzt habe. Wenn du die Medien, in denen du arbeitest, verstehst und lernst, wie du einen effizienteren Prozess aufbauen kannst, ist das viel nachhaltiger, umweltfreundlicher und besser für deine Karriere und dein Leben, als wenn du ein automatisiertes Tool von jemand anderem benutzt. Der Code ist nur der Anfang eines erfolgreichen Projekts, denn die Anforderungen, Ideen und Situationen der Menschen ändern sich ständig. Massenware und KI-Lösungen klingen oft attraktiv, weil sie versprechen, die Arbeit zu erleichtern. Wenn du KI aber einsetzt, solltest du einen Schritt zurücktreten und das Gesamtbild... - Kategorien: Programming - Tags: English version - : pll_69611cfeece71 How using AI doesn't just mean advantages but also notable disadvantages. AI has become incredibly prevalent since it became more publicly available just a few short years ago. Its integration to everything from translation to image generation — and especially in the areas of technology and programming — has made it a central part of many people’s processes. I won’t deny that tools like ChatGPT and Copilot have helped me with the work that I carry out for some of my clients. In particular, checking and revising complex code has become less of a burden, which has, in turn, allowed me to work more efficiently and waste a lot less time in trying to find and fix problems. Contrary to some people's experience, though, where AI tools are used to write all of the code for a project, I use the experience I've gained over the last thirty years building and maintaining websites and browser-based web applications to continually become more efficient. Thanks to the routines I establish and continually improve, my clients know that when they ask for projects to be built, this doesn’t necessarily mean a huge budget. In fact, the prices of my websites have come down over the past few years, thanks to improved tooling, more knowledge, and a continued passion to deliver the best possible result. Improvements in WordPress – in particular the Block and Site Editors – have allowed me to begin working much more efficiently than I used to at previous employers, and they allow clients to maintain their websites much more easily. By going “all-in” on the Block Editor when it became available at the end of 2018, I can now count over seven years of experience in building websites with this marvellous solution. However, leaning on these content management tools haven't obscured the main aim of my work: helping clients to communicate with their audiences efficiently and working in an editorial environment which has been customised precisely for their needs. The blog posts on independent websites that I mentioned earlier have reminded me to mention the downsides which using AI can bring. Thanks to the amount of experience that I have in building websites, I only really need to use AI in order to fix problems which aren’t immediately evident when I look at complicated code. Even then, AI can quickly get lost in the weeds when trying to solve a problem, because it won’t admit when it doesn’t know the answer. Instead, it just goes round and round to try and give a user an answer which they'll accept, instead of actually solving the problem. When getting responses from an AI, the acceptance of the answer is the system's goal: not the solution of the problem. AI isn't any better in this regard than it was two years ago. While this may change in future, recognising this problem and working around it is a key part of my daily working life. Over the past year or so, I have found that using AI to try and solve a problem has occasionally led me to waste an inordinate amount of time. When I’ve written my own code and asked AI to write code for the same purpose as a comparison, I’ve found that not only is my own code usually better than the code produced by the AI, but it’s also more readable and understandable. Herein lies is a key difference: maintenance becomes easier on an ongoing basis because I (or other developers) understand the code which has been written. This is particularly important because many of my clients have been coming to me for support on their projects for several years and so it's critical to ensure that I can look at code from some time ago and immediately understand what's happening. Where so many solutions are designed to get a project up and running quickly, this is usually at the cost of long-term clarity and maintenance. In particular, this recent blog post by Nathan Wrigley has highlighted the fact that using automatic tools to complete tasks can in fact be detrimental to our lives — not just programmers but also people in other walks of life where repetitive work is part of the experience. In Nathan's story, company employees changed their processes to be more efficient, but overlooked the ancillary and key aspects to their working lives. They did not know this at the time, but with hindsight, their efficiency drive had taken away something from them, something they regretted letting go of. But it was now gone, and there no hope of a return to how it was. Nathan Wrigley, “Dangers of efficiency with AI” Think of the programmer who sits in a home office alone all day, with no personal interaction, and uses AI tools to build projects which become so complicated that they are no longer maintainable six months down the road. Compare that experience with a developer who sits in a room with a team of people working together, or one who learns a programming language to completely understand topics like technology, accessibility and usability. Although the former is probably more efficient at the beginning of a new project, the mid to long-term life of the project won’t necessarily require less work. It’s just that the work will be trying to work out what your AI built six months ago and why it isn’t working as you expected it to. Given recent experience, the AI will possibly even struggle to understand what it wrote six months ago. Ask an AI to write a piece of code, and it'll quite often write the code differently every time it makes an attempt. In comparison, the code I wrote for a website for a local paragliding school in 2019 is still running with no problems, over six years later, thanks to a deep understanding of the requirements and a commitment to the best possible approach and standardised and repeatable working practices. Having the knowledge to understand the media in which you’re working, and learning how to build a more... - Kategorien: Programmierung, Servertechnik, Sicherheit - Tags: Deutsche Version - : pll_692882a0a012a Sicherstellen, dass die Inhalte deiner Website - einschliesslich der Dateien - nur für entsprechend autorisierte Besucher zugänglich sind. Ein kleiner politischer Skandal brach gestern in Grossbritannien aus, als ein Budgetbericht der britischen Regierung früher als geplant durchsickerte. Die in der regelmässigen Veröffentlichung enthaltenen Details werden üblicherweise im Voraus geheim gehalten, weil sie dramatische Veränderungen auf den nationalen und internationalen Märkten auslösen können. Das Problem scheint durch ein Missverständnis darüber verursacht worden zu sein, wie sicher die in WordPress gespeicherten Dateien sind. WordPress ist im Kern für einfache inhalts- und artikelgesteuerte Websites konzipiert, aber seine Funktionen können bei Bedarf durch Plugins oder eigene Entwicklungen erweitert werden. Das ist eine der grossen Stärken von WordPress als Content Management System: Website-Experten können die Grundfunktionen praktisch ohne Einschränkungen erweitern. Wenn du Dateien zu einem bestimmten Zeitpunkt veröffentlichen oder den Zugang zu bestimmten Inhalten einschränken musst, muss die Website technisch erweitert werden, um diese Anforderungen zu erfüllen. Die Standardzeitplanung, die Autoren und Inhaltsredakteuren für Artikel und Seiten zur Verfügung steht, gilt nicht für Dateien, es sei denn, diese Funktion wurde ausdrücklich implementiert. In diesem Fall war eine im März 2025 hochgeladene Datei über den Standard-WordPress-Downloadpfad verfügbar - zum Beispiel /wp-content/uploads/Maerz_2025. pdf. So war es leicht, den Namen des aktualisierten Berichts zu erraten und ihn herunterzuladen, indem man den Monat in der URL einfach in «November» änderte... und genau das hat ein Journalist erreicht. Technische Sicherheitsvorkehrungen sollten sich nie auf das Wissen eines Content Managers verlassen. Von Autoren und Redakteuren darf nicht erwartet werden, dass sie die detaillierte Technik einer Website verstehen. Stattdessen muss ein erfahrener Berater oder eine Webagentur wie Say Hello dafür sorgen, dass geeignete Sicherheitsfunktionen richtig implementiert werden. Wenn du Inhalte zu einer bestimmten Zeit veröffentlichen oder den Zugang auf bestimmte Nutzer/innen beschränken musst, muss die Website technisch erweitert werden, um diese Anforderungen zu erfüllen. Ich habe solche Schutzmassnahmen schon oft implementiert, unter anderem für einen lokalen Verlag, dessen technische Artikel und herunterladbare PDFs nur für registrierte Benutzer zugänglich sein dürfen. Um einen sicheren Zugriff zu gewährleisten, blockiert meine Lösung alle direkten PDF-Anfragen und leitet sie durch ein Skript, das den Login-Status des Nutzers überprüft und gegebenenfalls den Zugriff verweigert. Durch die Entwicklung einer massgeschneiderten (aber eher kostengünstigen) Lösung konnten wir sicherstellen, dass die Inhalte nicht von unbefugten Besuchern abgegriffen werden können. Wenn du den Zugriff auf Dokumente auf deiner WordPress-Website einschränken musst - einschliesslich PDFs, Bilder oder andere Medien - kannst du dich gerne mit mir in Verbindung setzen, um zu besprechen, wie wir deine Sicherheitsanforderungen erfüllen können. - Kategorien: Programming, Security, Server technology - Tags: English version - : pll_692882a0a012a Making sure that your website content — including files — are only available to suitably-authorised site visitors. A minor political scandal erupted in the UK yesterday when a budget document was leaked earlier than intended. Details contained in the regular publication are kept secret in advance because they can trigger dramatic changes in national and international markets. The problem appears to have been caused by a misunderstanding about how secure files stored in WordPress websites are. WordPress, at its core, is designed for simple content- and article-driven websites, but its functionality can be extended as needed through plugins or custom development. This is one of the great strengths of WordPress as a content management system: site owners can extend the basic functionality with practically no restrictions. If you need to publish files at a specific time, or restrict access to certain content, the site must be technically extended to support those requirements. The standard scheduling available to authors and content editors for articles and pages does not apply to files unless this functionality has been expressly implemented. In this case, a file uploaded in March 2025 was available via the standard WordPress download path — for example, /wp-content/uploads/March_2025. pdf. This made it easy to guess the name of the updated report and download it simply by changing the month in the URL to “November”... which is exactly what a journalist achieved. Technical safeguards should never rely on the knowledge of a content manager. Authors and editors must not expected to understand the inner workings of a website; instead, an experienced advisor or web agency like Say Hello must ensure that appropriate security features are properly implemented. If you need to publish content at a specific time, or restrict access to certain users, the site must be technically extended to support those requirements. I have implemented such protections many times, including for a local publishing company whose technical articles and downloadable PDFs must only be accessible to registered users. To ensure secure access, my solution blocks all direct PDF requests and routes them through a script that checks the user’s login status, refusing access when appropriate. By developing a bespoke (but inexpensive) solution, we ensured that content could not be scraped by unauthorised visitors. If you need to restrict access to documents on your WordPress website — including PDFs, images or other media — feel free to get in touch to discuss how we can meet your security requirements. - Kategorien: Servertechnik, Wartung - Schlagwörter: Cyon - Tags: Deutsche Version - : pll_69038f44d8996 Das Schweizer Webhosting-Unternehmen Cyon kündigt kostenlose Upgrades für seine Hosting-Pakete an. Ich arbeite seit über zehn Jahren mit dem Schweizer Hosting-Unternehmen Cyon in Basel zusammen: zunächst als Kunde durch die Leitung des Technik- und Entwicklungsteams einer früheren Agentur und seit 2019 durch die direkte Betreuung von Say Hello-Kunden. (Ein kurzer Hinweis: Die Links zu Cyon in diesem Artikel sind Partnerlinks. Wenn du dich durchklickst und dich entscheidest, ihre Dienste zu abonnieren, erhalte ich als Dankeschön eine kleine Gebühr). Cyon und seine Dienstleistungen, sowohl im technischen Bereich als auch beim Support, sind in ihrer Klasse unübertroffen. Wenn ich die Zuverlässigkeit und Geschwindigkeit der von Cyon gehosteten Websites mit anderen vergleiche, mit denen ich gelegentlich zusammenarbeite, macht die Einfachheit des Zugangs, der Verwaltung und der Wartung deutlich, dass Aufgaben schnell und effizient gelöst werden können. In ihrem letzten Newsletter steht, dass die Webhosting-Pakete von Cyon für ihre Kunden kostenlos aktualisiert wurden. Dein Webhosting erhält ein kostenloses Leistungs-Upgrade: Mehr SSD-Webspace für alle Webhosting- und Webhosting Pro-Pakete. Zusätzlich gibt es mehr Arbeitsspeicher (RAM) für Webhosting Double & Triple. Und das alles ohne Mehrkosten. Cyon GmbH, Basel Viele der eigenen Websites, Test- und Staging-Umgebungen von Say Hello werden von diesen Änderungen profitieren, ebenso wie einige unserer Stammkunden, die sich für Cyon als Webhosting-Dienstleister entschieden haben. Mehr SSD (Festplattenspeicher) bedeutet weniger Einschränkungen bei der Anzahl der Bilder, Videos und Dateien, die du hochladen kannst, und mehr RAM bedeutet mehr Leistung sowohl für die Besucher als auch für die Website-Redakteure. Wartungspakete Wenn du herausfinden möchtest, wie ich dir helfen kann, indem ich die Verantwortung für die Pflege und Überwachung deiner Website übernehme, mit oder ohne die Vorteile eines Webhosting-Pakets von Cyon, dann nimm bitte Kontakt mit mir auf. - Kategorien: Maintenance, Server technology - Schlagwörter: Cyon - Tags: English version - : pll_69038f44d8996 Swiss web hosting company Cyon announces free upgrades to their hosting packages. I've been collaborating with Swiss hosting company Cyon in Basel for well over a decade: firstly as a customer through technical and development team leadership at a previous agencies, and subsequently through direct support for Say Hello clients since 2019. (A quick note: links to Cyon in this article are affiliate links. If you click through and decide to subscribe to their services, I get a small fee from them as a “thank you”. ) Cyon and their services, both technical and support-related, are second to none in their class. When comparing the reliability and speed of websites hosted by Cyon with others I occasionally work with, the ease of access, management, and maintenance makes it clear that tasks can be resolved quickly and efficiently. In their latest newsletter, it's wonderful to see that the Cyon web hosting packages have been upgraded at no cost to their clients. Your web hosting plan is receiving a free performance upgrade: More SSD web space for all Web Hosting and Web Hosting Pro packages. In addition, there's more RAM for Web Hosting Double & Triple. And all of this at no extra cost. Cyon GmbH, Basel Many of Say Hello's own websites, testing and staging environments will profit from these changes, as will several of our regular clients who have chosen to use Cyon for their web hosting services. More SSD (hard drive space) means fewer limitations on how many images, videos and files you can upload, and more RAM means a more performance both for visitors and for website editors. Maintenance packages If you'd like to find out how I can help you by taking over responsibility for maintaining and monitoring your website, with or without the benefits of a web hosting package from Cyon, then please feel free to get in touch. Subscribe to the Say Hello newsletter Since launching the new version of sayhello. ch in September, I'm publishing new blog posts and examples of my work on a semi-regular basis. If you’d like to get a newsletter email from time to time, then feel free to join my mailing list. (If you’d prefer to receive the German language newsletter, please switch to the German version of the website first. ) English language newsletter Subscribe * indicates required Email Address *Name *Firma *Datenschutz und PrivatsphäreSay Hello nimmt den Schutz deiner Daten ernst. Bitte stimme zu, dass wir deine E-Mail-Adresse zur Speicherung an die Mailchimp-Server weitergeben dürfen. Ja, ich bin einverstandenDu kannst dich jederzeit über den Link im Footer unserer E-Mails abmelden. Informationen zu unseren Datenschutzpraktiken findest du auf sayhello. ch. We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp's privacy practices. /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */ - Kategorien: Design und UX - Tags: Deutsche Version - : pll_69035efdd0248 Ich zeige einige Entwürfe für Projekte, die fast zwanzig Jahre zurückliegen und die sich bewährt haben. Einige Dateien, auf die ich beim Aufräumen alter Festplatten gestossen bin, haben mich zum Schmunzeln gebracht: alte Photoshop-Dateien mit meinen Entwürfen für Websites, die bis Mitte der 2000er Jahre zurückreichen. Obwohl ich mich bei Say Hello hauptsächlich auf die Konzeption und Erstellung von Websites und Webanwendungen konzentriere, liebe ich es immer noch, für Kunden und für mich selbst Ideen und Websites zu konzipieren und zu gestalten. Ich mag immer noch einige Aspekte dieser alten Ideen, von denen einige für Kundenprojekte programmiert wurden und sehr erfolgreich waren, als es noch nicht so viele Webseiten gab und man nicht so sehr darauf bedacht war, dass jede Webseite ähnlich aussieht. Damals gab es noch keine Smartphones oder iPads, was die Designarbeit ein wenig erleichterte. Die Gestaltung für verschiedene Geräte und Bildschirmgrössen ist seit 2010 zu einer meiner Kernkompetenzen geworden. Ich bin davon überzeugt, dass einige dieser Entwürfe die Zeit überdauert haben und auch heute noch verwendet werden könnten. Schweizer Hubschrauber Mein Favorit ist die Website der Swiss Helicopter Group (ehemals BOHAG), die ich 2008 entworfen und erstellt habe. Das war damals mein Lieblingsprojekt, bei dem ich mit meinen Kollegen bei einem früheren Arbeitgeber zusammengearbeitet habe, um eine Website mit umfangreichen Multimedia-Inhalten zu erstellen, darunter wunderschöne, hochauflösende alpine Luftaufnahmen und Videos. Ich kannte damals den Geschäftsführer des Unternehmens, aber ich habe meine Chance leider verpasst, für sie zu fotografieren. Meine Lieblingsprojekte im Internet waren schon immer Rich-Media-Erlebnisse, und ich würde gerne mehr davon machen. Herkunft Erdgas Haslilodge Jugendherberge Blumenladen Aebi in Meiringen Schweizerischer Feuerwehrverband (Jugendfeuerwehr) - Kategorien: Design and UX - Tags: English version - : pll_69035efdd0248 Showcasing some design work for projects nearly twenty years ago, which have stood the test of time. Some files I've come across while clearing out some old hard drives have made me smile: old Photoshop files containing my designs for websites dating back to the mid 2000s. Although much of my focus at Say Hello is on conceiving and building websites and web applications, I still love to do design work for clients and for myself. I still quite like some aspects of these old ideas, some of which were programmed for client projects and went on to be very successful in the days when there were fewer websites around and less of a drive to make every web page look the same. There were no smartphones or iPads at the time, which made the design work a little easier, but designing for multiple devices and screen sizes has come to be one of my core competencies. I'm pretty convinced that a few of these designs have stood the test of time, and could even be re-worked for use today. Swiss Helicopter My favourite is the website for Swiss Helicopter Group (formerly BOHAG), which I designed and built in 2008. That was my favourite project of the time, when I and my colleagues at a former employer collaborated to build a site with extensive multimedia including beautiful, high-resolution aerial alpine photography and videos. I knew the CEO of the company back then, but I missed my chance to do some photography for them. My favourite web projects have always been rich media experiences, and I'd love to get the chance to do more of them. Herkunft Erdgas Haslilodge hostel Swiss Fire Brigade Association (Youth division) - Kategorien: WordPress - Schlagwörter: Block Editor, Wie man eine Website mit WordPress baut - Tags: English version - : pll_68f27130357c1 I’m starting a series of blog posts in which I explain in simple terms what I’ve learned over the past few years using the editorial tools in WordPress. I see many small agencies and freelancers struggling with the concept of creating client websites using the WordPress editors. That’s why I’m starting a series of blog posts in which I explain — in simple terms — what I’ve learned over the past few years using these WordPress tools. I’ll show the major advantages of the Block Editor, but also when a more data-driven approach is better suited to specific project requirements. There’s no single “right way” to build websites with WordPress. I’ll help you understand the different options available to you. WordPress itself provides the foundation for building a website with a content management system. It has been continuously developed for over 22 years, and its commitment to modern development while maintaining support for older web servers and technologies has paid off: over 60% of all websites based on content management systems run on WordPress — that’s more than 43% of all websites worldwide. More important than the system’s popularity is the question: can the current version of WordPress meet the needs of website owners and be effectively used and extended by freelancers and agencies? Is the system easy to use and expand? What can be achieved with the core technology? How (and why) should WordPress be extended, what options are available, and what are their pros and cons? The Block Editor (2018) and the Site Editor (2022, also known as Full Site Editing) were both turning points in how we build websites. For those unfamiliar with the technology, it’s often unclear which approach is best, and getting started doesn’t always seem easy. This is the introductory post in a series — each subsequent article will be published at regular intervals. I tend to write in detail unless restrained, so each aspect of the process will be covered in its own focused post. The content is freely accessible: the series will be public and free of charge, published under the Creative Commons CC0 licence — you can do whatever you like with it. - Kategorien: WordPress - Schlagwörter: Block Editor, Wie man eine Website mit WordPress baut - Tags: Deutsche Version - : pll_68f27130357c1 Ich starte eine Serie von Blogbeiträgen, in denen ich in einfachen Worten erkläre, was ich in den letzten Jahren mit den Redaktionstools in WordPress gelernt habe. Ich sehe viele kleine Agenturen und Freelancer, die mit dem Konzept hadern, Kundenwebsites mit den WordPress-Editoren zu erstellen. Deshalb starte ich eine Serie von Blogbeiträgen, in denen ich – in einfachen Worten – erkläre, was ich in den letzten Jahren mit diesen WordPress-Tools gelernt habe. Ich zeige, welche grossen Vorteile der Block-Editor bietet, aber auch, wann ein stärker datenorientierter Ansatz besser zu den Anforderungen bestimmter Projekte passt. Es gibt keinen «einzig richtigen Ansatz», wenn es um den Bau von Websites mit WordPress geht. Ich helfe dir dabei zu verstehen, welche Möglichkeiten dir zur Verfügung stehen. WordPress selbst liefert die Grundlagen dafür, eine Website mit einem Content-Management-System zu bauen. Es wird seit über 22 Jahren kontinuierlich weiterentwickelt, und das Engagement für moderne Entwicklung sowie die Unterstützung älterer Webserver und Technologien hat sich ausgezahlt: Über 60 % aller Websites, die auf Content-Management-Systemen basieren, laufen auf WordPress. Das sind übrigens mehr als 43% aller Websites auf der Welt. Was wichtiger ist als die Beliebtheit des Systems: Kann WordPress in seiner aktuellen Version die Bedürfnisse von Website-Besitzer:innen erfüllen und von Freelancer:innen und Agenturen genutzt und erweitert werden? Ist das System einfach verwendbar und erweiterbar? Was kann man mit der Basistechnologie erreichen? Wie (oder warum) sollte man WordPress erweitern, welche Optionen stehen zur Verfügung, und was sind die Vor- und Nachteile? Der Block Editor (2018) und der Site Editor (2022, auch bekannt als Full Site Editing) waren beide Wendepunkte in der Art und Weise, wie wir Websites bauen. Wenn man sich noch nicht mit dieser Technologie beschäftigt hat, ist oft nicht klar, welcher Ansatz der beste ist, und der Einstieg scheint nicht immer einfach zu sein. Dies ist der Einführungsbeitrag einer Serie – jeder weitere Beitrag wird in regelmässigen Abständen veröffentlicht. Ich neige dazu, ausführlich zu schreiben, solange ich nicht gehemmt werde, daher wird jeder Aspekt des Prozesses in einem eigenen Beitrag behandelt, damit er fokussiert bleibt. Der Inhalt ist kostenfrei zugänglich: Die Serie wird öffentlich und kostenlos verfügbar sein und unter der Lizenz Creative Commons CC0 stehen: Du darfst damit machen, was Du willst. Wenn Du E-Mails erhalten möchtest, sobald ein neuer Beitrag veröffentlicht wurde, abonnierst Du bitte meinen Newsletter. Die ganze Serie von Blogbeiträgen findest Du hier. - Kategorien: Programming, WordPress - Schlagwörter: Block Editor, custom block attributes, editor.BlockEdit, InspectorControls, React, video - Tags: English version - : pll_68f799f1a1167 I use the extensibility of the WordPress core blocks to improve the output of the video player. WordPress allows content managers to embed videos directly on a website via the Block Editor by uploading a file to the media library in the WordPress admin and then placing the video on the page. This gives users full control over their content without having to resort to a third-party video service. If you visit YouTube or Vimeo, you will see that the preview is usually curated - a suitable image is usually selected that hints at the content of the video. The video block in the WordPress Block Editor allows content managers to upload their own image file and assign it as a "poster" (or preview image). However, this image must be created and assigned separately. This additional creation of a separate image had been on my list of minor problems to solve for some time. Thanks to the extensibility of the WordPress Block Editor, I was able to build my own addition to the standard functions. Instead of developing a completely new block, I used hooks and filters to add a custom block attribute and a custom interface to manage the thumbnail directly. A perfect little project for a quiet Friday. In my solution shown below, the uploaded video is empty in the first frame - exactly where the preview is normally generated. (The video fades in from white. ) This is useless because the user does not see a preview. In the second example, I used my solution to select a frame at 21 seconds to show what the video is about in an aesthetically pleasing image. This new setting saves me having to open an image editing programme and create the preview manually. A video player without preview image The video player with an automatic single image preview - Kategorien: Programmierung, WordPress - Schlagwörter: Block Editor, custom block attributes, editor.BlockEdit, InspectorControls, React, video - Tags: Deutsche Version - : pll_68f799f1a1167 Ich nutze die Erweiterbarkeit der WordPress-Core-Blöcke, um die Ausgabe des Videoplayers zu verbessern. WordPress ermöglicht es Content-Managern, Videos direkt auf einer Webseite über den Block-Editor einzubinden, indem sie eine Datei in die Mediathek im WordPress-Admin hochladen und das Video anschliessend auf der Seite platzieren. So haben die Benutzer die volle Kontrolle über ihre Inhalte, ohne auf einen Drittanbieter-Videodienst zurückgreifen zu müssen. Wer YouTube oder Vimeo besucht, sieht, dass die Vorschau in der Regel kuratiert ist — meist wird ein passendes Bild ausgewählt, das den Inhalt des Videos andeutet. Der Video-Block im WordPress-Block-Editor erlaubt es Content-Managern, eine eigene Bilddatei hochzuladen und als «Poster» (bzw. Vorschaubild) zuzuweisen. Allerdings muss dieses Bild separat erstellt und zugewiesen werden. Dieses zusätzliche Erstellen eines separaten Bildes stand schon länger auf meiner Liste kleinerer Probleme, die ich lösen wollte. Dank der Erweiterbarkeit des WordPress-Block-Editors konnte ich meine eigene Ergänzung zu den Standardfunktionen bauen. Anstatt einen komplett neuen Block zu entwickeln, nutze ich Hooks und Filter, um ein benutzerdefiniertes Block-Attribut sowie eine eigene Oberfläche hinzuzufügen, über die ich das Vorschaubild direkt verwalten kann. Ein perfektes kleines Projekt für einen ruhigen Freitag. In meiner unten dargestellten Lösung ist das hochgeladene Video im ersten Frame leer — genau dort, wo normalerweise die Vorschau generiert wird. (Das Video blendet aus Weiss ein. ) Das bringt nichts, weil der Benutzer keine Vorschau sieht. Im zweiten Beispiel habe ich mit meiner Lösung einen Frame bei 21 Sekunden ausgewählt, um in einem ästhetisch passenden Bild zu zeigen, worum es im Video geht. Diese neue Einstellung erspart mir das Öffnen eines Bildbearbeitungsprogramms und das manuelle Erstellen der Vorschau. Ein Videoplayer ohne Vorschaubild Der Videoplayer mit einem automatischen Einzelbild als Vorschau - Kategorien: Maintenance, Server technology, WordPress - Schlagwörter: e-mail, Outlook, SMTP - Tags: English version - : pll_68f79a47b3660 How to improve email delivery from your website and how to integrate Microsoft 365 services into your WordPress website. Your WordPress website occasionally needs to send emails - for example, when someone resets their password, maintenance or security notices are sent or a visitor fills out a contact form. The standard PHP function mail, which sends mails directly from the web server, is often used for this. This worked well for a long time, but because spam has increased, mail providers have introduced stricter rules - as a result, many mails from unauthenticated servers are rejected. This is particularly the case if the web server sends emails from your domain(... @example. ch), but your mail server recognises that it has not triggered the email itself. As a result, emails may arrive at other recipients, but not at you as the website operator. I use the WP Mail SMTP (or Gravity SMTP) plugin for my customers to ensure that these emails arrive more reliably. This means that the emails are sent via your official mail server and arrive much more securely. If you have a normal SMTP mail server via your hosting and don't need logs for sent emails, the free version of the plugin is sufficient. Sending emails from WordPress with Outlook More and more companies are using Outlook from Microsoft to manage their email traffic. The service ensures greater security for emails and mailboxes, better spam control and a higher delivery rate. Previously, you could send emails via the Outlook SMTP server (Microsoft 365) using a username and password, but this service will soon be switched off. If you do nothing, there could be error messages and undeliverable emails, which can also affect the security of your website (e. g. through undelivered warnings) and can lead to users no longer being able to access WordPress. To ensure that your website can continue to send emails via the Microsoft mail server, you will need an oAuth connection in future. I recommend that you set this up as soon as possible. In order to do so, you will need to use the Pro version of a plugin like WP Mail SMTP or Gravity SMTP. Free usage with a maintenance contract From the "Extended" level upwards, Say Hello maintenance contracts include the use and costs of this plugin version at no extra charge; only extraordinary work in collaboration with an IT manager is charged at a previously agreed hourly rate. So I take the work off your hands and you no longer have to worry about mails not being sent correctly. If you don't yet have a maintenance contract for your WordPress website, please get in touch. Maintenance services for WordPress websites - Kategorien: Servertechnik, Wartung, WordPress - Schlagwörter: E-Mail, Outlook, SMTP - Tags: Deutsche Version - : pll_68f79a47b3660 Wie ich den E-Mail-Versand aus deiner Website verbessere und wie ich Microsoft-365-Dienste in deine WordPress-Website integriere. Deine WordPress-Website muss gelegentlich E-Mails versenden – etwa, wenn jemand sein Passwort zurücksetzt, Wartungs- oder Sicherheitshinweise verschickt werden oder ein Besucher ein Kontaktformular ausfüllt. Oft wird dafür die PHP-Standardfunktion mail genutzt, die Mails direkt vom Webserver schickt. Das hat lange gut funktioniert, aber weil Spam immer mehr zugenommen hat, haben Mail-Provider strengere Regeln eingeführt – dadurch werden viele Mails von nicht authentifizierten Servern abgelehnt. Dies trifft vor allem dann zu, wenn der Webserver E-Mails von deiner Domain (... @beispiel. ch) sendet, dein Mailserver jedoch erkennt, dass er die E-Mail nicht selbst ausgelöst hat. So kann es vorkommen, dass E-Mails bei anderen Empfänger:innen ankommen, aber nicht bei dir als Websitebetreiber. Damit diese Mails zuverlässiger ankommen, setze ich für meinen Kunden eines der beiden Plugins WP Mail SMTP oder Gravity SMTP ein. (Der Wahl fällt auf Basis der sonstigen Technik auf der Website. Ist Gravity Forms im Einsatz, macht Gravity SMTP mehr Sinn. ) So laufen die E-Mails über deinen offiziellen Mailserver und kommen viel sicherer an. Wenn du einen normalen SMTP-Mailserver über dein Hosting hast und keine Logs für gesendete Mails nötig hast, reicht dafür schon die Gratis-Version des WP Mail SMTP Plugins. E-Mails aus WordPress mit Outlook versenden Immer mehr Firmen nutzen Outlook von Microsoft, um ihren E-Mail-Verkehr zu managen. Diese Dienste sorgen für mehr Sicherheit bei E-Mails und Postfächern, bessere Spam-Bekämpfung und eine höhere Zustellrate. Bisher konnte man E-Mails über die SMTP-Server von Outlook (Microsoft 365) mit Benutzername und Passwort verschicken, aber dieser Service wird demnächst abgeschaltet. Wenn du nichts unternimmst, könnte es Fehlermeldungen und unzustellbare E-Mails geben, was auch die Sicherheit deiner Website beeinträchtigen kann (z. B. durch nicht zugestellte Warnungen) und dazu führen kann, dass User nicht mehr in WordPress reinkommen. Damit deine Website weiterhin über den Microsoft-Mailserver E-Mails verschicken kann, brauchst du künftig eine oAuth-Verbindung. Ich empfehle dir, das zeitnah einzurichten. Dafür musst du allerdings die Pro-Version eines Plugins wie WP Mail SMTP oder Gravity SMTP nutzen. Kostenlose Anwendung mit einem Wartungsvertrag Ab der Stufe «Erweitert» beinhalten Wartungsverträge von Say Hello die Nutzung und Kosten dieser Plugin-Version ohne Aufpreis; nur ausserordentliche Arbeiten in Zusammenarbeit mit einer IT-Verantwortlichen Person werden zu einem vorher vereinbarten Stundenansatz verrechnet. So nehme ich euch die Arbeit ab und du musst keine Sorgen mehr haben, dass Mails nicht korrekt gesendet werden. Wenn du noch keinen Wartungsvertrag für deine WordPress-Website hast, melde dich gerne bei mir. Wartungsangebote für WordPress-Websites - Kategorien: Design and UX, WordPress - Tags: English version - : pll_68f79aa88bcb7 A new web design with WordPress for Say Hello: modern technology, accessibility, modular structure and better visibility thanks to SEO optimisation. If you are reading this blog post, you're seeing the new design of the Say Hello website, which went live in September 2025. As any web agency or freelancer can tell you, designing and building your own website is quite time-consuming - there are countless options and once you've picked one, you often wonder later whether an alternative wouldn't be better after all. After almost thirty years of experience in web design and web development, I can confirm that with experience comes a great deal of choice. I have invested a lot of time in the details of the design and code of the new website and also have many more ideas for new functions and content. I am proud and very happy that the new website is finally online. The previous appearance of the Say Hello website So, why did the website need to be redesigned in the first place? The old design was great and has worked very well since 2017 - it has received many compliments over the last eight years. However, the custom code didn't utilise all the modern features that WordPress offers, and the compatibility and maintenance work was taking up more and more time. That's why I decided to do a complete relaunch. A change of company ownership last year also provided an impetus for the new look when I took over the agency from my former business partner Nico. An important part of any small business is the unique capabilities it offers, and the company website should reflect not only what the company offers, but also something of its voice and aims. The new look of the Say Hello website The new Say Hello website better reflects who I am and shows the topics that are important to me and my clients. From concept and design to programming and content creation, my services can be presented much better than on the previous website. The blog is going to be used more frequently, the work examples are updated and expanded more regularly, and new features are added from time to time. The minimum viable product For me, the most important thing was to get the new website online - according to the motto "online is better than finished". There is no such thing as "finished" in the internet: just as a company is constantly evolving, the content also needs to grow and be developed. How much work this requires depends on how much the website owner wants to invest in online communication. I want to share information about Say Hello and my projects on a more regular basis. Hence the "minimum viable product" approach: the new website contains all the necessary information and fulfils the visual and technical standards that I apply to every project, but it will continue to be improved and extended over time. Thanks to its modular structure, the website can be expanded at any time without the need for a complete rebuild. My next goal is to provide a complete English translation1 so that the public, customers and colleagues without any knowledge of German can find all the information they need. Regular content updates also improve visibility in search engines. The success is already evident: where the old website didn't appear for an important search term, the new website is already ranked number one for that term the day after launch. Only paid adverts are ranked higher in Google. Technical accessibility The main focus of the new website was on modernising the design and technology. During this work, it was, as always, important to consider accessibility as a central criterion. The new website uses display technologies to optimally support visitors with special accessibility settings. Animations are suppressed for users who do not want movement, and a higher contrast colour palette is automatically used when the higher contrast setting is activated. A "Dark Mode" version, which automatically adapts to the device settings, will follow later on. Feedback welcome If you are interested in any of the topics, I look forward to hearing from you! You can send me an e-mail to mark@sayhello. ch or use the options on the contact page. - Kategorien: Design und UX, WordPress - Tags: Deutsche Version - : pll_68f79aa88bcb7 Ein neues Webdesign mit WordPress für Say Hello: moderne Technik, Barrierefreiheit, modularer Aufbau und bessere Sichtbarkeit dank SEO-Optimierung. Wenn du diesen Blogbeitrag liest, siehst du das neue Design der Say Hello Website, die im September 2025 online ging. Wie dir jede Webagentur oder jeder Freelancer bestätigen kann, ist es ziemlich zeitaufwendig, eine eigene Website zu gestalten und zu bauen – es gibt unzählige Möglichkeiten und man stellt sich immer wieder fragen, ob eine Alternative doch nicht besser wäre. Nach fast dreissig Jahren Erfahrung im Webdesign und in der Webentwicklung kann ich bestätigen, dass mit der Erfahrung auch die Auswahl wächst. Ich habe viel Zeit in die Details von Design und Code der neuen Website investiert und habe auch viele weitere Ideen für neue Funktionen und Inhalte. Ich bin stolz und freue mich sehr, dass die neue Website endlich online ist. Das bisherige Erscheinungsbild der eigenen Website Also, warum musste die Website überhaupt neu gestaltet werden? Das alte Design war grossartig und hat seit 2017 sehr gut funktioniert – es hat in den letzten acht Jahren viele Komplimente erhalten. Allerdings nutzte der individuelle Code nicht alle modernen Möglichkeiten, die WordPress bietet, und die Arbeiten zur Kompatibilität und Wartung nahmen immer mehr Zeit in Anspruch. Deshalb entschied ich mich für einen kompletten Relaunch. Ein Eigentümerwechsel im letzten Jahr gab auch einen Anstoss für das neue Erscheinungsbild, als ich die Agentur von meinem früheren Geschäfts~partner Nico übernahm. Ein wichtiger Teil jedes kleinen Unternehmens sind die einzigartigen Fähigkeiten, die es bietet, und die Firmenwebsite sollte nicht nur das Angebot, sondern auch die Stimme des Unternehmens widerspiegeln. Das neue Erscheinungsbild der eigenen Website Die neue Website von Say Hello spiegelt besser wider, wer ich bin, und zeigt die Themen, die mir und meinen Kunden wichtig sind. Von Konzept und Design über Programmierung bis hin zur Inhaltserstellung lassen sich meine Dienstleistungen deutlich besser präsentieren als auf der bisherigen Website. Der Blog wird häufiger genutzt, die Arbeitsbeispiele werden regelmässiger aktualisiert und erweitert, und von Zeit zu Zeit kommen neue Funktionen hinzu. Das Minimum Viable Product Für mich war es am wichtigsten, die neue Website online zu bringen – nach dem Motto «online ist besser als fertig». Denn «fertig» gibt es nie: So wie sich ein Unternehmen ständig weiterentwickelt, müssen auch Website und Inhalte wachsen und gepflegt werden. Wie viel Arbeit das bedeutet, hängt davon ab, wie stark der Websitebetreiber in die Online-Kommunikation investieren will. Ich möchte regelmässiger Informationen über Say Hello und meine Projekte teilen. Darum der «Minimum Viable Product»-Ansatz: Die neue Website enthält alle nötigen Informationen und erfüllt die visuellen und technischen Standards, die ich bei jedem Projekt einsetze. Dank des modularen Aufbaus kann die Website jederzeit erweitert werden, ohne dass ein kompletter Neubau nötig ist. Als nächstes Ziel plane ich eine vollständige englische Übersetzung1, damit das Publikum, die Kund:innen und Kolleg:innen ohne Deutschkenntnisse alle Infos finden. Regelmässige Inhaltsupdates verbessern zudem die Sichtbarkeit in Suchmaschinen. Schon jetzt zeigt sich der Erfolg: Wo die alte Website für einen wichtigen Suchbegriff nicht erschien, rangiert die neue Website bereits am Tag nach dem Start auf Platz eins für den Begriff – nur bezahlte Anzeigen stehen noch davor. Technische Funktionen für Barrierefreiheit Wie bereits erwähnt, lag der Hauptfokus der neuen Website auf der Modernisierung von Design und Technik. Während dieser Arbeit war es wie immer wichtig, Barrierefreiheit als zentrales Kriterium zu berücksichtigen. Die neue Website nutzt Darstellungstechnologien, um Besucher mit speziellen Barrierefreiheits-Einstellungen optimal zu unterstützen: Animationen werden für Nutzer unterdrückt, die keine Bewegungen wünschen, und bei aktivierter Einstellung für höheren Kontrast wird automatisch eine kontrastreichere Farbpalette verwendet. Eine «Dark Mode»-Version, die sich automatisch an die Geräteeinstellungen anpasst, folgt in Kürze. Feedback willkommen Wenn dich eines der Themen interessiert, freue ich mich über eine Nachricht! Du kannst mir eine E-Mail an mark@sayhello. ch senden oder die Möglichkeiten auf der Kontaktseite nutzen. Fussnoten - Kategorien: Crossmedia, WordPress - Tags: English version - : pll_68f79ce726711 How to use WordPress to publish cross-media content. Between 15 and 20 years ago, I was a co-developer of a cross-media newspaper system for a regional publisher. When the internet was rather young in the region, we had the goal of convincing the readership of browser-based articles. Back then, many readers were impressed and the use of the online website increased steadily. Hardly anyone wanted a PDF version of the newspaper - if anything, they preferred a printed edition. Today, things are different: in addition to the website, the publisher offers readers a so-called "eTageszeitung" and there is no longer a printed version. The PDF version seems to be popular, as it has been offered continuously for several years. Waiting for the next issue of the newspaper is definitely a thing of the past, as most - if not all - articles are available immediately and as soon as they are published. Media releases: PDF or online? 10 to 15 years ago, as part of an international marketing and P. R. team, I tried to convince customers to use online media releases instead of PDFs sent by email. Despite the higher costs, our customers preferred to have PDFs designed, even though this did not result in a print product on the editorial side. A digital version of the content - neither as an HTML email nor as an online article - was rarely accepted by the media representatives. We often heard that there was no reason to optimise the existing processes. It was only with the advent of the iPhone and the increasing use of devices with different screen sizes that many editorial offices began to take a closer look at the delivery of media releases. Generating PDFs automatically In recent years, I have implemented a solution for the automatic generation of PDFs in several projects. Visitors can read articles in the browser, but can also optionally download them as PDFs. I suspect that these PDFs are usually stored as archive copies in file folders. This assessment was also confirmed to me by a customer - a well-known publishing house in Switzerland. The extra work involved in manual PDF production is often consciously accepted in order to satisfy a very traditional readership. As a web professional, you might assume that readers would be upset about being forced to use a certain device - for example, because a PDF is difficult to read on a mobile phone. But this is not the case: it turns out that some readers simply accept this and see it as normal. Especially if the readership is less affine and not yet familiar with the more modern alternative. Conclusion In traditional editorial offices, people often shy away from anything they don't already know. The challenge lies with those who are tied to processes that have been established for years and do not want to - or cannot - change them. Less expensive and technically simpler approaches are more likely to be accepted by younger companies and publishers - or by those whose readership consists of digital natives. So there is no one-size-fits-all solution that can be used for every project. The technology From a technical point of view, by using Puppeteer and Chrome on a node server, I was able to ensure that the layouts were realised in an appealing way. The documents are designed and prepared in WordPress with the Block Editor and modern CSS, including CSS Grid. A private Node server then takes over the optional assignment of a watermark as well as the generation and delivery of the PDF file. - Kategorien: Crossmedia, WordPress - Tags: Deutsche Version - : pll_68f79ce726711 Wie man WordPress einsetzt, um Inhalte crossmedial zu veröffentlichen. Vor 15 bis 20 Jahren war ich Mitentwickler eines crossmedialen Zeitungssystems für einen regionalen Verlag. Als das Internet in der Region eher jung war, hatten wir das Ziel, die Leserschaft von browserbasierten Beiträgen zu überzeugen. Damals zeigten sich viele Leser:innen beeindruckt, und die Nutzung der Online-Website nahm stetig zu. Kaum jemand wollte eine PDF-Version der Zeitung – wenn überhaupt, dann lieber eine gedruckte Ausgabe. Heute ist das anders: Der Verlag bietet der Leserschaft neben der Website nur noch eine sogenannte «eTageszeitung» an und eine gedruckte Version gibt es nicht mehr. Die PDF-Version scheint beliebt zu sein, da sie seit einigen Jahren durchgehend angeboten wird. Das Warten auf die nächste Ausgabe der Zeitung gehört definitiv der Vergangenheit an, da die meisten – wenn nicht sogar alle – Artikel sofort und zeitnah bei ihrer Veröffentlichung abrufbar sind. Medienmitteilungen: PDF oder online? Vor 10 bis 15 Jahren habe ich als Teil eines internationalen Marketing- und P. R. -Teams versucht, Kunden von Online-Medienmitteilungen zu überzeugen – anstelle von per E-Mail versandten PDFs. Unsere Kund:innen liessen trotz höherer Kosten lieber PDFs gestalten, obwohl daraus redaktionsseitig kein Print-Produkt entstand. Eine digitale Aufbereitung der Inhalte – weder als HTML-E-Mail noch als Online-Beitrag – wurde von den Medienverantwortlichen nur selten akzeptiert. Wir hörten oft, es gebe keinen Grund, die bestehenden Prozesse zu optimieren. Erst mit dem Aufkommen des iPhones und der zunehmenden Nutzung von Geräten mit unterschiedlichen Bildschirmgrössen begannen viele Redaktionen, sich intensiver mit der Auslieferung von Medienmitteilungen zu befassen. PDFs automatisch generieren In den letzten Jahren habe ich bei mehreren Projekten eine Lösung zur automatischen Generierung von PDFs implementiert. Besucher können Artikel im Browser lesen, aber auch optional als PDF herunterladen. Ich vermute, dass diese PDFs meist als Archivkopien in Aktenordnern abgelegt werden. Diese Einschätzung wurde mir auch von einem Kunden – einem bekannten Verlag in der Schweiz – bestätigt: Der Mehraufwand für eine manuelle PDF-Produktion wird trotzdem oft bewusst in Kauf genommen, um eine sehr traditionelle Leserschaft zufriedenzustellen. Als Webprofi könnte man annehmen, dass Leser sich über den Zwang zu einem bestimmten Gerät aufregen müssten – etwa, weil ein PDF auf dem Handy nur schwer zu lesen ist. Doch dem ist nicht so: es zeigt sich, dass einige Leser das einfach hinnehmen und als normal empfinden. Vor allen dann, wenn die Leserschaft weniger affin ist und die moderneren Alternative noch nicht kennt. Fazit In klassischen Redaktionen scheut man sich oft vor allem, was man nicht schon kennt. Die Herausforderung liegt bei jenen, die an jahrelang etablierte Prozesse gebunden sind und diese nicht umstellen wollen – oder können. Kostengünstigere und technisch einfachere Ansätze werden eher von jüngeren Unternehmen und Verlagen akzeptiert – oder von solchen, deren Leserschaft aus Digital Natives besteht. Es gibt also keine einmalige Lösung, die man für jedes Projekt einsetzen kann. Die Technik Aus technischer Sicht konnte ich durch den Einsatz von Puppeteer und Chrome auf einem Node-Server sicherstellen, dass die Layouts ansprechend umgesetzt werden. Die Dokumente werden in WordPress mit den Block Editor und modernem CSS – unter anderem CSS Grid – gestaltet und aufbereitet. Der Node-Server übernimmt anschliessend die optionale Vergabe eines Wasserzeichens sowie die Generierung und Auslieferung der PDF-Datei. - Kategorien: User guidance, WordPress - Tags: English version - : pll_68f79d8cb24f6 Really smart: A search integration with Algolia for your WordPress website. If you have a search function built into your WordPress website, you're probably familiar with the standard search. It does what it's supposed to do - but unfortunately not very well most of the time. WordPress mainly searches the titles and content of posts and pages. What it does not search by default: individual fields (such as user-defined input fields), categories, keywords or documents such as PDFs. File attachments are also generally not included. The standard search is also relatively simple. It only searches for exact matches. If someone enters "course", for example, but your post only contains "workshops" or "further education", it will not be found. This quickly leads to frustration among visitors - especially if your website has a lot of content. Although the search results appear "immediately" on a separate page, the loading time for the search results usually takes longer for larger websites with many articles or products. Users enter a word, click on "Search", and then sometimes have to wait a few seconds or longer. Better search results with Relevanssi A very common solution for improving WordPress search is the third-party plugin Relevanssi. I sometimes recommend it to customers who want a better search function but don't want to use an external system. Relevanssi completely replaces the standard search. The plugin indexes content in the background, saves it in its own database and then delivers much more relevant results for a search query. It not only searches posts and pages, but also (optionally): User-defined fields Categories and keywords Comments Own contribution types (e. g. products or events) The free version is completely sufficient for many websites. However, if you want to search PDF documents or support multilingual content (e. g. with WPML or Polylang), you will need the Pro version. One small catch: Relevanssi works on the server side, i. e. directly on your website. If you have a lot of content (e. g. an online archive, blog with many posts or many PDFs), this can increase the loading time of the search page somewhat. Again, this is not a real-time search - the results will come up quickly, but not immediately. Really smart: integration with Algolia If you want a real high-end search, then I recommend Algolia. This is an external search service that can deliver results at lightning speed - in real time, while you're still typing. This is a huge advantage, especially if your website has a lot of content and you want users to see matching results immediately. What makes Algolia special: Speed: The search results can appear immediately as you type. No reloading, no waiting. Intelligent synonyms: Thanks to built-in AI, Algolia also recognises search queries that do not exactly match the content. If someone searches for "doctor", but you have only entered "surgeon" or "specialist" in the content, these will still be displayed. Automatic error correction: Typos such as "eduation" instead of "education" are no longer a problem. Scalability: Even with thousands of pages and articles, the search remains fast. Because it takes place on Algolia's servers, the performance of your website is not burdened. The official Algolia plugin for WordPress connects your website to the Algolia search service. Content is automatically synchronised so that it remains current with every update. You can choose what to search - posts, pages, custom post types, categories, etc. Private content can also be handled flexibly: Depending on the setting, this can be specifically included or excluded. On your website itself, either a short preview text is displayed in the search results - depending on the specific implementation - or the entry remains completely without a preview. I have implemented this function on the tax portal website in recent weeks, where many specialist articles are only accessible to registered users. The costs for an Algolia integration Depending on the scope of use, the Algolia service offers a free entry-level version - but the costs for intensive use with lots of content remain manageable and fair. I customise the integration to your individual requirements - technically and creatively - and flexibly adapt the scope to your budget. The integration of Algolia is a little more technical and needs to be set up properly - that's why I do this on behalf of my customers with no fuss. The styling and behaviour of the results display or the search mask can also be adapted to your website. PDFs and file attachments PDFs and other file attachments are not automatically searched by Algolia by default. If this is important to you, we should discuss this right at the start of the project. If you would like to have PDFs searched on your website, it is also important to know: The content is only indexed as simple continuous text. This means that headings, paragraphs or other structural elements from the original document are lost. The clear structure that is usual for articles or pages is missing - which can affect the relevance and clarity of the search results. Conclusion If your website is manageable and the standard search is not enough, Relevanssi is a good first step. You get better results, more control options and a good search experience. However, if you have a lot of content or want the search to be extremely fast and intelligent, then I recommend Algolia. Especially for websites with many products, articles or multilingual offers, this is a clear added value. I recommend licensing the Pro version of the respective plugin so that the full range of functions can be reliably integrated into your website. I would be happy to help you find the right solution and optimise the search for your website. Because a good search not only ensures less frustration - it can also help visitors find the right content much faster. - Kategorien: Benutzerführung, WordPress - Tags: Deutsche Version - : pll_68f79d8cb24f6 Richtig smart: Eine Such-Integration mit Algolia für deine WordPress-Website. Wenn ihr auf eurer WordPress-Website eine Suchfunktion eingebaut habt, kennt ihr wahrscheinlich die Standardsuche. Die tut zwar, was sie soll – aber leider meistens nicht besonders gut. WordPress durchsucht hauptsächlich Titel und Inhalte von Beiträgen und Seiten. Was sie nicht standardmässig durchsucht: individuelle Felder (wie z. B. benutzerdefinierte Eingabefelder), Kategorien, Schlagwörter oder Dokumente wie PDFs. Auch Dateianhänge sind in der Regel nicht dabei. Die Standardsuche ist zudem relativ simpel gestrickt. Sie sucht nur nach exakten Übereinstimmungen. Wenn jemand z. B. «Kurs» eingibt, aber euer Beitrag nur «Workshops» oder «Weiterbildung» enthält, wird er nicht gefunden. Das führt schnell zu Frust bei den Besucher:innen – besonders, wenn eure Website viele Inhalte hat. Die Suchergebnisse erscheinen zwar «sofort» auf einer eigenen Seite, bei grösseren Websites mit vielen Beiträgen oder Produkten dauert die Ladezeit für die Suchergebnisse aber meist länger. Die Nutzer:innen geben ein Wort ein, klicken auf «Suchen» und müssen dann manchmal ein paar Sekunden oder länger warten. Bessere Suchergebnisse mit Relevanssi Eine sehr verbreitete Lösung zur Verbesserung der WordPress-Suche ist das Drittplugin Relevanssi. Ich empfehle es manchmal Kund:innen, die eine bessere Suchfunktion wollen, aber kein externes System verwenden möchten. Relevanssi ersetzt die Standardsuche komplett. Das Plugin indexiert Inhalte im Hintergrund, speichert diese in die eigene Datenbank, und liefert dann bei einer Suchanfrage viel relevantere Ergebnisse. Es durchsucht nicht nur Beiträge und Seiten, sondern auch (wahlweise): benutzerdefinierte Felder Kategorien und Schlagwörter Kommentare eigene Beitragstypen (z. B. Produkte oder Veranstaltungen) Die kostenlose Version ist für viele Websites völlig ausreichend. Wer allerdings PDF-Dokumente durchsuchen oder mehrsprachige Inhalte (z. B. mit WPML oder Polylang) unterstützen will, braucht die Pro-Version. Ein kleiner Haken: Relevanssi funktioniert serverseitig, also direkt auf eurer Website. Wenn ihr sehr viele Inhalte habt (z. B. ein Online-Archiv, Blog mit vielen Beiträgen oder viele PDFs), kann das die Ladezeit der Suchseite etwas verlängern. Auch hier ist es keine Echtzeit-Suche – die Ergebnisse kommen zwar zügig, aber eben nicht sofort. Richtig smart: Eine Integration mit Algolia Wenn ihr eine richtige High-End-Suche wollt, dann empfehle ich Algolia. Das ist ein externer Suchdienst, der blitzschnell Ergebnisse liefern kann – und zwar in Echtzeit, während man noch tippt. Das ist vor allem dann ein riesiger Vorteil, wenn eure Website viele Inhalte hat und ihr möchtet, dass die Nutzer:innen sofort passende Ergebnisse sehen. Was Algolia besonders macht: Geschwindigkeit: Die Suchergebnisse können sofort während der Eingabe erscheinen. Kein Nachladen, kein Warten. Intelligente Synonyme: Dank eingebauter KI erkennt Algolia auch Suchanfragen, die nicht exakt zum Inhalt passen. Sucht jemand nach «Arzt», aber ihr habt nur «Chirurg» oder «Fachperson» in den Inhalt erfasst, werden diese trotzdem angezeigt. Automatische Fehlerkorrektur: Tippfehler wie «Fortbidung» statt «Fortbildung» sind kein Problem mehr. Skalierbarkeit: Selbst bei tausenden von Inhalten bleibt die Suche schnell – da sie auf den Servern von Algolia stattfindet, wird die Performance eurer Website nicht belastet. Mit dem offiziellen Algolia-Plugin für WordPress wird eure Website mit dem Algolia-Suchdienst verbunden. Inhalte werden automatisch synchronisiert, sodass sie bei jeder Aktualisierung aktuell bleiben. Ihr könnt auswählen, was durchsucht werden soll – Beiträge, Seiten, eigene Beitragsarten, Kategorien usw. Auch privater Inhalt kann flexibel gehandhabt werden: Je nach Einstellung lässt sich dieser gezielt ein- oder ausschliessen. Auf eurer Website selbst wird in den Suchergebnissen – abhängig von der konkreten Umsetzung – entweder ein kurzer Vorschautext angezeigt oder der Eintrag bleibt komplett ohne Vorschau. Diese Funktion habe ich in den letzten Wochen bei der Website des Steuerportals implementiert, wo viele Fachartikel nur für angemeldete Benutzer:innen zugänglich sind. Die Kosten für eine Algolia-Integration Je nach Nutzungsumfang bietet der Algolia-Dienst eine kostenlose Einstiegsversion an – die Kosten für eine intensive Nutzung mit vielen Inhalten bleiben dennoch überschaubar und fair. Ich passe die Integration individuell an eure Anforderungen an – technisch und gestalterisch – und stimme den Umfang dabei flexibel auf euer Budget ab. Die Integration von Algolia ist etwas technischer und muss einmal sauber eingerichtet werden – darum übernehme ich das für meine Kund:innen. Auch das Styling und das Verhalten der Ergebnisanzeige oder der Suchmaske kann an eure Website angepasst werden. PDFs und Dateianhänge PDFs und andere Dateianhänge werden von Algolia standardmässig nicht automatisch durchsucht. Wenn das für euch wichtig ist, sollten wir das gleich zu Beginn des Projekts besprechen. Falls ihr PDFs auf eurer Website durchsuchen lassen möchtet, ist zudem wichtig zu wissen: Der Inhalt wird dabei nur als einfacher Fliesstext indexiert. Das bedeutet, dass Überschriften, Absätze oder andere strukturelle Elemente aus dem ursprünglichen Dokument verloren gehen. Die klare Gliederung, wie sie bei Beiträgen oder Seiten üblich ist, fehlt – was die Relevanz und Übersichtlichkeit der Suchergebnisse beeinträchtigen kann. Fazit Wenn eure Website überschaubar ist und die Standardsuche nicht reicht, dann ist Relevanssi ein guter erster Schritt. Ihr bekommt bessere Ergebnisse, mehr Steuerungsmöglichkeiten und ein gutes Sucherlebnis. Wenn ihr allerdings viele Inhalte habt oder die Suche extrem schnell und intelligent sein soll, dann empfehle ich euch Algolia. Besonders für Websites mit vielen Produkten, Beiträgen oder multilinguale Angebote ist das ein klarer Mehrwert. Ich empfehle, die Pro-Version des jeweiligen Plugins zu lizenzieren, damit der volle Funktionsumfang zuverlässig in eure Website integriert werden kann. Ich helfe euch gerne dabei, die passende Lösung zu finden und die Suche optimal auf eure Website abzustimmen. Denn eine gute Suche sorgt nicht nur für weniger Frust – sie kann auch dabei helfen, dass Besucher:innen die richtigen Inhalte viel schneller finden. - Kategorien: On our own behalf - Tags: English version - : pll_68f79e8144656 Five and a half years after I joined Say Hello, I took over the company completely last summer. I joined Say Hello as a partner in 2019 after realising that I could manage web projects better than working for others. Six years later, it surprises me how quickly time has passed. Originally, I never wanted to be completely self-employed; my business partner at the time and I divided up projects according to our individual interests. My focus was always on web apps and websites with WordPress and increasingly with React. I invested a lot of time in developing my technical skills and advising customers. In the distant past, both my sister and my father took their chances to become self-employed and were successful. I am delighted that I have followed in their footsteps - even though I didn't plan it. When my former business partner changed direction last year, I decided to take the plunge and become fully self-employed instead of looking for another job and relying on others for projects. Strictly speaking, I've been self-employed since 2019, but taking over the company completely was a big change. It gave me the freedom to steer my professional ship in the direction I wanted. In the first quarter of business under my own management, I easily exceeded my targets and the second quarter, which has just ended, went even better. It's hard to describe how validating it feels to see my hard work and occasional long hours pay off as hoped. All of this builds on the work of my former business partner since the company was founded. Fortunately, the success confirms that I can also do this job largely on my own. More efficiency and more design work The challenge for 2025 will be to reduce my working hours a little while maintaining the same level of success. Thanks to maintenance contracts and a broader range of support services, this is easily achievable. I have also moved away from hourly billing for planned work - I will write more about this in the course of the year. In future, I would like to spend more time on websites that I design and create myself, rather than just programming other people's designs. I've always been more creative than purely technical, although almost 30 years of experience on the web has given me a lot of technical expertise. A new bilingual company website is also due to be launched this year, where I will be blogging about technology, customer projects and topics relating to web design and coding. It can't be that difficult In a way, the path I've travelled to get here was exactly the quiet route I needed. My mantra for the last six years has been: "It can't be that hard. " It took a long professional experience to realise that and to get to where I am now. If I had dared to take the step into self-employment back in 2007 when the opportunity presented itself, I would probably have failed due to a lack of experience. Although I sometimes regret the missed opportunity to start up again with a dozen existing customers, other financial worries and a certain naivety would probably have led to failure. My job is often demanding and requires a lot of focus, dedication and commitment to keep up with the latest best practices. However, the challenges are mostly of a technical nature - and that's exactly as it should be. Administration, decision-making processes and even details such as CSS naming conventions or the choice of block or hybrid themes have long been established and have proven themselves in numerous successfully implemented projects. Repetition, flexibility and a solid and extensible base of technical and administrative resources are crucial. I really enjoy the fact that, as a self-employed person, I can spontaneously take a sunny day off without fixed office hours and without being obliged to work at a particular location. Or to spend a day on the train and work with colleagues whilst travelling through the Alps. Shifting my days off from Saturday and Sunday to Monday and Tuesday because it's much quieter in the mountains. Or working on the organisation of a conference because I enjoy it and it assists the open source community. I am very lucky to have arrived where I am and I am very grateful to my colleagues and customers who have supported me along the way. Happy New Year. - Kategorien: In eigener Sache - Tags: Deutsche Version - : pll_68f79e8144656 Fünfeinhalb Jahre nach meinem Einstieg bei Say Hello habe ich letzten Sommer das Unternehmen vollständig übernommen. Ich bin 2019 als Partner in Say Hello eingestiegen, nachdem ich erkannt hatte, dass ich Webprojekte optimaler führen kann, als wenn ich für andere arbeite. Sechs Jahre später überrascht es mich, wie schnell die Zeit vergangen ist. Ursprünglich wollte ich nie komplett selbständig sein, aber mein damaliger Geschäftspartner und ich teilten die Projekte nach unseren Interessen auf. Mein Fokus lag stets auf Web-Apps und Websites mit WordPress und zunehmend mit React. Ich habe viel Zeit in den Ausbau meiner technischen Fähigkeiten und in die Kundenberatung investiert. Sowohl meine Schwester als auch mein Vater nutzten ihre Chancen zur Selbständigkeit und waren damit erfolgreich. Ich freue mich sehr, dass ich – obwohl ich es nicht geplant habe – in ihre Fussstapfen getreten bin. Als mein früherer Geschäftspartner sich letztes Jahr neu orientierte, entschied ich mich, den Schritt in die vollständige Selbständigkeit zu wagen, statt erneut auf Jobsuche zu gehen und mich für Projekte auf andere zu verlassen. Genau genommen arbeite ich bereits seit 2019 selbständig, doch die vollständige Übernahme der Firma war ein grosser Einschnitt. Sie gab mir die Freiheit, mein berufliches Schiff in die von mir gewünschte Richtung zu steuern. Im ersten Geschäftsquartal unter eigener Regie übertraf ich meine Ziele leicht, und das zweite, soeben abgeschlossene Quartal verlief noch besser. Es ist schwer zu beschreiben, wie bestätigend es sich anfühlt zu sehen, dass sich meine harte Arbeit und die gelegentlich langen Stunden wie erhofft auszahlen. All dies baut auf der Arbeit meines früheren Geschäftspartners seit der Firmengründung auf. Der Erfolg bestätigt erfreulicherweise, dass auch ich diesen Job weitgehend eigenständig meistern kann. Mehr Effizienz und mehr Gestaltungsarbeit Die Herausforderung für 2025 wird sein, meine Arbeitszeit ein wenig zu reduzieren und dabei das gleiche Erfolg zu halten. Dank Wartungsverträgen und einem breiter aufgestellten Support-Angebot ist das gut machbar. Zudem bin ich bei geplanten Arbeiten von der Stundenabrechnung abgekommen – dazu werde ich im Laufe des Jahres mehr schreiben. Künftig möchte ich mehr Zeit für Websites aufwenden, die ich selbst konzipiere und gestalte, statt nur fremde Designs zu programmieren. Ich war schon immer eher kreativ als rein technisch, auch wenn fast 30 Jahre Erfahrung im Web viel technisches Know-how mit sich bringen. Eine neue zweisprachige Firmenwebsite steht ebenfalls in diesem Jahr vor dem Start, auf der ich über Technik, Kundenprojekte sowie Themen rund um Webdesign und Coding bloggen werde. So schwer kann es ja nicht sein In gewisser Weise war der Weg, den ich bis hierhin gegangen bin, genau die ruhige Route, die ich brauchte. Mein Mantra der letzten sechs Jahre lautet: «So schwer kann es ja nicht sein. » Es brauchte eine lange Berufserfahrung, um das zu erkennen und um dorthin zu gelangen, wo ich jetzt stehe. Hätte ich schon 2007 den Schritt in die Selbständigkeit gewagt, als die Möglichkeit sich präsentierte, wäre ich wohl an mangelnder Erfahrung gescheitert. Zwar bedaure ich manchmal die verpasste Chance, damals mit einem Dutzend vorbestehender Kunden neu zu starten, aber andere finanzielle Sorgen und eine gewisse Naivität hätten vermutlich zum Misserfolg geführt. Mein Beruf ist oft anspruchsvoll und erfordert viel Konzentration, Einsatz und Engagement, um mit den neuesten Best Practices Schritt zu halten. Die Herausforderungen sind jedoch meist technischer Natur – und das ist genau richtig so. Administration, Entscheidungsprozesse und selbst Details wie CSS-Namenskonventionen oder die Wahl von Block- oder Hybrid-Themes sind längst etabliert und haben sich in zahlreichen erfolgreich umgesetzten Projekten bewährt. Wiederholung, Flexibilität und eine solide Basis an technischen und administrativen Ressourcen sind dabei entscheidend. Ich geniesse es sehr, dass ich als Selbständiger ohne feste Bürozeiten und ohne Verpflichtung, an einem bestimmten Ort zu arbeiten, spontan einen sonnigen Tag freinehmen kann. Oder einen Tag im Zug zu verbringen und unterwegs in den Alpen mit Kollegen zu arbeiten. Meine freien Tage von Samstag und Sonntag auf Montag und Dienstag zu verschieben, weil es in den Bergen dann viel ruhiger ist. Oder an die Organisation einer Konferenz mit zu arbeiten, weil es mir Spass macht und die Open-Source-Community fordert. Ich habe grosses Glück, dort angekommen zu sein, wo ich hingehöre, und bin Kolleg:innen sowie Kundinnen und Kunden sehr dankbar, die mich auf diesem Weg unterstützt haben. Frohes neues Jahr. - Kategorien: Programming, WordPress - Tags: English version - : pll_68f79f6044b94 How I integrated the WordPress built-in aspect ratios for a custom image carousel block. Although I could have easily added a few fixed options to a SelectControl, it makes sense to use the core functionality and extend it wherever possible. The theme. json configuration file allows you to set a number of predefined aspect ratio options, and my React component uses useSettings (see documentation*) from the block-editor package to retrieve these options. Since the SelectControl component from the core requires the entries in the options array to be in value / label format, I parse the values that come back from useSettings before implementing them in the SelectControl. import { useSettings } from '@wordpress/block-editor'; import { SelectControl } from '@wordpress/components'; const MyComponent = ({aspectRatio, setAttributes}) => { const = useSettings('dimensions. aspectRatios. default', 'dimensions. aspectRatios. theme'); // Merge core and custom values const aspectRatios = ), ... (themeRatios || )]; // Build an array which I can use in SelectControl const aspectRatioOptions = aspectRatios. map((ratio) => { return { value: ratio. ratio, label: ratio. name, }; }); return setAttributes({ aspectRatioDesktop })} />; }; (* The possible key values that can be passed to useSettings do not seem to be documented at the moment. Thanks to Aki for pointing me in the right direction). - Kategorien: Programmierung, WordPress - Tags: Deutsche Version - : pll_68f79f6044b94 Wie ich die WordPress-integrierten Seitenverhältnisse für einen benutzerdefinierten Bildkarussell-Block integriert habe. Obwohl ich problemlos ein paar feste Optionen zu einem SelectControl hätte hinzufügen können, macht es Sinn, die Core-Funktionalität zu nutzen und zu erweitern, wo immer es möglich ist. Die theme. json-Konfigurationsdatei erlaubt es, eine Reihe vordefinierter Seitenverhältnis-Optionen festzulegen, und meine React-Komponente verwendet useSettings (siehe Dokumentation*) aus dem block-editor-Package, um diese Optionen abzurufen. Da die SelectControl-Komponente aus dem Core verlangt, dass die Einträge im Options-Array im value/label-Format vorliegen, parse ich die Werte, die von useSettings zurückkommen, bevor ich sie in der SelectControl implementiere. import { useSettings } from '@wordpress/block-editor'; import { SelectControl } from '@wordpress/components'; const MyComponent = ({aspectRatio, setAttributes}) => { const = useSettings('dimensions. aspectRatios. default', 'dimensions. aspectRatios. theme'); // Merge core and custom values const aspectRatios = ), ... (themeRatios || )]; // Build an array which I can use in SelectControl const aspectRatioOptions = aspectRatios. map((ratio) => { return { value: ratio. ratio, label: ratio. name, }; }); return setAttributes({ aspectRatioDesktop })} />; }; (* Die möglichen Schlüsselwerte, die man an useSettings übergeben kann, scheinen derzeit nicht dokumentiert zu sein. Danke an Aki, der mich in die richtige Richtung gewiesen hat. ) - Kategorien: Community - Tags: English version - : pll_68f79fb5bb08f Presentation for the WP Meetup Ticino Mobile group on the topic of Slack in the WordPress community. https://wordpress. tv/2024/11/11/entdecke-die-wordpress-kommunikation-mit-slack/ As part of my work with WordPress and my involvement in the international WordPress community, I am always happy when I can share my knowledge and experience with friends and colleagues from the community. In 2024, I was invited by Meetup founder Markus Winter to give a talk on how the international WordPress community uses Slack for their online communication. My remote talk for the WP Meetup Ticino Mobile is available as a video recording on the community channel wordpress. tv. - Kategorien: Community - Tags: Deutsche Version - : pll_68f79fb5bb08f Präsentation für die WP Meetup Ticino Mobile Gruppe zum Thema Slack in der WordPress-Community. https://wordpress. tv/2024/11/11/entdecke-die-wordpress-kommunikation-mit-slack/ Im Rahmen meiner Arbeit mit WordPress und meines Engagements in der internationalen WordPress-Community freue ich mich immer, wenn ich mein Wissen und meine Erfahrung mit Freunden und Kolleginnen aus der Community teilen kann. 2024 wurde ich vom Meetup-Gründer Markus Winter eingeladen, einen Vortrag darüber zu halten, wie die internationale WordPress-Community Slack für ihre Online-Kommunikation nutzt. Mein Remote-Vortrag für das WP Meetup Ticino Mobile ist als Videoaufzeichnung auf dem Community-Kanal wordpress. tv verfügbar. - Kategorien: News in brief - Tags: English version - : pll_68f79fec2323f An exciting conversation about possible further developments of the current website. I am proud that Say Hello is able to look after the local mountain and its operator, the Niesenbahn. Unfortunately, today's glorious autumn weather didn't allow for a ride up the mountain, but it did make for an exciting exchange about possible further developments to the current website. - Kategorien: Kurzmeldungen - Tags: Deutsche Version - : pll_68f79fec2323f Ein spannendes Gespräch über mögliche Weiterentwicklungen der aktuellen Website. Ich bin stolz, dass Say Hello den Hausberg und dessen Betreiber, die Niesenbahn, betreuen darf. Heute hat es bei prächtigem Herbstwetter leider nicht für eine Bergfahrt gereicht, aber trotzdem für einen spannenden Austausch über mögliche Weiterentwicklungen der aktuellen Website. - Kategorien: News in brief - Tags: English version - : pll_68f7a002f409b Exceptional customer support on the move. Thanks to the long-established principle of remote working at Say Hello, I can work on client projects from virtually anywhere, provided there is an internet connection. What was particularly exciting this time was that, thanks to a 4G connection and a laptop connected to a hotspot, I was able to support a client's urgent request... while travelling by train through the tunnel under the sea between France and the UK. - Kategorien: Kurzmeldungen - Tags: Deutsche Version - : pll_68f7a002f409b Ausserordentliche Kundenunterstützung von unterwegs. Dank des lang etablierten Prinzips des Remote Work bei Say Hello kann ich Kundenprojekte praktisch von überall aus bearbeiten, vorausgesetzt, es besteht eine Internetverbindung. Besonders spannend war diesmal, dass ich dank einer 4G-Verbindung und einem per Hotspot verbundenen Laptop eine eilige Anforderung eines Kunden unterstützen konnte... während der Zugfahrt durch den Tunnel unter dem Meer zwischen Frankreich und Grossbritannien. - Kategorien: Legal matters - Schlagwörter: cookies - Tags: English version - : pll_68f7a01e4aed7 Compliance with the European Cookie Directive and the GDPR for Swiss websites. From the guest article by lawyer Martin Steiger, Steiger Legal AG, for the cyon blog of 21 August 2024. The link to the full article can be found at www. cyon. ch/blog. If cookies are used directly or indirectly, website visitors from the EU must be bothered with a cookie banner according to the current legal situation. For visitors from the Principality of Liechtenstein and even more so from Switzerland, a cookie banner can - legally speaking - almost always be dispensed with. Irrespective of obligations under European law, website operators must still comply with any contractual obligations. The best-known example is the EU User Consent Policy from Google. In any case, there is a lot of room for manoeuvre when it comes to implementation. This is shown by the many cookie banners that do not work or obviously do not comply with the legal requirements. From a Swiss perspective, it may make sense to differentiate between website visitors from different countries. Anyone whose IP address is from Switzerland or possibly also from the Principality of Liechtenstein will not see a cookie banner. All other visitors, especially those from the EU, will see a cookie banner. Many cookie banner solutions, including plugins, can differentiate based on the origin of website visitors. How you implement any cookie banners is a question of your own willingness to take risks. If you do without a cookie banner, you won't annoy users, which is an important consideration, especially in e-commerce. Without a cookie banner, website operators are at best better off than with a "fake cookie banner". At the same time, it is often difficult to explain why a cookie banner is not required, even if one is not actually necessary. The risk of sanctions and proceedings by European supervisory authorities and warnings from German data protection activists is low. A warning or a fine would be unpleasant, but not the end of the world for many responsible parties in Switzerland. - Kategorien: Rechtliches - Tags: Deutsche Version - : pll_68f7a01e4aed7 Die Einhaltung der europäischen Cookie-Richtlinie und der DSGVO für Schweizer Websites. Aus dem Gastbeitrag von Rechtsanwalt Martin Steiger, Steiger Legal AG, für den cyon-Blog vom 21. August 2024. Der Link zum vollständigen Beitrag findest du unter www. cyon. ch/blog. Wenn Cookies direkt oder indirekt verwendet werden, müssen Website-Besucher:innen aus der EU gemäss dieser Rechtslage mit einem Cookie-Banner belästigt werden. Bei Besucher:innen aus dem Fürstentum Liechtenstein und erst recht aus der Schweiz kann – rechtlich gesehen – fast immer auf ein Cookie-Banner verzichtet werden. Unabhängig von Pflichten gemäss europäischem Recht müssen Website-Betreiber:innen allfällige vertragliche Pflichten beachten. Das bekannteste Beispiel ist die erwähnte EU User Consent Policy von Google. In jedem Fall gibt es viel Spielraum bei der Umsetzung. Das zeigen allein schon die vielen Cookie-Banner, die nicht funktionieren oder offensichtlich nicht den rechtlichen Vorgaben entsprechen. Aus schweizerischer Sicht kann es sinnvoll sein, zwischen Website-Besucher:innen aus verschiedenen Ländern zu differenzieren. Wer gemäss IP-Adresse aus der Schweiz oder allenfalls auch aus dem Fürstentum Liechtenstein stammt, sieht kein Cookie-Banner. Alle anderen Besucher:innen, insbesondere aus der EU, erhalten ein Cookie-Banner vorgesetzt. Viele Lösungen für Cookie-Banner, auch Plugins, können aufgrund der Herkunft der Website-Besucher:innen differenzieren. Wie man allfällige Cookie-Banner umsetzt, ist eine Frage der eigenen Risikobereitschaft. Wer auf ein Cookie-Banner verzichtet, nervt keine Nutzerinnen, was gerade im E-Commerce eine wichtige Überlegung ist. Ohne Cookie-Banner stehen Website-Betreiber:innen allenfalls besser da als mit einem «Fake-Cookie-Banner». Gleichzeitig ist es häufig schwierig zu erklären, wieso man auf ein Cookie-Banner verzichtet, selbst wenn tatsächlich kein Cookie-Banner erforderlich ist. Das Risiko für Sanktionen und Verfahren durch europäische Aufsichtsbehörden und für Abmahnungen durch deutsche Datenschutz-Aktivist:innen ist klein. Eine Abmahnung oder eine Busse wäre unangenehm, für viele Verantwortliche in der Schweiz aber nicht das Ende der Welt. - Kategorien: Community, WordPress - Tags: English version - : pll_68f7a070ab9cc I was able to attend the largest WordPress conference in the world in June. After a great time in Berlin in 2019, WordCamp Europe was cancelled in 2020 and 2021 due to the pandemic. I cancelled a trip to Porto in 2022 due to the uncertain travel situation, and I also decided against visiting Athens in 2023 out of concern about the potentially high temperatures. So five years had passed since I last took part in the biggest event on the WordPress calendar. With around 2,500 participants - twice as many as at WordCamp US or WordCamp Asia - WordCamp Europe in Turin was a really big event. The Lingotto Conference and Exhibition Centre is a huge venue that was packed with people, sponsor stands, catering and the three stages on which the talks took place. As it turned out, the place was almost too big to take in everything I had planned. I spent most of my time meeting and chatting with familiar faces from the online community. I would have liked to have seen more presentations - I'm definitely planning to do so at the next event. Due to the size of the conference, it was difficult to have more than a brief conversation with anyone - although I did manage to enjoy a few very agreeable aperitifs and dinners with friends and colleagues. I was also invited to the pre-conference event by a colleague and enjoyed first-class food and a pleasantly small amount of alcohol. It was nice to see Anne-Mieke, Remkus, Michelle, Simea and other colleagues from the community again and to make a few new contacts. Due to the large number of participants, I was only able to network a little with new contacts. So it was all the nicer to meet Jem, Gaz and Darren from the UK "in real life" for the first time and to chat to them and with a few others from different countries. Because I was moving around so much - between 15,000 and 20,000 steps a day - and getting tired, I got a little emotional towards the end of the event. When it was announced in the closing video that WordCamp Europe 2025 would take place in Basel, it was a moving moment. https://www. youtube. com/watch? v=eGT1exUGtsM Colleagues from the local WordPress community announce the next WordCamp Europe in Basel. - Kategorien: Community, WordPress - Tags: Deutsche Version - : pll_68f7a070ab9cc Ich konnte im Juni an die grösste WordPress-Konferenz der Welt teilnehmen. Nach einer tollen Zeit in Berlin im Jahr 2019 wurde das WordCamp Europe in den Jahren 2020 und 2021 wegen der Pandemie pausiert. Eine Reise nach Porto im Jahr 2022 sagte ich wegen der unsicheren Reiselage ab, und auch gegen Athen 2023 entschied ich mich – aus Sorge vor den potenziell hohen Temperaturen. So waren ganze fünf Jahre vergangen, seit ich zuletzt an dem grössten Event im WordPress-Kalender teilgenommen hatte. Mit rund 2'500 Teilnehmenden – doppelt so viele wie bei WordCamp US oder WordCamp Asia – war das WordCamp Europe in Turin ein echtes Grossereignis. Das Lingotto Conference and Exhibition Centre ist ein riesiger Veranstaltungsort, der mit Menschen, Sponsorenständen, Catering und den drei Bühnen, auf denen die Vorträge stattfanden, gut gefüllt war. Wie sich herausstellte, war der Ort fast zu gross, um alles mitzunehmen, was ich mir vorgenommen hatte. Die meiste Zeit verbrachte ich damit, bekannte Gesichter aus der Online-Community zu treffen und mich mit ihnen zu unterhalten. Ich hätte gerne mehr Vorträge gesehen – das nehme ich mir auf jeden Fall für das nächste Event vor. Wegen der Grösse der Konferenz war es schwierig, mit jemandem mehr als nur ein kurzes Gespräch zu führen – auch wenn es mir immerhin gelungen ist, ein paar sehr gemütliche Apéros und Abendessen zu geniessen. Ich wurde auch von einem Kollegen zum Pre-Conference-Event eingeladen und habe dort erstklassiges Essen und eine angenehm geringe Menge Alkohol genossen. Es war schön, Anne-Mieke, Remkus, Michelle, Simea und andere Kolleginnen und Kollegen aus der Community wiederzusehen und ein paar neue Kontakte zu knüpfen. Aufgrund der grossen Teilnehmerzahl konnte ich mich nur wenig mit neuen Kontakten vernetzen. Umso schöner war es, Jem, Gaz und Darren aus Grossbritannien zum ersten Mal «in echt» zu treffen und mit ihnen sowie einigen anderen aus verschiedenen Ländern zwischendurch ins Gespräch zu kommen. Weil ich so viel unterwegs war – täglich zwischen 15’000 und 20’000 Schritte – wurde ich gegen Ende der Veranstaltung doch etwas emotional. Als im Abschlussvideo angekündigt wurde, dass das WordCamp Europe 2025 in Basel stattfinden soll, war das ein bewegender Moment. https://www. youtube. com/watch? v=eGT1exUGtsM Kolleginnen und Kollegen aus der lokalen WordPress-Community kündigen das nächste WordCamp Europe in Basel an. - Kategorien: News in brief - Tags: English version - : pll_68f7a0e680470 We are currently in the middle of an exciting WordPress multisite project. A current project brings four new websites, each in three languages, under one roof. Today Mark was in Bern to discuss the next steps with the partner agency. In great weather! - Kategorien: Kurzmeldungen - Tags: Deutsche Version - : pll_68f7a0e680470 Wir sind momentan mitten in einem spannenden WordPress-Multisite-Projekt. Ein aktuelles Projekt bringt vier neue Websites in je drei Sprachen unter einem Dach. Heute war Mark in Bern, um die nächsten Schritte mit der Partner-Agentur zu besprechen. Bei tollem Wetter! - Kategorien: Programming, WordPress - Schlagwörter: API, JavaScript, React - Tags: English version - : pll_690226e36b792 In which I explain the advantages and disadvantages of using the new WordPress interactivity API. The WordPress Interactivity API provides a "framework" that allows developers to use predefined methods to add JavaScript interaction. Although the main functionality for developers is only provided in WordPress 6. 5, a small part of it was introduced with WordPress 6. 4 when the "Expand on click" function was introduced in the image block. If you are a developer, take a look at the HTML code of the following image block. You will see an inline configuration for the Javascript functionality, with values and references to click handlers. These complex rules are applied to the block so that the interactivity API can interact with the content. (In this case, the image is enlarged when clicked). Photo: Aerial view of Lake Thun, by Mark Howells-Mead The JavaScript file for the image block is over 5 KB in size, which is much heavier than a self-coded script for the same functionality. In addition, the base script for the API, which contains the functionality shared by all blocks, is over 30 KB in size. However, this is only loaded if there is a block on the page that requires it. This is good for performance. As long as the basic script remains this small in future versions, you can live with it. The larger scripts only come when you want to build more complex interactions based on this script. The principle behind the API—a "standardised" way of programming interactive front-end functionalities such as button clicks, modals, etc. —is a good idea when a team is working together on such interactions. This makes it easier to ensure that the functionality is always developed in the same way by everyone involved. However, there are also simpler ways to create this type of interaction: for example, simple Javascript or React. To learn frameworks like the new API, you need to learn several principles: the initial code (or principle) of Javascript, possibly the actual base React, as well as WordPress' own API... . the basis of this new API is Preact: a light version of React, which we have been using for our own projects for several years... From discussions on Twitter/X, it turns out that the basis of this new API is Preact: a much lighter version of React that I've been using for my projects for a few years now. It's not yet clear how to mix the React approach with the API approach, or whether this is even possible or necessary. I'll certainly keep an eye on this as soon as more code examples are available. The speed of development is a key argument in favour of using such an API. Most people want to achieve their goals more quickly. However, when using a framework, you have to make a decision about the trade-offs in terms of performance and complexity. You need to bear in mind that you not only have to know and understand the principles behind the development of interactive elements, but also how you should use the interactivity API in the first place. Fortunately, the documentation on WordPress. org is already quite extensive, but it definitely requires a reasonably good understanding of JavaScript and state management. (If you're already using React, the ideas should sound familiar. However, if you already use React, you may not need this API at all)... . We want to ensure that our competences and projects are not limited by a dependency on WordPress' own APIs... Ideally, you would choose to learn the base language (JavaScript) and then use a framework where it benefits you. This is why we build web apps with Preact. We can accept the minimal technical overhead and this makes the creation of interactive views a lot less time consuming. If we hadn't already learnt Preact and React, this new API might make more sense... but only if we never wanted to build anything outside of the WordPress ecosystem. However, this is not the case for us: we also build complex interactive solutions completely without WordPress. Accordingly, we want to ensure that our expertise and projects are not limited by a dependency on WordPress' own APIs. If you want to learn portable skills-in this case, Javascript that works independently of WordPress-it's better to create and implement code that isn't always bound by the principles set by WordPress contributors. Mainly because the possibilities are more limited than with much more established solutions. It also means you are always reliant on the developers behind WordPress to fix the bugs they have introduced or add the features you need. Developers have been stumbling over the decisions of WordPress developers in the CSS area since the introduction of the Block Editor, especially since certain errors in thinking remain unresolved for a few years. If you are familiar with writing JavaScript, you should not automatically use the interactivity API unless you want to submit your work to an official open source repository. If you do not have an established procedure for creating interactive elements, the new API is again an example of how to establish such a procedure. One of the advantages of using the interactivity API is the reliance on a base code provided by a team of experts. This is a good reason to use it if you're less experienced and want to put full focus on WordPress. However, many independent WordPress developers have found over the last five or six years that if they rely on the complicated codebase provided by WordPress developers, they become completely dependent on the quality of their work and their speed in solving problems. This has sometimes positive but also sometimes negative consequences for their own projects. Conclusion The new interactivity API is expected to be a great solution from experienced developers that will be made available to you free of charge under the open source licence. We are keeping a close eye on how the API is progressing and, once established, we will see how it can really make development work easier. As with the use of all third-party... - Kategorien: Programmierung, WordPress - Schlagwörter: API, JavaScript, React - Tags: Deutsche Version - : pll_690226e36b792 Wir erklären die Vor- und Nachteile der Nutzung der neuen WordPress Interaktivitäts-API. Die WordPress-Interaktivitäts-API stellt ein «Framework» bereit, welches Entwicklern ermöglicht, vordefinierte Methoden zu verwenden, um JavaScript-Interaktion hinzuzufügen.  Obwohl die Hauptfunktionalität für Entwickler erst in WordPress 6. 5 bereitgestellt wird, wurde ein kleiner Teil davon mit WordPress 6. 4 eingeführt, als die Funktion «Bei Klick erweitern» in den Bildblock eingeführt wurde. Wenn du ein Entwickler bist, schau dir mal den HTML-Code des anschliessenden Bildblocks an.  Du siehst eine Inline-Konfiguration für die Javascript-Funktionalität, mit Werte und Verweise auf Klickhandler.  Diese komplexen Regeln werden auf den Block angewendet, damit die Interaktivitäts-API mit dem Inhalt interagieren kann.  (In diesem Fall wird das Bild vergrössert, wenn man darauf klickt. ) Foto: Luftaufnahme Thunersee, von Mark Howells-Mead Die JavaScript-Datei für den Bildblock ist über 5 KB gross, was viel schwerer ist als ein selbstcodiertes Skript für die gleiche Funktionalität.  Darüber hinaus ist das Basisskript für die API, das die von allen Blöcken gemeinsam genutzte Funktionalität enthält, über 30 KB gross. Dies wird aber nur geladen, wenn es einen Block auf der Seite gibt, der es benötigt.  Das ist gut für die Leistung. Sofern das Basis-Skript nur so klein bleibt in künftigen Versionen, kann man gut damit leben. Die grösseren Skripten kommen erst, wenn man komplexere Interaktionen auf Basis dieses Skripts bauen will. Das Prinzip hinter der API—eine «standardisierte» Art der Programmierung interaktiver Frontend-Funktionalitäten wie Button-Klicks, Modals usw. —ist eine gute Idee, wenn ein Team gemeinsam an solchen Interaktionen arbeitet. Dadurch kann man besser sicherstellen, dass die Funktionalität immer in der gleichen Weise von allen Beteiligten entwickelt wird. Es gibt aber auch einfachere Möglichkeiten, diese Art von Interaktion zu erstellen: so zum Beispiel einfaches Javascript oder React.  Um Frameworks wie die neue API zu erlernen, muss man mehrere Prinzipien lernen: der anfängliche Code (oder das Prinzip) von Javascript, eventuell die eigentliche Basis React, sowie die WordPress-eigene API... . die Basis dieser neuen API ist Preact: eine leichte Variante von React, die wir bereits seit einigen Jahren für unseren eigenen Projekten einsetzen... Aus Diskussionen in Twitter/X stellt sich heraus, dass die Basis dieser neuen API ist Preact: eine viel leichtere Variante von React, die wir bereits seit einigen Jahren für unseren eigenen Projekten einsetzen. Es ist noch nicht klar, wie man React-Vorgehen mit dem API-Vorgehen mischt, oder ob dies überhaupt möglich oder nötig ist. Wir halten ganz sicher eine Auge darauf, sobald weitere Code-Beispiele verfügbar sind. Die Geschwindigkeit der Entwicklung ist ein zentrales Argument, welches für die Anwendung einer solchen API spricht.  Die meisten Menschen möchten Ziele schneller erreichen.  Wenn du jedoch ein Framework verwendest, musst du eine Entscheidung über die Kompromisse in Bezug auf Leistung und Komplexität treffen.  Du musst zudem bedenken, dass du nicht nur die Prinzipien hinter der Entwicklung von interaktiven Elemente kennen und verstehen musst, sondern auch, wie du die Interaktivitäts-API überhaupt verwenden solltest. Die Dokumentation auf WordPress. org ist zum Glück bereits ziemlich umfangreich, erfordert aber auf jeden Fall ein einigermassen gutes Verständnis von JavaScript und State Management.  (Wenn du React bereits verwendest, dürften die Ideen bekannt vorkommen. Wenn du React bereits verwendest, benötigst du diese API aber möglicherweise gar nicht. ) ... Wir wollen sicherstellen, dass unsere Kompetenzen und Projekte nicht durch eine Abhängigkeit auf WordPress-eigenen APIs eingeschränkt werden... Im Idealfall würdest du dich dafür entscheiden, die Basissprache (JavaScript) zu erlernen und dann ein Framework dort zu verwenden, wo es dir Vorteile bringt.  Aus diesem Grund bauen wir Web-Apps mit Preact. Wir können den minimalen technischen Overhead akzeptieren und dies macht die Erstellung von interaktiven Ansichten um einiges weniger zeitaufwändig.   Wenn wir Preact und React nicht bereits gelernt hätten, wäre diese neue API vielleicht sinnvoller... aber nur, wenn wir nie etwas ausserhalb des WordPress-Ökosystems erstellen möchten. Dies ist für uns aber nicht der Fall: wir bauen komplexe interaktive Lösungen auch vollständig ohne WordPress. Entsprechend wollen wir sicherstellen, dass unsere Kompetenzen und Projekte nicht durch eine Abhängigkeit auf WordPress-eigenen APIs eingeschränkt werden. Wenn du tragbare Fähigkeiten erlernen möchtest—hier Javascript, das unabhängig von WordPress funktioniert—ist es besser, Code zu erstellen und zu implementieren, der nicht immer an die von WordPress-Mitwirkenden festgelegten Prinzipien gebunden ist.  Vor allem, weil die Möglichkeiten begrenzter sind als bei weitaus etablierteren Lösungen. Zudem bist du dadurch immer darauf angewiesen, dass die Entwickler hinter WordPress die eigens eingeführten Fehler beheben oder die von dir benötigten Funktionen hinzufügen. Entwickler stolpern bereits seit der Einführung des Block Editors über die Entscheidungen der WordPress-Entwickler im Bereich CSS, vor allem, da gewisse Denkfehler über ein paar Jahre ungelöst bleiben. Wenn du dich mit dem Schreiben von JavaScript auskennst, solltest du die Interaktivitäts-API nicht automatisch verwenden, es sei denn, du möchtest deine Arbeit an ein offizielles Open-Source-Repository übermitteln. Falls du nicht über ein etabliertes Vorgehen zum Erstellen interaktiver Elemente verfügst, ist die neue API wiederum ein Beispiel, wie man ein solches Vorgehen etabliert. Zu den Vorteilen der Verwendung der Interaktivitäts-API gehört die Abhängigkeit von einem Basiscode, der von einem Expertenteam bereitgestellt wurde. Dies ist ein guter Grund für die Verwendung, wenn du weniger erfahren bist und voller Fokus auf WordPress setzen möchtest.  Allerdings haben viele unabhängige WordPress-Entwickler in den letzten fünf oder sechs Jahren herausgestellt, dass wenn sie sich auf die komplizierte Codebasis verlassen, welche die WordPress-Entwickler bereitstellen, sie vollständig von der Qualität ihrer Arbeit und ihrer Geschwindigkeit bei der Problemlösung abhängig weden. Dies hat zum Teil positive aber auch manchmal negative Auswirkungen für den eigenen Projekten. Fazit Die neue Interaktivitäts-API ist eine voraussichtlich tolle Lösung von erfahrenen Entwicklern, die dir kostenlos im Rahmen der Open-Source-Lizenz bereitgestellt wird. Wir beobachten genau, wie die Entwicklung der API vorangeht und schauen nach ihrer Etablierung, inwiefern sie die Entwicklungsarbeit wirklich erleichtern kann. Wie beim Einsatz aller Technik von Dritten, die wir für unsere Projekte und unsere Kunden wählen, bleibt eine Abwägung zwischen den Vorteilen und Nachteilen immer im Vordergrund. - Kategorien: News in brief - Tags: English version - : pll_6a3bf5b5b5816 Out and about amongst people again today. I’ve been working from home a lot this year, but I’ve been out and about for work less often. Today I’m back amongst people again. - Kategorien: Kurzmeldungen - Tags: Deutsche Version - : pll_6a3bf5b5b5816 Heute mal wieder unter den Leuten. Viel im Home-Office in diesem Jahr aber seltener unterwegs am Arbeiten. Heute mal wieder unter den Leuten. - Kategorien: Programming, WordPress - Tags: English version - : pll_68f7a0f5ea557 How I used and extended WordPress' own interfaces to build a performant and interactive single view. The decision to move away from jQuery at the end of 2019 was the perfect preparation to dive deeper into React. Writing vanilla JavaScript throughout 2020 allowed me to familiarise myself with the huge advances in the language. Just a few weeks after making the decision, I completely abandoned jQuery for my own code. My first single-page application The term single-page application (SPA) refers to a website or application that only loads a single HTML page and updates the page content dynamically - without the need for a complete reload. Anyone who uses Facebook will be familiar with the principle: you call up the page, can browse through posts, view photos and leave comments without the page ever being reloaded. I had my first real contact with this approach back in 2015 when I built a mobile app. The frontend was based on Cordova and worked well, but writing the necessary layout and interaction logic was time-consuming. This is now much easier with React. After an intensive JavaScript refresher and a ever-increasing routine with React in 2019, I finally had the opportunity to develop an SPA for a customer for the first time. Use of the AutoScout24 API on a customer website A local garage maintains its vehicle stock via the AutoScout24 website and wanted to make it available on its own website. To do this, the AutoScout24 interface had to be connected and the data transferred to an interactive single-page application (SPA). First, I developed my own REST endpoint that retrieves new vehicle data from AutoScout24 every hour at server level and stores it temporarily in the WordPress database. The frontend then accesses this data via the WordPress REST API (interface) and displays it in a clear list view. Clicking on a vehicle loads the detailed view - including an interactive image gallery. Immediate sorting and switching between list and detail view Thanks to the manageable number of vehicles, there was no reason not to load all the data at once. The entire data set comprises around 110 KB - enough for all the information required by the site. The images are loaded lazily (as required) in order to improve performance. As a result, every interactive change on the page - from displaying the vehicle list, sorting and filtering to the detailed view - takes place immediately. Switching to the detailed view of an individual vehicle is also instantaneous, as all the necessary data is already available. You can try this out live: simply call up the list view, select a vehicle and click on the "Next vehicle" link to move on to the next one. The learning curve is less about the code itself Learning a new programming approach takes time, but those who already have experience with pure JavaScript will find it comparatively easy to get started with React. What proved to be particularly time-consuming, however, was structuring the code into individual components. The vehicle list consists of card components, whereby a card in turn is made up of an image, title, description, button and other elements. Although this SPA was relatively simple to implement, it consists of over 30 individual components. Some of them are used several times - for example, the display of the vehicle price, both in the list view and in the detailed view. This is precisely one of the great advantages of reusable components: If I had built a separate component for each information element, I would have had to manage almost twice as many elements. This is the real "uncharted territory" when beginning work with React - and it was precisely thanks to this project that I learnt a lot about how to structure code efficiently. I'm sure that future projects will be easier and faster to implement as a result: on the one hand because of the experience gained, and on the other because many of the components developed can be reused in the future. - Kategorien: Programmierung, WordPress - Tags: Deutsche Version - : pll_68f7a0f5ea557 Wie ich die WordPress-eigenen Schnittstellen angewendet und erweitert habe, um eine performante und interaktive Einzelansicht zu bauen. Die Entscheidung, Ende 2019 von jQuery Abstand zu nehmen, war die perfekte Vorbereitung, um tiefer in React einzusteigen. Durch das Schreiben von Vanilla JavaScript im gesamten Jahr 2020 konnte mich mich mit den enormen Fortschritten der Sprache vertraut machen. Nur wenige Wochen nach dem Entschluss habe ich jQuery für den eigenen Code vollständig aufgegeben. Meine erste Single-Page-Application Der Begriff Single-Page-Application (SPA) bezeichnet eine Website oder Anwendung, die nur eine einzelne HTML-Seite lädt und den Seiteninhalt dynamisch aktualisiert – ganz ohne vollständige Neuladung. Wer Facebook nutzt, kennt das Prinzip: Man ruft die Seite auf, kann Beiträge durchstöbern, Fotos ansehen und Kommentare hinterlassen, ohne dass die Seite jemals neu geladen wird. Meine erste echte Berührung mit diesem Ansatz hatte ich bereits 2015, als ich versuchte, eine mobile App zu bauen. Das Frontend setzte auf Cordova und funktionierte grundsätzlich gut, aber das Schreiben der dafür nötigen Layout- und Interaktionslogik war aufwändig. Mit React ist das inzwischen deutlich einfacher. Nach einem intensiven JavaScript-Refresher und wachsender Routine mit React hatte ich schliesslich die Gelegenheit, erstmals eine SPA für einen Kunden zu entwickeln. Einsatz der AutoScout24-API auf einer Kundenwebsite Eine lokale Garage pflegt ihre Fahrzeugbestände über die AutoScout24-Website und wollte diese auch auf der eigenen Website verfügbar machen. Dafür musste die Schnittstelle von AutoScout24 angebunden und die Daten in eine interaktive Single-Page-Application (SPA) überführt werden. Zuerst entwickelte ich ein eigenes REST-Endpoint, das stündlich auf Serverebene neue Fahrzeugdaten von AutoScout24 abruft und im WordPress-Datenbestand zwischen speichert. Das Frontend greift dann über die WordPress-REST-API (Schnittstelle) auf diese Daten zu und stellt sie in einer übersichtlichen Listenansicht dar. Beim Klick auf ein Fahrzeug wird die Detailansicht geladen – inklusive einer interaktiven Bildergalerie. Sofortiges Sortieren und Umschalten zwischen Listen- und Detailansicht Dank der überschaubaren Anzahl an Fahrzeugen gab es keinen Grund, die Daten nicht vollständig auf einmal zu laden. Der gesamte Datensatz umfasst rund 110 KB – ausreichend für alle Informationen, die die Seite benötigt. Die Bilder werden bei Bedarf per Lazy-Loading nachgeladen. Das hat zur Folge, dass jede interaktive Änderung auf der Seite – vom Anzeigen der Fahrzeugliste über Sortierung und Filterung bis hin zur Detailansicht – sofort erfolgt. Auch der Wechsel in die Detailansicht eines einzelnen Fahrzeugs geschieht verzögerungsfrei, da alle benötigten Daten bereits vorliegen. Das lässt sich live ausprobieren: einfach die Listenansicht aufrufen, ein Fahrzeug auswählen und mit dem Link «Nächstes Fahrzeug» zum nächsten weiter klicken. Die Lernkurve betrifft weniger den Code selbst Das Erlernen eines neuen Programmieransatzes braucht Zeit, doch wer bereits Erfahrung mit reinem JavaScript hat, findet den Einstieg in React vergleichsweise einfach. Was sich jedoch als besonders zeitaufwändig erwies, war die Strukturierung des Codes in einzelne Komponenten. Die Fahrzeugliste besteht aus Karten-Komponenten, wobei eine Karte wiederum aus Bild, Titel, Beschreibung, Button und weiteren Elementen zusammengesetzt ist. Obwohl diese SPA relativ simpel umzusetzen war, besteht sie aus über 30 einzelnen Komponenten. Einige davon werden mehrfach verwendet – zum Beispiel die Darstellung des Fahrzeugpreises, sowohl in der Listen- als auch in der Detailansicht. Genau hier liegt einer der grossen Vorteile von wiederverwendbaren Komponenten: Hätte ich für jedes Informationselement eine eigene Komponente gebaut, hätte ich nahezu doppelt so viele Elemente verwalten müssen. Das ist das eigentliche «Neuland» bei der Arbeit mit React – und genau in diesem Projekt habe ich viel darüber gelernt, wie man Code effizient strukturiert. Ich bin sicher, dass zukünftige Projekte dadurch einfacher und schneller umzusetzen sein werden: einerseits durch die gewonnene Erfahrung, andererseits, weil viele der entwickelten Komponenten künftig wiederverwendet werden können. - Kategorien: News in brief - Tags: English version - : pll_68f7a1bed8304 A change is good for you! Today at a customer in Fribourg to train them on the beautiful new website. Although this year has been somewhat challenging, the current situation allowed me to visit Mühle Rytz in Bibern and teach them how to use WordPress editorially to manage the new website I designed and programmed for them. - Kategorien: Kurzmeldungen - Tags: Deutsche Version - : pll_68f7a1bed8304 Abwechselung tut gut! Heute bei einem Kunden im fribourgischen, um ihnen die schöne neue Website zu schulen. Obwohl dieses Jahr eine gewisse Herausforderung darstellte, ermöglichte mir die aktuelle Situation, die Mühle Rytz in Bibern zu besuchen und ihnen die redaktionelle Nutzung von WordPress beizubringen, um die neue Website zu verwalten, die ich für sie gestaltet und programmiert habe. - Kategorien: Design and UX, Editorial work, WordPress - Tags: English version - : pll_68f7a1d52fd46 The first episode of the WP Café in June featured an exciting panel discussion about the WordPress Block Editor. https://www. youtube. com/watch? v=aN4uyGbGHmI&t=2s One of the key sticking points was how to design mockups for a website where each page and post can be put together in countless combinations. We encountered this issue early on at Say Hello when we started designing websites for use with Gutenberg in early 2019. Giving customers the Block Editor is like handing them a box of LEGO without building instructions. You should not only give them the building blocks - but also instructions and visual examples of how certain pages could look. Customers are generally not experts in digital communication and they often need support in setting up a website. A tool with endless possibilities for content creation is rarely helpful in this context. They still need guidance: not only by providing dozens of beautifully designed blocks, but also by providing concrete instructions on how these blocks - as well as page and layout combinations - can be used in a targeted manner to achieve their communication goals. Provide a master sheet The easiest way to fulfil customers' continuing desire for mockups is to design a so-called "master sheet": a single overview in which a selection of the most important blocks and their appearance are presented as individual elements. (It is obviously not possible to visualise every conceivable combination in advance with this approach. ) This overview should contain all the core blocks that customers are most likely to use. Examples of what individual blocks will look like An example of this can be seen in the screenshot in this article: different blocks are shown with their layout and colour variants. Such a constellation will never appear one-to-one on the website, but customers will recognise that each element (each block) can be individually inserted and adapted. It makes sense to visually prepare as many of the usual blocks as possible - in addition to any customised blocks or block combinations. With the help of colour palettes and typographic style sheets in tools such as Adobe XD or Figma, this master sheet can be adapted for each project, making the initial effort more efficient and economical. Prepare sample pages In addition to the block overview, it is a good idea to create a few sample pages - for example for the homepage or the "About us" page. These serve as a guide and can be customised by customers according to their own needs. Mockups like these help to visualise what the website could look like later on. This is because many customers find it difficult to imagine how the content can be put together without a visual reference. Even though we provide them with a tool that allows them to design content flexibly, many don't know where to start. Even before the Block Editor was introduced, we supported our customers in creating pages that are user-friendly and effective from a technical perspective. This remains a central part of our work. For example, we recommend placing clear calls to action and appropriate texts on the homepage or providing all the necessary information on the contact page. This is exactly where page mock-ups help. - Kategorien: Design und UX, Redaktionsarbeit, WordPress - Tags: Deutsche Version - : pll_68f7a1d52fd46 Die erste Folge des WP Café im Juni bot eine spannende Panel-Diskussion über den WordPress Block Editor. https://www. youtube. com/watch? v=aN4uyGbGHmI&t=2s Einer der zentralen Knackpunkte war die Frage, wie man Mockups für eine Website gestaltet, bei der jede Seite und jeder Beitrag in unzähligen Kombinationen zusammengesetzt werden kann. Dieses Thema begegnete uns bei Say Hello bereits früh, als wir Anfang 2019 damit begannen, Websites für den Einsatz mit Gutenberg zu konzipieren. Den Kund:innen den Block Editor zu geben, ist wie ihnen eine Kiste LEGO ohne Bauanleitung zu überreichen. Man sollte ihnen nicht nur die Bausteine geben – sondern auch Anleitungen und visuelle Beispiele, wie bestimmte Seiten aussehen könnten. Kundinnen und Kunden sind in der Regel keine Expert:innen für digitale Kommunikation und benötigen Unterstützung beim Aufbau einer Website. Ein Tool mit unendlichen Möglichkeiten zur Inhaltserstellung wirkt in diesem Zusammenhang selten hilfreich. Sie brauchen weiterhin eine Begleitung: nicht nur durch die Bereitstellung dutzendweise schön gestalteter Blöcke, sondern auch durch konkrete Anleitung, wie diese Blöcke – sowie Seiten- und Layout-Kombinationen – gezielt eingesetzt werden können, um ihre Kommunikationsziele zu erreichen. Ein Master Sheet bereitstellen Der einfachste Weg, dem weiterhin bestehenden Wunsch von Kund:innen nach Mockups gerecht zu werden, ist die Gestaltung eines sogenannten «Master Sheets»: einer einzigen Übersicht, in der eine Auswahl der wichtigsten Blöcke und deren Erscheinungsbild als einzelne Elemente dargestellt wird. (Es ist natürlich nicht möglich, jede erdenkliche Kombination vorab zu visualisieren. ) Diese Übersicht sollte alle Kernblöcke enthalten, die die Kund:innen mit grosser Wahrscheinlichkeit nutzen werden. Beispiele dafür, wie einzelne Blöcke aussehen werden Ein Beispiel dafür ist in diesem Beitrag zu sehen: verschiedene Blöcke werden mit ihren Layout- und Farbvarianten dargestellt. Eine solche Konstellation wird nie eins zu eins auf der Website vorkommen – aber die Kund:innen erkennen, dass jedes Element (jeder Block) individuell angepasst werden kann. Es ist sinnvoll, möglichst viele der üblichen Blöcke visuell aufzubereiten – zusätzlich zu allen individuell entwickelten Blöcken oder Block-Kombinationen. Mithilfe von Farbpaletten und typografischen Stilvorlagen in Tools wie Adobe XD oder Figma kann dieses Master Sheet für jedes Projekt angepasst werden, was den Initialaufwand effizienter und wirtschaftlicher macht. Beispiel-Seiten aufbereiten Ergänzend zur Blockübersicht bietet es sich an, ein paar Beispielseiten zu erstellen – etwa für die Startseite oder die «Über uns»-Seite. Diese dienen als Orientierungshilfe und können von den Kund:innen nach ihren eigenen Bedürfnissen angepasst werden. Solche Mockups helfen dabei, sich ein Bild davon zu machen, wie die Website später aussehen könnte. Denn viele Kund:innen können sich ohne visuelle Referenz schwer vorstellen, wie sich die Inhalte zusammensetzen lassen. Auch wenn wir ihnen ein Tool in die Hand geben, mit dem sie Inhalte flexibel gestalten können, wissen viele zunächst nicht, wo sie anfangen sollen. Schon bevor der Block Editor eingeführt wurde, unterstützten wir unsere Kund:innen dabei, Seiten zu erstellen, die aus fachlicher Sicht benutzerfreundlich und zielführend sind. Das bleibt weiterhin ein zentraler Teil unserer Arbeit. Wir empfehlen beispielsweise, auf der Startseite klare Handlungsaufforderungen und passende Texte zu platzieren oder auf der Kontaktseite alle nötigen Informationen bereitzustellen. Genau hier helfen Seiten-Mockups weiter. - Kategorien: Editorial work, WordPress - Schlagwörter: Block Editor - Tags: English version - : pll_6902293953798 With Gutenberg, the WordPress community has created a solution for managing website content visually. Eighteen years ago, I came to Switzerland and started my career as a CMS developer. During the development work for a newspaper editorial system, my boss at the time liked to preach about the advantages of reusability. He insisted that we should implement as many of our developments as possible as reusable modules. This taught me how to develop more efficiently and make the complex modules of a website profitable through reusability. Many years later, techniques such as Vue. js, React, Bootstrap, Object Oriented CSS and Every Layout et. Al. , which are all built on the same principles. The big picture is broken down into smaller components and these are then used more and more. The classic "page builder" Since 2004, WordPress has offered the option of adding your own customisations to the CMS using plugins. If a required function is missing, you can either install it from the plugin repository or develop it yourself. As WordPress developed more and more from a blogging system into a fully-fledged CMS, various "page builder" plugins also came onto the market. These are intended to offer users the option of creating pages and posts in page builder mode. Some of these plugins are still popular today. However, they bring two major problems with them. The website operators and development teams are dependent on the third-party manufacturers and, depending on the plugin, content is saved in formats that can no longer be edited without a suitable plugin. Code name Gutenberg With Gutenberg, the WordPress community has therefore been working on its own solution that enables a modern workflow without having to forego a standardised structure. Various developments from the past paved the way for this, such as the REST API, which we have been using in various contexts since 2016. The editor uses this API for its own functions. WordPress 5. 0 with its new block editor was released at the end of 2018. Instead of seeing the site as a static template and inflexible layouts, developers now plan the individual content elements as blocks (or reusable components). At Say Hello, we have been developing for Gutenberg for about ten months now and the new approach for WordPress has been incorporated into all projects since this spring. In the simplest case, you build page content and posts using blocks that WordPress provides. We also design and develop our own custom blocks for our projects. This gives users a great deal of freedom when creating content and they don't have to come to us every time they want to make a minor change. As soon as we had the basics under control, we started with advanced procedures. For example, blocks can have sub-elements - so-called nested blocks - which make it possible to build page layouts with blocks grouped in advance. You can see an example of this in the following screenshot from our latest project. Nested blocks for WordPress Gutenberg In a post on this particular website, there is always a three-column overview block after a full-surface image. Instead of asking the user to manually compose the block, we provide a custom block ("outer block") with three inner blocks: a list of keywords, content consisting of large and small text, and an image. Each with dummy content for overwriting. The editors can edit the content directly in the block: not in a separate input field. Splitting the contained blocks gives us the option of using parts such as the image block in various other "outer blocks". https://www. youtube. com/watch? v=anb03Is-kCk We always scrutinise new ideas and concepts in Gutenberg development and incorporate these experiences directly into our projects. In addition, we often exchange ideas in the community about new technologies or best practices, which enabled us to use one of the very latest developments in the last project: Block Areas. These allow the user to control not only the content of a post, but also the surrounding areas - footer, side column or navigation - with their own blocks. This makes the entire website editable with Gutenberg, which simplifies development and offers the customer greater flexibility using WYSIWYG content management. A look into the future What's next? We are currently gaining experience with a new technology called Full Site Editing. This will enable us to offer the user a selection of ready-made page templates for the project. There are already projects that are being strongly promoted by WordPress. com, for example. As the company behind WordPress. com is also heavily involved in the open source sector, the wider WordPress community and not least our customers will soon benefit from this. - Kategorien: Redaktionsarbeit, WordPress - Tags: Deutsche Version - : pll_6902293953798 Mit Gutenberg hat die WordPress-Community eine Lösung erschafft, um die Inhalte der Website visuell zu verwalten. Vor achtzehn Jahre kam ich in die Schweiz und begann meine Karriere als CMS-Entwickler. Während der Entwicklungsarbeit für ein Zeitungsredaktionssystem hat mein damaliger Chef gerne über die Vorteile von Wiederverwendbarkeit gepredigt. Er bestand darauf, dass wir möglichst viele unserer Entwicklungen als wiederverwendbare Module umsetzen sollen. Dadurch habe ich gelernt, wie man effizienter entwickelt und die aufwendigen Module einer Website durch Wiederverwendbarkeit rentabel macht. Viele Jahre später waren dann Techniken wie Vue. js, React, Bootstrap, Object Oriented CSS und Every Layout et. Al. in aller Munde, die alle auf den gleichen Prinzipien gebaut sind. Man zerstückelt das grosse Ganze in kleinere Komponenten und setzt diese dann entsprechend vermehrt ein. Die klassischen «Page-Builder» Seit 2004 bietet WordPress die Möglichkeit, eigene Customisierungen des CMS mittels Plugins einzubauen. Fehlt eine benötigte Funktion, kann man diese entweder aus dem Plugin-Repository installieren, oder selber entwickeln. Als WordPress sich vom Blogging-System immer mehr zu einem vollwertigen CMS entwickelte, kamen auch diverse «Page-Builder»-Plugins auf der Markt. Diese sollen dem User eine Möglichkeit bieten, Seiten und Beiträge im Seitenbaukasten-Modus zu erstellen. Heute sind einige dieser Plugins immer noch beliebt. Sie bringen aber zwei grosse Probleme mit sich. Die Website-Betrieber und Entwicklungsteams sind von den Drittherstellern abhängig und je nach Plugin werden Inhalte in Formaten abgespeichert, welche ohne passendes Plugin nicht mehr editierbar sind. Codename Gutenberg Mit Gutenberg hat die WordPress-Community deshalb an einer eigenen Lösung gearbeitet, die einen modernen Arbeitsablauf ermöglicht und trotzdem nicht auf eine standardisierte Struktur verzichten muss. Die Wegbereiter dafür waren diverse Entwicklungen aus der Vergangenheit, wie zum Beispiel die REST API, die wir bereits seit 2016 in diversen Kontexten nutzen. Der Editor setzt diese API für eigene Funktionen ein. Ende 2018 wurde WordPress 5. 0 mit seinem neuen Block-Editor veröffentlicht. Anstatt die Seite als statisches Template und unflexiblen Layouts zu sehen, sollten Entwickler die einzelnen Inhaltselemente als Blöcke (oder eben wiederverwendbare Komponenten) planen. Bei Say Hello haben wir nun seit ungefähr zehn Monaten für Gutenberg entwickelt und das für WordPress neue Vorgehen fliesst seit diesem Frühling in alle Projekte ein. Im einfachsten Fall stellt man Seiteninhalte und Beiträge aus Blöcken zusammen, die WordPress mitliefert. Daneben haben wir in unseren Projekten diverse eigene Custom-Blöcke konzipiert und entwickelt. So hat die/der Kundin/Kunde sehr viele Freiheiten in der Inhaltserfassung und muss nicht jedes mal zu uns kommen, wenn er z. B. die Reihenfolge der Blöcke umstellen möchte. Sobald wir die Basics im Griff hatten, fingen wir gleich mit erweiterten Verfahren an. So können Blöcke u. A. Unterelemente bekommen - sogenannte Nested Blocks oder verschachtelte Blöcke - die es ermöglichen, Seitenlayouts mit im Voraus gruppierten Blöcke zu bauen. Im folgenden Screenshot aus unserem neusten Projekt siehst du ein Beispiel davon. Verschachtelte Blöcke für WordPress Gutenberg Bei einem Beitrag in dieser Website kommt nach einem vollflächigen Bild immer ein dreispaltiger Übersichts-Block vor. Anstatt dem User eine manuelle Zusammensetzung zuzumuten, stellen wir hier also einen Custom-Block («Outer Block») mit drei inneren Blöcken zur Verfügung: eine Auflistung der Schlagwörter, ein Inhalt bestehend aus grossem und kleinem Text, und ein Bild. Jeweils mit Dummy-Inhalt zum überschreiben. Die Redaktion kann der Inhalt direkt im Block editieren: nicht in einem separaten Eingabefeld. Das Aufteilen der enthaltenen Blöcke gibt uns die Möglichkeit, Teile wie z. B. der Bild-Block in diversen anderen «Outer-Blocks» einzusetzen. https://www. youtube. com/watch? v=anb03Is-kCk Neue Ideen und Konzepte in der Gutenberg-Entwicklung nehmen wir jeweils genau unter die Lupe und lassen diese Erfahrungen direkt in unsere Projekte einfliessen. Ausserdem tauschen wir uns oft in der Community über neue Techniken oder Best-Practices aus, wodurch wir im letzten Projekt auch eine der allerneuesten Entwicklungen einsetzen konnten: Block Areas. Diese erlauben der/dem NutzerIn nicht nur den Inhalt eines Beitrags, sondern auch die Randbereiche - Footer, Seitenspalte oder Navigation - mit eigenen Blöcken zu steuern. Das macht die gesamte Website mit Gutenberg editierbar, was die Entwicklung vereinfacht und dem Kunden eine breitere Flexibilität mittels WYSIWYG -Inhaltsverwaltung anbietet. Blick in die Zukunft Und was kommt als nächstes? Zur Zeit sammeln wir Erfahrung mit einer jungen Technik. Diese wird es uns ermöglichen, der/dem NutzerIn eine Auswahl an vorgefertigten Seiten-Templates für das Projekt anzubieten. Dazu gibt es bereits Projekte, die z. B. von WordPress. com stark vorangetrieben werden. Da die Firma hinter WorPress. com sich auch im Open Source Bereich sehr stark engagiert, werden die breitere WordPress-Community und nicht zuletzt auch unsere Kunden bald davon profitieren. - Kategorien: Community, Programming - Tags: English version - : pll_68f7999a83708 In technical terms, "open source" is the umbrella term for software that can be used and further developed free of charge. An entire culture has developed from this idea, which has contributed significantly to the success of the World Wide Web. And we don't want to stand idly by and watch. History Open source has a long tradition in software development. The first "tinkerers" who screwed together hardware in their garages and wrote small programs quickly realised that they were much more productive together than alone. They exchanged building instructions and discussed and further developed software. And everyone benefited. Around 1990, Tim Berners-Lee developed the concept of hypertext at CERN: a transfer protocol (HTTP) and the markup language (HTML). A lot of money could have been made by selling large companies expensive licences for their decentralised intranet. Fortunately, however, the decision was made in favour of open source, which paved the way for a global and freely available Internet. This tradition became one of the most important pillars of the WWW. 10% for the community Open source has become an integral part of IT. And even the big tech giants such as Google, Facebook and Microsoft are constantly making the code of large projects available. But anyone who thinks that only the really big players can "afford" to do this is way off the mark. Some of the most important open source representatives started out as small side projects by lone fighters or small groups. WordPress, for example. It has always been clear to us that we also want to play an active role in the open source world. After all, our WordPress plugins already have over 35,000 active installations. Without commitment, however, it remains an idea. That's why we recently decided to invest 10% of our working time in open source projects. Of course, this includes maintenance and support for our existing projects, but we also have a bunch of ideas for further projects. Open source as an advantage for our customers A few months ago I was asked an interesting question: how can you feed a family from open source? To be honest, I had never really thought about it. My answer was correspondingly meagre. But the question still accompanied me for a while: what are the benefits of open source projects for us and our customers? 1. Reputation Let's not kid ourselves. Whether as a large agency or as a freelancer, we all invest far too much of our resources in acquisition. But instead of hiring sales managers or ramping up marketing, we convince with what counts: our work. With open source WordPress plugins in particular, we reach an enormous number of potential customers and show what is possible through a collaboration with Say Hello. 2. Code quality As a developer, it is always an advantage to maintain a certain scepticism towards your work. Should I have structured it differently? Was the framework the right choice? Are there possible security gaps? In the worst case, this can lead to you keeping your code to yourself. We deliberately take a different approach here and make as much as possible publicly accessible. On the one hand, this transparency forces us to work cleanly, and on the other hand, we always receive enormously valuable feedback from the community. 3. Further training The web is developing at breakneck speed. In order to stay on the ball, it is extremely important to experiment with new technologies or test new concepts. And complete projects from concept to launch are much more sustainable than experiments or tests. Of course, it wouldn't be fair to our customers to charge for this time via their projects. Open source projects offer us this freedom. We can try out new technologies or deepen existing ones without being tied to a budget or a deadline. And here, too, we can count on feedback and help from the entire community. For many developers around the world, open source has become an important piece of the puzzle in their day-to-day work. This is also the case for us. - Kategorien: Community, Programmierung - Tags: Deutsche Version - : pll_68f7999a83708 Technisch gesehen ist «Open Source» der Überbegriff für Software, die gratis genutzt und weiterentwickelt werden darf. Aus dieser Idee hat sich eine ganze Kultur entwickelt, die ganz massgeblich zum Erfolg des World Wide Web beigetragen hat. Und auch wir möchten da nicht tatenlos zuschauen. Geschichte Open Source hat in der Softwareentwicklung eine lange Tradition. Die ersten «Tüftler», die in ihren Garagen Hardware zusammenschraubten und kleine Programme schrieben merkten schnell, dass sie zusammen viel produktiver waren als alleine. So wurden Bauanleitungen ausgetauscht und Software diskutiert und weiterentwickelt. Und dabei profitierten alle. Um 1990 herum entwickelte Tim Berners-Lee am CERN das Konzept rund um den Hypertext: ein Transfer Protokoll (HTTP), sowie die Markup Sprache (HTML). Damit hätte man nun viel Geld verdienen können, wenn man grossen Firmen teure Lizenzen für ihr dezentrales Intranet verkauft hätte. Zum Glück aber hat man sich für Open Source entschieden, womit der Weg für ein weltumspannendes und frei verfügbares Internet geebnet wurde. Aus dieser Tradition sind wurde einer der wichtigsten Pfeiler des WWW. 10% für die Community Open Source ist aus der Informatik nicht mehr weg zu denken. Und auch die grossen Techgiganten wie Google, Facebook und Microsoft stellen immer wieder den Code grosser Projekte zur Verfügung. Aber wer jetzt denkt, das können sich nur die ganz Grossen «leisten», hat weit gefehlt. Einige der wichtigsten Open Source Vertretern haben als kleines Sideproject von Einzelkämpfern oder kleinen Gruppen angefangen. So zum Beispiel auch WordPress. Für uns war also schon immer klar, dass auch wir eine aktive Rolle in der Open Source Welt spielen möchten. Unsere WordPress Plugins zählen immerhin bereits über 35'000 aktive Installationen. Ohne Commitment bleibt es aber eine Idee. Deshalb haben wir uns vor Kurzem dazu entschlossen, 10% unserer Arbeitszeit in Open Source Projekte zu investieren. Dazu gehört natürlich Wartung und Support unserer bestehenden Projekte, zudem haben wir aber einen Strauss voll Ideen für weitere Projekte. Open Source als Vorteil für unsere Kunden Vor ein paar Monaten wurde mir eine interessante Frage gestellt: wie kann man von Open Source eine Familie ernähren? Ehrlich gesagt hatte ich mir das nich gar nie gross überlegt. Entsprechend mager viel auch meine Antwort aus. Die Frage begleitete mich aber noch ein Stück: was bringen Open Source Projekt für uns und unsere Kunden? 1. Reputation Machen wir uns nichts vor. Egal ob als grosse Agentur oder als Freelancer, wir alle investieren einen viel zu grossen Teil unserer Resourcen in die Aquise. Anstatt aber Sales-Manager einzustellen oder das Marketing hochzufahren, überzeugen wir mit dem was zählt: unserer Arbeit. Gerade mit Open Source WordPress Plugins erreichen wir enorm viele potentielle Kunden und zeigen, was durch eine Zusammenarbeit mit Say Hello möglich ist. 2. Codequalität Als Entwickler ist es immer von Vorteil, eine gewisse Skepsis gegenüber seiner Arbeit zu bewahren. Hätte ich das anders Strukturieren sollen? War das Framework die richtige Wahl? Sind da mögliche Sicherheitslücken? Im schlechtesten Fall führt das dazu, dass man seinen Code lieber für sich behält. Wir gehen hier ganz bewusst einen anderen Weg und machen so viel wie möglich öffentlich zugänglich. Diese Transparenz zwingt uns zum Einen sauber zu arbeiten, zum Anderen erhalten wir auch immer wieder enorm wertvolles Feedback aus der Community. 3. Weiterbildung Das Web entwickelt sich rasend schnell. Um da am Ball zu bleiben, ist es enorm wichtig, mit neuen Technologien zu experimentieren oder neue Konzepte zu testen. Und viel nachhaltiger als Experimente oder Tests, sind komplette Projekte vom Konzept bis zum Launch. Natürlich wäre es unseren Kunden gegenüber nicht fair, diese Zeit über ihre Projekte abzurechnen. Open Source Projekte bieten uns gebau diese Freiheiten. Wir können neue Technologien ausprobieren oder bestehende Vertiefen, ohne an ein Budget oder eine Deadline gebunden zu sein. Und auch hier können wir auf Feedback und Hilfe der ganzen Community zählen. Für viele Entwickler auf der ganzen Welt wurde Open Source zu einem wichtigen Puzzlestück in Arbeitsalltag. So auch bei uns. - Kategorien: Programming - Tags: English version - : pll_68f798efabea9 Progressive Web Apps (PWA) is a new technology that allows websites to utilise features previously only known from mobile apps. First, let's take a step back. The web makes it possible for anyone anywhere in the world to publish content and for me to access it in the same minute. It doesn't matter where I am, what device I'm using or what operating system I'm using. It doesn't even matter what screen size I have. It just works. Great, isn't it? With the advent of smartphones, apps have become increasingly popular. And quite rightly so. They offer long-awaited new possibilities for user interaction on smartphones. First and foremost, for example, push notifications or offline availability. The disadvantage: apps are always tied to an operating system, they are expensive to develop and present many hurdles when it comes to distribution. The solution: Progressive Web Apps In 2015, Google introduced a new generation of web-based applications under the name "progressive web apps", which should fulfil the following criteria: Fast: The loading time should be reduced to an absolute minimum. Integrated: It should feel as if the application is part of the device. Reliable: Availability with poor or no Internet connection. Engaging: The user can be specifically encouraged to interact, even if they are not currently using the app. In order to fulfil these points, the browser must of course support new, important functions. The Web App Manifesto A web app manifest contains basic information about the website. For example, the title, a description, various icons for the home screen and display settings for the app view. The Service Worker The Service Worker (SW) is a JavaScript document that is installed in a special scope in the browser. There it controls a website (a scope) and performs tasks in the background, the results of which it can in turn pass on to the website or device. A simple example: The SW monitors all network requests and can manipulate them if necessary. As soon as the browser requests a file, for example, the SW decides whether the request is effectively forwarded to the server or whether it should be processed locally (still on the device). The software also decides whether the response should be sent directly to the browser or whether, for example, a copy should also be stored in the application storage, i. e. a local memory. All of this enables us to make certain functionalities and content available offline (from the application storage). But that's not all. The SW is registered automatically when a user visits the page. It then continues to work even if the website or browser has long since been closed. Indirectly, the page continues to work even if it is not active. Possibilities of PWA Modern websites and web applications have long been inferior to native apps in almost every respect. JavaScript interfaces allow fairly extensive access to device functions and modern front-end frameworks allow a very app-like user experience. Progressive web apps now compensate for the last disadvantages compared to mobile apps: Installable: PWAs can be "installed" on the device, but they can also be accessed and shared via a URL. A complicated upload process can therefore be easily bypassed. Offline use: PWAs can be used independently of the network connection. push notifications: PWAs can receive and display push notifications. background sync: PWAs can save data locally and synchronise it with the server as soon as an active Internet connection is available. Browser support As already mentioned, PWAs require some functions that are not yet supported across the board. While Andriod is the pioneer in offering comprehensive PWA support in all browsers, Apple's iOS is still struggling a little. Since version 11. 3, iOS has fortunately been taking big steps towards PWAs, but they don't quite work as expected yet. Important functions such as background syncs and push notifications are unfortunately still not possible and the application storage is anything but reliable. However, the great thing about PWAs is that every feature was planned as a so-called "progressive enhancement". If it is supported, it can be used, but if not, everything else still works without any problems. Progressive web apps and WordPress The concept behind PWAs fascinated me right from the start. After my first attempts with single page applications, we decided to create our own WordPress website as a progressive web app1. After a lot of very positive feedback, I took the next step. A PWA WordPress plugin that brings PWA functions to a classic WordPress website, regardless of the theme. The Web App Manifest can be created and edited without any programming knowledge, the Service Worker enables network-independent use and push notifications can even be conveniently created via the WP Admin area and sent to all registered devices. Conclusion Will PWAs replace the app platforms? I don't think so. But that's not even necessary. Even with PWAs, there will always be good reasons to build native apps. However, PWAs are used where native functions are not really necessary. And there are more of them than you might think: email clients, social media profiles, media players, messengers, news platforms, etc. . Many of these apps are still available in the Appstore today, but could easily be distributed directly via the web platform. With this in mind, I very much hope that PWAs will once again draw more attention to the OpenWeb. Footnotes - Kategorien: Programmierung - Tags: Deutsche Version - : pll_68f798efabea9 Hinter Progressive Web Apps (PWA) verbirgt sich eine neue Technologie, die es Webseiten erlaubt, Features zu nutzen, die man bis anhin nur von mobile-Apps kennt. Aber machen wir erstmal einen Schritt zurück: Das Web macht es möglich, dass irgendjemand irgendwo auf der Welt einen Inhalt veröffentlichen kann und ich noch in derselben Minute darauf zugreifen kann. Dabei spielt es keine Rolle, wo ich bin, welches Gerät ich nutze, welches Betriebssystem ich verwende, es ist sogar egal, welche Bildschirmgrösse ich habe. Es funktioniert einfach. Grossartig, oder? Mit dem Aufkommen von Smartphones gewannen nun Apps immer mehr an Popularität. Und das völlig zu Recht. Sie boten auf Smartphones langersehnte neue Möglichkeiten der Nutzerinteraktion. Allen voran zum Beispiel Push-Nachrichten oder offline Verfügbarkeit. Der Nachteil: Apps sind immer an ein Betriebssystem gebunden, sie sind teuer in der Entwicklung und bieten viele Hürden in der Verteilung. Die Lösung: Progressive Web Apps 2015 stellte Google unter dem Namen "progressive web apps" eine neue Generation von webbasierten Applikationen vor, die folgende Kriterien erfüllen sollten: Fast: Die Ladezeit sollte auf ein absolutes Minimum reduziert werden. Integrated: Es sollte sich anfühlen, als wäre die Applikation Teil des Geräts. Reliable: Verfügbarkeit bei schlechter oder fehlender Internetverbindung. Engaging: Der Nutzer kann gezielt zu einer Interaktion animiert werden, auch wenn er die App zur Zeit nicht nutzt. Um diese Punkte zu erfüllen, muss der Browser natürlich neue, wichtige Funktionen unterstützen. Das Web App Manifest Ein Web App Manifest enthält grundlegende Informationen zu der Webseite. Unter anderem zum Beispiel den Titel, eine Beschreibung, verschiedene Icons für den Homescreen und Anzeige-Einstellungen für die App-Ansicht. Der Service Worker Der Service Worker (SW) ist ein JavaScript Dokument, welches in einem speziellen Geltungsbereich im Browser installiert wird. Dort kontrolliert er eine Webseite (einen Scope) und führt im Hintergrund Aufgaben aus, dessen Resultate er wiederum an die Webseite oder das Gerät weitergeben kann. Ein einfaches Beispiel: Der SW überwacht alle Netzwerkanfragen und kann diese gegebenenfalls manipulieren. Sobald der Browser zum Beispiel eine Datei anfragt, entscheidet der SW, ob die Anfrage effektiv an den Server geleitet wird, oder lokal (noch auf dem Gerät) verarbeitet werden soll. Und auch bei der Antwort entscheidet dann der SW, ob diese direkt zum Browser soll, oder ob er zum Beispiel zusätzlich eine Kopie in den Application Storage, also einen lokalen Speicher legen möchte. All das ermöglicht uns nun also, gewisse Funktionalitäten und Inhalte auch offline (aus dem Application Storage) zur Verfügung zu stellen. Das ist aber noch nicht alles. Der SW wird ganz automatisch registriert, wenn ein Nutzer die Seite besucht. Danach arbeitet er, auch wenn die Webseite oder der Browser längst geschlossen wurde. Indirekt arbeitet die Seite also weiter, auch wenn sie gar nicht aktiv ist. Möglichkeiten von PWA Moderne Webseiten und Webapplikationen stehen nativen Apps schon seit langen in kaum etwas nach. JavaScript-Schnittstellen erlauben einen ziemlich umfangreichen Zugriff auf die Gerätefunktionen und moderne Frontend-Frameworks erlauben eine sehr app-ähnliche Nutzerführing. Progressive Web Apps gleichen nun noch die letzten Nachteile gegenüber mobilen Apps aus: Installierbar: PWAs können auf dem Gerät "installiert" werden, sie können aber gleichwohl über einen URL aufgerufen und geteilt werden. Ein komplizierter Upload-Prozess kann damit einfach umgangen werden. Offline Nutzung: PWAs können unabhängig von der Netzwerkverbindung verwendet werden. push notifications: PWAs können push notifications empfangen und anzeigen. background sync: PWAs können lokal Daten speichern und mit dem Server abgleichen, so bald eine aktive Internetverbindung vorhanden ist. Browser Support Wie bereits angetönt setzen PWAs einige Funktionen voraus, die noch nicht flächendeckend unterstützt werden. Während Andriod als Vorreiter in allen Browsern einen umfangreichen PWA Support bietet, tut sich Apples iOS noch etwas schwer. Seit der Version 11. 3 macht iOS glücklicherweise immer wieder grosse Schritte hin zu PWAs, allerdings funktionieren sie noch nicht ganz, wie erwartet. Wichtige Funktionen wie background syncs und push notifications sind leider noch immer nicht möglich und auch der Application Storage ist alles Andere als zuverlässig. Das tolle an PWAs ist jedoch, dass jedes Feature als sogenanntes "progressive enhancement" geplant wurde. Wird es unterstützt, kann es genutzt werden, wenn nicht, dann funktioniert alles andere aber trotzdem problemlos. Progressive Web Apps und WordPress Das Konzept hinter PWAs hat mich schon von Anfang an fasziniert. Nach meinen ersten Gehversuchen in Verbindung mit Single Page Applikationen, entschieden wir uns unsere eigene WordPress Webseite als Progressive Web App auszugeben1. Nach vielen sehr positiven Rückmeldungen nahm ich den nächsten Schritt in Angriff. Ein PWA WordPress Plugin, welches unabhängig des Themes PWA Funktionen in eine klassische WordPress Webseite bringt. Das Web App Manifest kann ganz ohne Programmierkenntnisse erstellt und bearbeitet werden, der Service Worker ermöglicht eine netzwerk~unabhängige Nutzung und es können sogar Push Notifications bequem über den WP Admin Bereich verfasst und an alle registrierten Geräte verschickt werden. Fazit Werden PWAs die App-Plattformen ersetzen? Ich denke nicht. Aber das ist auch gar nicht notwendig. Auch mit PWA wird es immer wieder gute Gründe geben, native Apps zu bauen. PWAs setzen aber dort an, wo native Funktionen grundsätzlich gar nicht notwendig sind. Und das sind mehr, als man denkt: Email Clients, Social Media Profile, Mediaplayer, Messenger, News-Plattformen, etc. . Viele dieser Apps stehen heute noch im Appstore, könnten aber problemlos auch direkt über die Webplattform verteilt werden. In diesem Sinne hoffe ich stark, dass mit PWAs wieder mehr Aufmerksamkeit auf das OpenWeb gelenkt wird. Fussnoten ## Portfolio - Tags: English version - : pll_6a3bfb4ac53cf - Project Categories: Backend, Frontend, Maintenance work, Programming, UX and design Stripping back the WordPress Block Editor to create a simpler editorial experience, and collaborating on the UX for a project with a local hotelier. Say Hello has always striven to support local businesses, and I have a personal interest in helping to promote the region to both locals and visitors from further afield. So when I was approached by the Bern-based design company Unikum about another project – this time for a hotel and restaurant on the shores of Lake Thun – I was particularly pleased to be involved. Neuhaus zum See in Unterseen is well known in the region and amongst visitors arriving on lake cruises as a highlight of the lakeshore near Interlaken. Design consultancy During the first phase of the project, I helped Unikum to deliver the best possible design and concept outcomes by sharing my experience of hotels in the region and across Switzerland. Once the client’s requirements had been met, I helped Unikum to refine the site’s usability, with a particular focus on accessibility issues. Keeping editorial work simple The client wanted a relatively simple website that would be easy to manage in terms of content, so the focus when building the site was on simplicity. I used the simpler navigation management tool that has been part of WordPress for many years to create the relatively extensive mega menu, then developed the content management system for the site by building a small handful of custom blocks. WordPress’ Block Editor is powerful but can be unnecessarily complicated for smaller projects, and the client was happy for me to provide a stripped-back editor interface. By using custom blocks, with fixed input fields and simple media selectors for images and video, I removed the complexity of the full Block Editor and enabled the client to work quickly and easily: maintaining the elegant design whilst avoiding the need for making complex choices during editorial work. Ongoing maintenance In order to support this local business and help them save time spent on managing and updating the website, we agreed a WordPress maintenance contract. This allows me to take over the administrative work for the client, enabling them to focus on their core business. - Tags: Deutsche Version - : pll_6a3bfb4ac53cf - Project Categories: Backend, Frontend, Programmierung, UX und Design, Wartungsarbeit Vereinfachung des WordPress Block Editors für ein schlankes Redaktionserlebnis sowie Zusammenarbeit bei der Optimierung der Benutzerführung für ein lokales Hotelprojekt. Say Hello hat sich schon immer dafür eingesetzt, lokale Unternehmen zu unterstützen. Mir persönlich liegt es am Herzen, die Region sowohl für Einheimische als auch für Gäste von weiter her sichtbarer zu machen. Als mich die Berner Designagentur Unikum für ein weiteres gemeinsames Projekt anfragte – diesmal für ein Hotel und Restaurant am Ufer des Thunersees – habe ich mich deshalb besonders gefreut. Das Neuhaus zum See in Unterseen ist in der Region bekannt und für Gäste, die mit dem Schiff anreisen, ein markanter Ort am Seeufer bei Interlaken. Beratung bei Konzeption und Gestaltung In der ersten Projektphase durfte ich Unikum dabei unterstützen, das bestmögliche Konzept und Design zu entwickeln. Dabei konnte ich meine Erfahrungen mit Hotels in der Region und in der ganzen Schweiz einbringen. Nachdem die Anforderungen des Kunden definiert waren, half ich dabei, die Benutzerfreundlichkeit der Website weiter zu verbessern, insbesondere mit Blick auf die Barrierefreiheit. Redaktionelle Arbeit einfach halten Der Kunde wünschte sich eine vergleichsweise einfache Website, die sich mit möglichst wenig Aufwand pflegen lässt. Entsprechend stand bei der Umsetzung die Einfachheit im Vordergrund. Das umfangreiche Mega-Menü wurde mit der seit vielen Jahren in WordPress integrierten Navigationsverwaltung aufgebaut. Für die Inhalte setzte ich eine kleine Anzahl individuell entwickelter Blöcke ein. Der Block Editor von WordPress ist leistungsfähig, kann für kleinere Projekte aber unnötig komplex sein. Der Kunde war deshalb einverstanden, dass ich die Bearbeitungsoberfläche bewusst vereinfache. Durch individuell entwickelte Blöcke mit festen Eingabefeldern sowie einfachen Medienauswahlen für Bilder und Videos konnte ich die Komplexität des vollständigen Block Editors reduzieren. So kann der Kunde Inhalte schnell und unkompliziert pflegen, ohne sich mit zahlreichen Gestaltungsoptionen auseinandersetzen zu müssen, und das elegante Erscheinungsbild der Website bleibt jederzeit gewahrt. Laufende Wartung Um dieses lokale Unternehmen zu unterstützen und den Zeitaufwand für die Pflege und Aktualisierung der Website möglichst gering zu halten, haben wir einen Wartungsvertrag vereinbart. Dadurch kann ich die technischen und administrativen Arbeiten übernehmen, sodass sich der Kunde ganz auf sein Kerngeschäft konzentrieren kann. - Tags: Deutsche Version - : pll_6998eba9e8b9e - Project Categories: Backend, Frontend, Programmierung - Project Tags: Animation, Edorex AG, Typografie, WordPress Site Editor Erstellung einer neuen Website für das Berner Softwareunternehmen Edorex und Implementierung von benutzerdefiniertem Code für beeindruckende Seitenanimationen. Say Hello unterstützt Edorex, ein Softwareunternehmen in Bern, das an grossen Entwicklungsprojekten arbeitet, seit mehreren Jahren mit eigenen Websites. Neben der Arbeit an der ursprünglichen Version ihrer Hauptwebsite, die ich seit 2019 schrittweise ausbaute, habe ich auch zusätzliche Microsites für sie erstellt und bearbeitet, die jeweils auf einen bestimmten Geschäftsbereich ausgerichtet sind, z. B. den Meeting- und Kollaborationsraum Denkbar. Nachdem Edorex die Hauptwebsite einige Jahre lang aufgebaut und betrieben hatte, wollte sie mit Say Hello mehr Freiheit bei der Erstellung und Verwaltung ihrer Inhalte und mehr Zugang zu den grafischen Möglichkeiten haben, welche die WordPress-Block- und Site-Editoren bieten. Dies passte perfekt, da Say Hello seit 2019 den Block-Editor für alle Website-Projekte verwendet und seit der Einführung des Site-Editors im Jahr 2021 diesen auch einsetzt. Nach einer Testphase von etwa einem Jahr, in der Edorex die WordPress-Redakteure mit kontinuierlichen Praxiserfahrungen innerhalb der erweiterten Funktionen der älteren Version der Website testen konnte, arbeiteten Mitglieder des Designteams an einem neuen Unternehmens~branding und dem Konzept für eine neue Website in Figma. Ich konnte diese im Jahr 2024 übernehmen, umsetzen und veröffentlichen. Neben einer starken typografischen Identität und einer Reihe von massgeschneiderten Inhaltselementen, die speziell für die neue Website erstellt wurden, konnte ich auch eng mit einer Animationsdesignerin bei Edorex zusammenarbeiten, um ihre Vision von bewegten Grafiken auf einer Reihe von Inhaltsseiten mit einer Lösung für Lottie umzusetzen, die ich speziell für die Website programmiert habe. - Tags: English version - : pll_6998eba9e8b9e - Project Categories: Backend, Frontend, Programming - Project Tags: animation, Edorex AG, typography, WordPress Site Editor Building a new website for Bern software company Edorex and implementing custom code for striking page animations. Say Hello has been supporting Edorex, a software company in Bern working on large-scale development projects, for several years with their own websites. Alongside working on and progressively extending the original version of their main website since 2019, I have also built and worked on additional microsites for them, each of which targeted a specific business area; for example, the meeting and collaboration space Denkbar. After building and running the main website for a few years, Edorex wanted Say Hello to provide them with more freedom to create and manage their content, and to have more access to the graphical opportunities which the WordPress Block and Site Editors provide. This was a perfect match, because Say Hello has been using the Block Editor for all website projects since 2019, and the Site Editor since it became available in 2021. After a trial period of around a year, during which Edorex got to evaluate the WordPress Editors with continual real-world experience within extended functionality on the older version of the website, members of their design team worked on new company branding and the concept for a new website in Figma, which I was able to take on and build for release at the end of 2024. Alongside a strong typographic identity and a number of custom content elements built specifically for the new site, I was also able to work closely with an animation designer at Edorex to implement her vision for motion graphics on a number of content pages using a solution for Lottie, which I coded specifically for the site. - Tags: English version - : pll_68f7a6f19ac41 - Project Categories: APIs, Backend, Frontend, Programming, UX and design Integration of a customised vehicle selection on a WordPress website, based on data from an external interface. A local marketing agency approached me on behalf of a regional Ford dealer who also wanted to present the vehicles offered on AutoScout24 on its website. Instead of having to maintain the entries in two separate systems, the client wanted to be able to make all additions and changes exclusively in the comprehensive AutoScout24 system, which had been specially developed for this purpose. The current vehicle selection was to appear automatically on the company website - without any manual maintenance effort. Development and design The first work in spring 2021 involved the visual design of the public vehicle overview: a page module that could be integrated into the existing page builder with which the editorial team was already familiar. Instead of having to adopt a predefined and contradictory AutoScout24 design, the module needed to reflect the client's CI/CD and be seamlessly integrated. Integrating data via an external API can often lead to performance problems, even though we have full confidence in the quality of the chosen interface for this project. Nevertheless, the data is regularly retrieved from the remote server via a background process and stored in the WordPress database to serve as a data source for the client's website. This ensures that the website is always up to date without affecting its performance. As the user interface offers interactive functions for visitors - such as switching between list and detailed views, filter and sorting options or an image carousel of the available photos of the vehicle - I decided to implement the tool using the JavaScript framework "React". This enabled immediate updates to the view based on the fully pre-loaded data set, so that interaction for visitors was smooth and instantaneous. Further development The programmed solution ran smoothly and without technical intervention for four and a half years until AutoScout24 developed a new interface in 2025. This made it necessary to revise the WordPress plugin. Thanks to a robust development process and a modular, component-based strategy in the original implementation, the adjustments to my code for the new authentication process and the changed data structure were implemented in a short time. - Tags: Deutsche Version - : pll_68f7a6f19ac41 - Project Categories: Backend, Frontend, Programmierung, Schnittstellen, UX und Design Integration einer individuellen Fahrzeugauswahl auf einer WordPress-Website, basierend auf Daten einer externen Schnittstelle. Eine lokale Marketingagentur ist auf mich zugekommen, im Auftrag eines regionalen Ford-Händlers, der die auf AutoScout24 angebotenen Fahrzeuge auch auf seiner Website präsentieren wollte. Anstatt die Einträge aufwändig in zwei separaten Systemen zu pflegen, sollte der Kunde alle Ergänzungen und Änderungen ausschliesslich im umfangreichen, speziell dafür entwickelten AutoScout24-System vornehmen können. Die aktuelle Fahrzeug~auswahl sollte automatisch auf der Firmenwebsite erscheinen – ganz ohne manuellen Pflegeaufwand. Entwicklung und Gestaltung Die erste Arbeit im Frühjahr 2021 umfasste das visuelle Design der öffentlichen Fahrzeugsübersicht: ein Seitenmodul, das sich in den bestehenden Page Builder integrieren liess, mit dem die Redaktion bereits vertraut war. Anstatt ein vordefiniertes und widersprüchliches AutoScout24-Design übernehmen zu müssen, sollte das Modul das CI/CD des Kunden widerspiegeln und nahtlos eingebunden sein. Das Einbinden von Daten über eine externe Schnittstelle kann oft zu Performance-Problemen führen, auch wenn wir bei diesem Projekt volles Vertrauen in die Qualität der gewählten Schnittstelle haben. Dennoch werden die Daten regelmässig über einen Hintergrundprozess vom Remote-Server abgerufen und in der WordPress-Datenbank gespeichert, um als Datenquelle für die Website des Kunden zu dienen. So bleibt die Website stets aktuell, ohne dass ihre Performance beeinträchtigt wird. Da die Benutzeroberfläche interaktive Funktionen für die Besucher bietet – etwa den Wechsel zwischen Listen- und Detailansicht, Filter- und Sortieroptionen oder eine Bilderkarussell der verfügbaren Fotos des Fahrzeuges – entschied ich mich, das Tool mit dem JavaScript-Framework «React» umzusetzen. Dies ermöglichte sofortige Aktualisierungen der Ansicht auf Basis des vollständig vorab geladenen Datensatzes, sodass die Interaktion für die Besucher flüssig und verzögerungsfrei verlief. Weiterentwicklung Die programmierte Lösung lief viereinhalb Jahre lang problemlos und ohne technische Eingriffe, bis AutoScout24 im Jahr 2025 eine neue Schnittstelle entwickelte. Dadurch wurde eine Überarbeitung des WordPress-Plugins erforderlich. Dank eines robusten Entwicklungsprozesses und einer modularen, komponentenbasierten Strategie in der ursprünglichen Umsetzung konnten die Anpassungen an meinem Code für den neuen Authentifizierungsprozess und die geänderte Datenstruktur in kurzer Zeit umgesetzt werden. - Tags: English version - : pll_68f7a7461508a - Project Categories: Backend, Frontend, Programming, UX and design When a local tourism organisation needed a small website, I offered them a cost-effective solution with a customised design and flexible page layout. I have been working with Niesenbahn AG - the company that operates the funicular railway and tourist facilities on the local mountain Niesen - since 2021. To enable the marketing team to work smoothly and efficiently, their WordPress installation was expanded in 2024 to include the one-page website for the annual “Niesen Sessions” concert series. It therefore made sense to also implement a new small website to promote local tourist destinations in the same installation - with the advantage of centralised editorial access (“WordPress Multisite”) and the shared use of existing hosting and maintenance packages. Cross-media design To keep the project efficient and ensure that the campaign was recognisable across digital and printed media, I used the existing design elements and fonts from the print concept as the basis for the website design. From this, I adapted key elements and implemented an interactive image carousel for each destination. Revised versions of existing icons - supplemented by some individual symbols - provide brand-appropriate accents and visually round off the existing marketing texts. Optimal use of the WordPress Block Editor By building another website for this client using the Block Editor, the marketing team can once again benefit from the extensive editing capabilities that WordPress offers. To keep costs down, I designed the page layout to be based mainly on the usual WordPress content elements, which were supplemented by a few targeted extensions that provide visitors with an appealing overview of the highlights of our region. Thanks to a concept that is consistently based on an expandable, component-based page structure, the website can easily be expanded with additional content in the future. Multilingualism without plugin To avoid incurring unnecessary costs in this first phase due to an additional plugin to manage the multilingual content, the pages for German, English and French were linked manually via the website navigation - an approach that I have already used successfully several times, including when designing and implementing the website for the national WordPress conference in 2023. - Tags: Deutsche Version - : pll_68f7a7461508a - Project Categories: Backend, Frontend, Programmierung, UX und Design Als sich eine lokale Tourismusorganisation mit der Anfrage an mich wandte, bot ich ihr eine kostengünstige Lösung mit individuellem Design und flexiblem Seitenlayout an. Ich arbeite seit 2021 mit der Niesenbahn AG zusammen – dem Unternehmen, das die Standseilbahn und touristischen Einrichtungen auf dem Hausberg Niesen betreibt. Um dem Marketingteam einen reibungslosen und effizienten Arbeitsablauf zu ermöglichen, wurde ihre WordPress-Installation im Jahr 2024 um die Onepage-Website für die jährliche Konzertreihe «Niesen Sessions» erweitert. Es lag daher nahe, auch eine neue kleine Website zur Bewerbung lokaler Tourismusziele in derselben Installation umzusetzen – mit dem Vorteil eines zentralen redaktionellen Zugriffs («WordPress Multisite») sowie der gemeinsamen Nutzung bestehender Hosting- und Wartungspakete. Crossmediales Design Um das Projekt effizient zu halten und die Wiedererkennung der Kampagne über digitale und gedruckte Medien hinweg sicherzustellen, habe ich die bestehenden Designelemente und Schriften aus dem Printbereich als Grundlage für die Gestaltung der Website verwendet. Daraus habe ich zentrale Elemente angepasst und für jede Destination ein interaktives Bilderkarussell umgesetzt. Überarbeitete Versionen bestehender Icons – ergänzt durch einige individuelle Symbole – sorgen für markengerechte Akzente und runden die bestehenden Marketingtexte visuell ab. Optimaler Einsatz des WordPress Block Editors Durch den Aufbau einer weiteren Website für diesen Kunden mit dem Block Editor kann das Marketingteam erneut von den umfangreichen Bearbeitungs~möglichkeiten profitieren, die WordPress bietet. Um die Kosten niedrig zu halten, habe ich das Seitenlayout so konzipiert, dass es hauptsächlich auf den üblichen Inhaltselemente von WordPress basiert – ergänzt durch einige gezielte Erweiterungen, die den Besucher:innen einen ansprechenden Überblick über die Highlights unserer Region bieten. Dank eines Konzepts, das konsequent auf einem erweiterbaren, komponentenbasierten Seitenaufbau beruht, kann die Website künftig problemlos um zusätzliche Inhalte erweitert werden. Mehrsprachigkeit ohne Plugin Um in dieser ersten Phase keine unnötigen Kosten durch ein zusätzliches Plugin zur Verwaltung der mehrsprachigen Inhalte zu verursachen, wurden die Seiten für Deutsch, Englisch und Französisch manuell über die Navigation der Website miteinander verlinkt – ein Ansatz, den ich bereits mehrfach erfolgreich eingesetzt habe, unter anderem beim Design und der Umsetzung der Website für die nationale WordPress-Konferenz im Jahr 2023. - Tags: English version - : pll_68f7a7a517047 - Project Categories: Backend, Frontend, Programming, UX and design A quick redesign and modernisation of an existing website with optimal use of the WordPress Block Editor. An existing client approached me with a request for a simple new website for their local childcare centre. As the old website could no longer be technically supported for much longer, the creation of the new website with WordPress was correspondingly urgent. Concept and design The main task in redesigning the project was to adopt the existing content, modernise the design and improve navigation and user-friendliness for smartphone visitors. In addition, content management was to be simplified, which is why the use of the WordPress Block Editor was an obvious choice. The previous website was to be modernised and freshly implemented using the latest technology After discussing the project requirements, we decided on a simple, bespoke design with a modernised version of the existing logo and the current colour scheme. I chose the modern, appealing font Work Sans from Google Fonts and embedded the files directly into the website to ensure optimal performance and avoid unnecessary external loading. I fulfilled the modernisation requirement with a tried-and-tested page layout and clearly visible, fixed navigation on all pages. I was also able to improve the accessibility of the website by optimising the colour contrast. Content management Thanks to the optimal use of WordPress' predefined content elements and the implementation of a customised image carousel, transferring the content before the relaunch was straightforward. The client can now update all the information themselves at any time, and their existing experience with the Block Editor from a previous project made it easier to get started quickly. - Tags: Deutsche Version - : pll_68f7a7a517047 - Project Categories: Backend, Frontend, Programmierung, UX und Design Ein schnelles Redesign und die Modernisierung einer bestehenden Website mit optimaler Nutzung des WordPress-Block-Editors. Ein bestehender Kunde wandte sich an mich mit der Anfrage für eine einfache neue Website für seine lokale Kinderkrippe. Da die alte Website nicht mehr lange technisch unterstützt werden konnte, war die Erstellung der neuen Website mit WordPress entsprechend dringend. Konzept und Gestaltung Die Hauptaufgabe beim Redesign des Projekts bestand darin, die bestehenden Inhalte zu übernehmen, das Design zu modernisieren sowie Navigation und Benutzerfreundlichkeit für Smartphone-Besucher zu verbessern. Zudem sollte die Inhaltsverwaltung vereinfacht werden, weshalb der Einsatz des WordPress-Block-Editors nahelag. Die bisherige Website sollte modernisiert und mit neuster Technik frisch umgesetzt werden Nach der Besprechung der Projektanforderungen entschieden wir uns für ein schlichtes, massgeschneidertes Design mit einer modernisierten Version des bestehenden Logos sowie der aktuellen Farbschema. Ich wählte die moderne, ansprechende Schriftart Work Sans von Google Fonts und bettete die Dateien direkt in die Website ein, um optimale Performance sicherzustellen und unnötige externe Ladevorgänge zu vermeiden. Ich erfüllte den Modernisierungsanspruch durch ein bewährtes Seitenlayout und eine gut sichtbare, fixierte Navigation auf allen Seiten. Zudem konnte ich die Barrierefreiheit der Website durch eine Optimierung des Farbkontrasts verbessern. Verwaltung der Inhalte Dank der optimalen Nutzung der vordefinierten Inhaltselemente von WordPress sowie die Umsetzung eines eigenen Bildkarussells war die Übertragung der Inhalte vor dem Relaunch unkompliziert. Der Kunde kann nun sämtliche Informationen jederzeit selbst aktualisieren, und die bereits vorhandene Erfahrung mit dem Block-Editor aus einem früheren Projekt erleichterte den schnellen Einstieg. - Tags: English version - : pll_68f7a800c9e8f - Project Categories: APIs, Backend, Frontend, Programming, Web applications (web apps) Say Hello supported Adro-Tech in the implementation of a new website and a customised ordering system. Initial situation Adro-Tech has been an expert in local and district heating supply for 10 years, specialising in the manufacture of high-quality HDPE installation fittings and also offering precise laser measurement for accurate planning and implementation of your projects. They strive to demonstrate their precision and reliability not only in their products and services, but also in their co-operation with customers and clients. Goals and vision The anniversary is to be celebrated with a new website and a new ordering system for the future. Adro-Tech is already well versed in WordPress, so the website will continue to be realised with the same CMS so that the team can continue to work with this familiar solution. An ordering system is also to be integrated into WordPress to relieve existing customers of administrative work and make collaboration more efficient. The project After developing the website with editorial content based on the design provided and some customised content elements, we were able to start developing the ordering system. This allows enquiries and orders to be submitted and managed by Adro-Tech. In the ordering system, we relied on dynamic views with React, which communicate with WordPress via interfaces and thus offer an intuitive user experience that brings significant benefits for both customers and the internal team. - Tags: Deutsche Version - : pll_68f7a800c9e8f - Project Categories: Backend, Frontend, Programmierung, Schnittstellen, Webanwendungen (Web Apps) Say Hello durfte Adro-Tech bei der Umsetzung einer neuen Website sowie eines massgeschneiderten Bestellsystems unterstützen. Ausgangslage Adro-Tech ist seit 10 Jahre ein Experte in der Nah- und Fernwärme~versorgung, spezialisiert auf die Herstellung von hochwertigen HDPE-Montageformteilen und bietet zudem präzise Laser-Vermessung für eine exakte Planung und Umsetzung Ihrer Projekte. Dabei streben sie danach, ihre Präzision und Zuverlässigkeit nicht nur in ihren Produkten und Dienstleistungen, sondern auch in der Zusammenarbeit mit Kunden und Auftraggebern zu demonstrieren.   Ziele und Vision Das Jubiläum soll mit einer neuen Website und einem neuen Bestellsystem für die Zukunft gefeiert werden. Adro-Tech ist bereits mit WordPress versiert, so soll der Auftritt weiterhin mit dem gleichen CMS umgesetzt werden, damit das Team weiterhin mit dieser vertrauten Lösung arbeiten kann. Auch ein Bestellsystem soll in WordPress integriert werden und Bestandskunden administrative Arbeiten abnehmen und die Zusammenarbeit effizienter gestalten. Das Projekt Nach der Entwicklung der Website mit redaktionellen Inhalten auf Basis des bereitgestellten Designs und einiger massgeschneiderter Inhaltselemente konnten wir uns an die Entwicklung des Bestellsystems machen. Über dieses können Anfragen und Bestellungen eingereicht und von Adro-Tech verwaltet werden. Im Bestellsystem haben wir auf dynamische Ansichten mit React gesetzt, welche über Schnittstellen mit WordPress kommunizieren und damit eine intuitive Nutzererfahrung bieten, die sowohl für die Kunden als auch für das interne Team erhebliche Vorteile bringt. - Tags: English version - : pll_68f7a836985fa - Project Categories: APIs, Backend, Frontend, Programming, Web applications (web apps) - Project Tags: HCL Notes, React, WordPress plugin, WordPress REST API Interactive views with React, extensions to the WordPress REST API and connections to a third-party system. NEXUS Personal- und Unternehmensberatung AG has specialised in the placement of IT specialists and managers since 1995. NEXUS approached me with the requirement to develop several interactive views for the new WordPress website. Working with their web manager, we planned the output of different views on the website to connect job seekers and employers by pulling data from a centralised database. Instead of just applying for jobs directly, candidates can submit their profiles with extensive information and work experience. Potential employers can then view a filtered list of suitable candidates and contact them directly. The website also provides a manageable list of current vacancies. Interface connection NEXUS was already using its own database solution based on HCL Notes, and an external software developer maintains an API for data exchange. I developed a WordPress plugin that communicates with this API to retrieve data on candidates and vacancies while also enabling forms on the website that write data back to the remote database. Since the views on the website are mainly dynamic and interactive, I implemented the plugin with a combination of React interfaces and extensions of the WordPress REST API for data exchange. Since its initial release, the plugin has been occasionally enhanced to optimise functionality and ensure compatibility with new versions of third-party technologies. - Tags: Deutsche Version - : pll_68f7a836985fa - Project Categories: Backend, Frontend, Programmierung, Schnittstellen, Webanwendungen (Web Apps) - Project Tags: HCL Notes, React, WordPress Plugin, WordPress REST API Interaktive Ansichten mit React, Erweiterungen an die WordPress REST API und Anbindungen an einem Drittsystem. Die NEXUS Personal- und Unternehmensberatung AG ist seit 1995 auf die Vermittlung von IT-Fach- und Führungskräften spezialisiert. NEXUS mit der Anforderung an mich heran, mehrere interaktive Ansichten für die neue WordPress-Website zu entwickeln. In Zusammenarbeit mit ihrem Web-Verantwortlichen planten wir die Ausgabe verschiedener Ansichten auf der Website, um Stellensuchende und Arbeitgeber miteinander zu verbinden, indem Daten aus einer zentralen Datenbank abgerufen werden. Anstatt sich nur auf Stellen direkt zu bewerben, können Kandidat:innen ihre Profile mit umfangreichen Informationen und Berufserfahrung einreichen. Potenzielle Arbeitgeber können daraufhin eine gefilterte Liste passender Kandidat:innen einsehen und gezielt kontaktieren. Zudem gibt die Website eine steuerbare Liste der aktuellen Stellenangebote aus. Schnittstellenanbindung NEXUS nutzte bereits eine eigene Datenbanklösung auf Basis von HCL Notes, und ein externer Softwareentwickler betreut eine Schnittstelle für den Datenaustausch. Ich entwickelte ein WordPress-Plugin, das mit dieser Schnittstelle kommuniziert, um Daten zu Kandidat:innen und Vakanzen abzurufen und gleichzeitig Formulare auf der Website zu ermöglichen, welche Daten zurück in die entfernte Datenbank schreiben. Da die Ansichten auf der Website hauptsächlich dynamisch und interaktiv sind, habe ich das Plugin mit einer Kombination aus React-Oberflächen und Erweiterungen der WordPress-REST-API für den Datenaustausch umgesetzt. Seit der ersten Veröffentlichung wurde das Plugin gelegentlich weiterentwickelt, um die Funktionalität zu optimieren und die Kompatibilität mit neuen Versionen von Dritttechnologien sicherzustellen. - Tags: English version - : pll_68f7a898aad04 - Project Categories: APIs, Backend, Frontend, Programming, UX and design The development of a small, multilingual microsite with interfaces to WordPress databases. Since 2001, my focus has been on the development of CMS-powered websites and web applications. After the onward development of WordPress as an extensible and professional software solution, I decided to become part of the international WordPress community in 2009. Since then, I've taken time every week to contribute to the WordPress world - I've now been doing so for more than 20 years. I am committed to both the technology and the people in the community: I maintain free plugins, support new versions of WordPress Core with my technical expertise and share my experience from working with other content management systems. As a multilingual user, I occasionally help with the translation of third-party plugins into German and back. Since 2016, I have given several talks on design, user experience and technology at Swiss WordCamp conferences and meetups and have also helped organise several of these events. WordPress Community Website As part of my commitment to the WordPress community in Switzerland, I designed and developed the small community website wpswitzerland. ch as a side project. The site serves as a portal for key WordPress-related topics, with a special focus on community events and blog posts from selected, curated websites. If you search for "WordPress Switzerland" on Google, this website appeared in second place directly after the paid adverts following its publication. Only the official website wordpress. org - the central point of contact for WordPress software worldwide - was listed higher. Connections to APIs The website is connected to the central international WordPress event database and uses a React component to display upcoming WordPress events in Switzerland. In the blog area, multilingual posts from selected websites are integrated via RSS, and visitors to our website can also subscribe to the combined feed via RSS. - Tags: Deutsche Version - : pll_68f7a898aad04 - Project Categories: Backend, Frontend, Programmierung, Schnittstellen, UX und Design Die Entwicklung einer kleinen, mehrsprachigen Microsite mit Schnittstellen zu WordPress-Datenbanken. Seit 2001 liegt mein Fokus auf der Entwicklung von CMS-betriebenen Websites und Webanwendungen. Nach dem Aufkommen von WordPress als Softwarelösung habe ich mich im Jahr 2009 entschieden, Teil der internationalen WordPress-Community zu werden. Seither nehme ich mir jede Woche Zeit, um etwas zur WordPress-Welt beizutragen – und das seit mehr als 20 Jahren. Ich engagiere mich sowohl für die Technik als auch für die Menschen in der Community: Ich pflege kostenlose Plugins, unterstütze mit meinem technischen Know-how bei neuen Versionen von WordPress Core und teile meine Erfahrungen aus der Arbeit mit anderen Content-Management-Systemen. Als mehrsprachiger Nutzer helfe ich gelegentlich bei der Übersetzung von Drittanbieter-Plugins – ins Deutsche und zurück. Seit 2016 habe ich mehrfach auf Schweizer WordCamp-Konferenzen und Meetups Vorträge zu Design, Nutzererfahrung und Technik gehalten und auch bei der Organisation mehrerer dieser Events mitgewirkt. WordPress Community Website Im Rahmen meines Engagements für die WordPress-Community in der Schweiz habe ich als Nebenprojekt die kleine Community-Website wpswitzerland. ch entworfen und entwickelt. Die Seite dient als Portal für zentrale Themen rund um WordPress, mit besonderem Fokus auf Community-Events und Blogbeiträge von ausgewählten, kuratierten Websites. Sucht man bei Google nach «WordPress Schweiz», ist diese Website nach ihrer Veröffentlichung direkt nach den bezahlten Anzeigen an zweiter Stelle erschienen. Nur die offizielle Website wordpress. org – die zentrale Anlaufstelle der weltweiten WordPress-Software – wurde höher gelistet. Anbindungen an Schnittstellen Die Website ist mit der zentralen internationalen WordPress-Eventdatenbank verbunden und nutzt eine React-Komponente, um bevorstehende WordPress-Veranstaltungen in der Schweiz anzuzeigen. Im Blogbereich werden mehrsprachige Beiträge von ausgewählten Websites per RSS eingebunden, und Besucher:innen von wpswitzerland. ch haben die Möglichkeit, den kombinierten Feed ebenfalls per RSS zu abonnieren. - Tags: English version - : pll_68f7a91b53dc0 - Project Categories: Frontend, Programming - Project Tags: animation, Edorex AG The development and integration of a theme-specific website with WordPress and Greensock. The implementation and ongoing maintenance of a WordPress multisite installation for long-standing customer Edorex enables the simple addition of new microsites on specific topics—centrally managed and efficiently maintained. Since the introduction of the WordPress Block Editor (in Say Hello projects since 2019) and the Site Editor (since 2021), we have relied on individually developed WordPress themes and custom blocks to create a standardised, flexible and user-friendly editorial environment. This allows content to be used multiple times and users to be managed centrally. Following the successful realisation of the Denkbar microsite, Edorex commissioned me in 2023 to implement a new landing page to promote their software offering for mobile apps. The design, created in Figma, was implemented by Say Hello as a performance-optimised, responsive WordPress website. A central design element was the animated carousel on the homepage, where the content and background colour change dynamically. To implement the sophisticated interactivity, I developed a customised WordPress block with Greensock (GSAP) - for smooth, precise and high-performance animations on all end devices. The site was retired by the client in favour of a single page on the main website in 2025. - Tags: Deutsche Version - : pll_68f7a91b53dc0 - Project Categories: Frontend, Programmierung - Project Tags: Animation, Edorex AG Die Entwicklung und Integration einer themenspezifischen Website mit WordPress und Greensock. Die Umsetzung und kontinuierliche Wartung einer WordPress-Multisite-Installation für unseren langjährigen Kunden Edorex ermöglicht die einfache Erweiterung um neue Microsites zu spezifischen Themen – zentral verwaltet und effizient gepflegt. Seit der Einführung des WordPress Block Editors (in Say Hello Projekten seit 2019) und des Site Editors (seit 2021) setzen wir auf individuell entwickelte WordPress-Themes und Custom Blocks, um eine einheitliche, flexible und benutzerfreundliche Redaktionsumgebung zu schaffen. So können Inhalte mehrfach genutzt und Benutzer zentral verwaltet werden. Nach der erfolgreichen Umsetzung der Microsite Denkbar Bern beauftragte Edorex uns 2023 mit der Umsetzung einer neuen Landingpage zur Bewerbung ihres Software-Angebots für mobile Apps. Das auf Figma entworfene Design wurde von Say Hello als leistungsoptimierte, responsive WordPress-Website umgesetzt. Ein zentrales Gestaltungselement ist das animierte Karussell auf der Startseite, bei dem sich Inhalte und Hintergrundfarbe dynamisch verändern. Zur Umsetzung der anspruchsvollen Animationen entwickelten wir einen individuellen WordPress-Block mit Greensock (GSAP) – für flüssige, präzise und performante Animationen auf allen Endgeräten. Die Microsite wurde 2025 zugunsten einer einzigen Seite auf der Hauptwebsite eingestellt. - Tags: English version - : pll_68f7a978e7085 - Project Categories: Frontend, Programming, UX and design A one-page website to advertise a holiday home run by family members. An advantage of my broad experience in web design and technology is the ability to support colleagues, friends and family when needed. Family members decided to rent out the holiday home "The Auld Sweetie Shop" in the Scottish village of Stanley near Perth, so I designed and built a simple, customised website for them using the WordPress Block Editor. In addition to the page layout, powered by WordPress, I created a design mockup in Adobe XD, made typographic and colour decisions and made the site distinctive thanks to supplied professional photos and videos. A customised image carousel with reactive colours which adapt to each displayed photo allows for a compact and appealing presentation of the house details. Individually-programmed image carousel with reactive colour changes The market for holiday rentals is highly competitive online, and the majority of bookings are made via the large platforms. However, a small, independent website with its own domain offers more flexibility and makes it possible to present the house and host personality in a much more individual way than on a standardised booking platform. The name of the website "Auld Sweetie Shop" refers to the history of the building. - Tags: Deutsche Version - : pll_68f7a978e7085 - Project Categories: Frontend, Programmierung, UX und Design Eine One-Page-Website, um ein von Familienmitgliedern betriebenes Ferienhaus zu bewerben. Ein Vorteil meiner breiten Erfahrung in Webdesign und -technik ist die Möglichkeit, Kollegen, Freunden und Familie bei Bedarf zu unterstützen. Familienmitglieder beschlossen, das Ferienhaus «The Auld Sweetie Shop» im schottischen Dorf Stanley nahe Perth zu vermieten. Neben eine Assistenz mit der Einrichtung der Inserate auf Booking. com und AirBnB entwarf und realisierte ich dafür auch eine einfache, individuelle Website mit dem WordPress-Block-Editor. Zusätzlich zum von WordPress bereitgestellten Seitenlayout erstellte ich ein Design-Mockup in Adobe XD, traf typografische und farbliche Entscheidungen und machte die Seite dank angelieferter, professioneller Fotos und Videos unverwechselbar. Ein individuelles Bilderkarussell mit reaktiven Farbwechseln, die sich dem jeweils angezeigten Foto anpassen, ermöglicht eine kompakte und ansprechende Präsentation der Hausdetails. Individuell programmiertes Bilderkarussell mit reaktiven Farbwechseln Der Markt für Ferienvermietungen ist online hart umkämpft, und der grösste Teil der Buchungen läuft über die grosse Plattformen. Eine kleine, unabhängige Website mit eigener Domain bietet jedoch mehr Flexibilität und ermöglicht es, Haus und Gastgeberpersönlichkeit deutlich individueller zu präsentieren als auf einer standardisierten Buchungsplattform. Der Name der Website «Auld Sweetie Shop» bedeutet «Alter Süssigkeitenladen» und verweist auf die Geschichte des Gebäudes. - Tags: English version - : pll_68f7a9f73c7aa - Project Categories: APIs, Backend, Programming The combination of tourism data from third-party APIs and advanced customised layouts with the WordPress Block Editor. The Gantrisch Nature Park is a regional nature park of national importance and its website was completely redesigned by Magma Branding in 2022. As part of the relaunch, two existing data management systems had to be seamlessly integrated into the website, allowing the marketing team to manage the offers and tours independently of the layout. The offer database Managing data independently of the page or website layout is an extremely effective approach. Team members can interact with a much simpler user interface and work more efficiently thanks to the Swiss parks offer database, while the data can be used in a variety of ways - from creating print materials to populating various views on the website and in mobile apps with relevant information. Output of data with customised WordPress blocks A separate approach to data management is one that I have used in a number of projects for over two decades. When Magma Branding asked me to integrate an appropriate solution into the WordPress website, I used the data API provided by the Valais software company Indual to transfer existing data from the quotation database to the website. WordPress is ideal for this type of data management, as its core technology has offered entry-based data management since the first version in 2003. However, the client understandably preferred to continue using the system they - and the Swiss Parks - are familiar with. Illustration: Managing data in a separate database. As soon as the offers are available in the local database (and are regularly updated automatically), a WordPress plugin I developed ensures that a series of individually programmed content elements ("blocks") are provided based on this data. These elements enable the Magma Branding team to freely design the pages in the Block Editor. Colour, typography and layout decisions can be made completely independently of the data and editorially filtered list views can be placed on suitable pages. This means that the offers can be configured editorially and placed on topic-specific pages such as "Winter hiking" or "Overnight accommodation" as well as in the overall overview. Interactive maps from Outdooractive Depending on the season, the main activities in the Gantrisch Nature Park are hiking or sledging, skiing or snowshoeing. Outdooractive is a widely used, well-known app and website with a wide range of functions - from simple tour suggestions to detailed interactive maps. Illustration: Embedded dynamic map view from Outdooractive. Customised development of such an extensive solution would have been disproportionately expensive for this project, so I integrated Outdooractive's services via their Data API. This allows the marketing team to create and manage their tours and recommendations directly in the Outdooractive system. The result is a layout-independent data management system in which the most important information appears across all channels - not only on gantrisch. ch/touren, but also on the Outdooractive website and in the Outdooractive app itself. - Tags: Deutsche Version - : pll_68f7a9f73c7aa - Project Categories: Backend, Programmierung, Schnittstellen Die Kombination von Tourismusdaten aus Drittanbieter-Schnittstellen und erweiterten individuellen Layouts mit dem WordPress-Block-Editor. Der Naturpark Gantrisch ist ein Regionaler Naturpark von nationaler Bedeutung und seine Website wurde 2022 von Magma Branding komplett neu erstellt. Im Rahmen des Relaunches mussten zwei bestehende Datenverwaltungssysteme nahtlos in die Website integriert werden, was dem Marketingteam eine layoutunabhängige Verwaltung der Angebote und Touren ermöglicht. Die Angebotsdatenbank Die Verwaltung von Daten unabhängig vom Seiten- oder Website-Layout ist ein äusserst wirkungsvoller Ansatz. Teammitglieder können dank der Angebots-Datenbank Schweizer Pärke mit einer deutlich einfacheren Benutzeroberfläche interagieren und effizienter arbeiten, während die Daten vielseitig genutzt werden können – von der Erstellung von Druckmaterialien bis hin zur Befüllung verschiedener Ansichten auf der Website oder in Mobile-Apps mit relevanten Informationen. Ausgabe von Daten mit individuell entwickelten WordPress-Blöcken Ein getrennter Ansatz für die Datenverwaltung ist einer, den ich in einigen Projekten seit über zwei Jahrzehnten einsetze. Als mich Magma Branding gebeten hat, eine entsprechende Lösung in die WordPress-Website zu integrieren, nutzte ich die von der Walliser Softwarefirma Indual bereitgestellte Schnittstelle, um bestehende Daten aus der Angebotsdatenbank in die Website zu übernehmen. WordPress wäre für diese Art von Datenverwaltung eigentlich ideal, da seine Kerntechnologie seit der ersten Version im Jahr 2003 eine beitragsbasierte Datenverwaltung bietet. Der Kunde zog es jedoch verständlicherweise vor, weiterhin das ihm – wie auch den Schweizer Pärken – vertraute System zu verwenden. Abbildung: Daten in einer separaten Datenbank verwalten. Sobald die Angebote in der lokalen Datenbank verfügbar sind (und regelmässig automatisch aktualisiert werden), sorgt ein eigenentwickeltes WordPress-Plugin dafür, dass eine Reihe individuell programmierter Inhaltselemente («Blöcke») auf Basis dieser Daten bereitgestellt wird. Diese Elemente ermöglichen es dem Team von Magma Branding, die Seiten im Block-Editor frei zu gestalten. Farb-, Typografie- und Layoutentscheidungen können völlig unabhängig von den Daten getroffen werden und redaktionell gefilterte Listenansichten können auf passenden Seiten platziert werden. So können die Angebote nicht nur in der Gesamtübersicht, sondern auch redaktionell konfiguriert und auf themenspezifischen Seiten wie «Winterwandern» oder «Übernachtungsmöglichkeiten» platziert werden. Interaktive Karten aus Outdooractive beziehen Eine der Hauptaktivitäten im Naturpark Gantrisch ist je nach Jahreszeit das Wandern oder das Schlitteln, Skifahren oder Schneeschuhlaufen. Outdooractive ist eine weit verbreitete, bekannte App und Website mit einer grossen Bandbreite an Funktionen – von einfachen Tourenvorschlägen bis zu detaillierten interaktiven Karten. Abbildung: Eingebettete dynamische Kartenansicht von Outdooractive. Eine individuelle Entwicklung einer solchen Lösung wäre unverhältnismässig aufwendig, daher integrierte ich die Dienste von Outdooractive über deren Data API. Dadurch kann der Kunde seine Touren und Empfehlungen direkt im Outdooractive-System erstellen und verwalten. So entsteht auch hier eine layoutunabhängige Datenverwaltung, bei der die wichtigsten Informationen kanalübergreifend erscheinen – nicht nur auf gantrisch. ch/touren, sondern auch auf der Website und in der App von Outdooractive selbst. - Tags: English version - : pll_68f7aac9ceb95 - Project Categories: Backend, Frontend, Programming - Project Tags: Edorex AG, WordPress Site Editor A state-of-the-art website for one of Bern's oldest guilds. The Zunftgesellschaft zum Affen has its origins in 1321 and is one of the oldest guilds in Bern. But the longevity of the society in no way means that a modern web design is inappropriate. Our colleagues at Edorex AG in Bern worked with the client to develop a unique, modern look, and Say Hello was commissioned to build the multilingual website based on the equally modern and flexible WordPress content management system. With the introduction of full-site editing capabilities in the summer of 2021, it made sense to utilise the new technology to allow maximum flexibility when editing content and navigation. The new technology also ensures significantly improved performance. Thanks to my experience with the Block Editor since the beginning of 2019, I was able to create all areas of the website with a combination of customised and existing WordPress Blocks. Even the irregular, offset background areas could be seamlessly integrated into the output of the Block Editor thanks to many years of experience with custom code. Since the launch in winter 2021, I have been able to maintain and further develop the website on an ongoing basis as part of a maintenance contract. - Tags: Deutsche Version - : pll_68f7aac9ceb95 - Project Categories: Backend, Frontend, Programmierung - Project Tags: Edorex AG, WordPress Site Editor Eine topmoderne Website für eine der ältesten Zünfte Berns. Die Zunftgesellschaft zum Affen hat ihren Ursprung im Jahr 1321 und ist sowohl eine der ältesten Zünfte Berns als unser ältester Kunde. Doch die Langlebigkeit der Gesellschaft bedeutete keineswegs, dass ein modernes Webdesign unangebracht wäre. Die Kolleginnen und Kollegen der Edorex AG in Bern entwickelten gemeinsam mit dem Kunden ein einzigartiges, modernes Erscheinungsbild, und Say Hello wurde mit der Umsetzung der mehrsprachigen Website auf Basis des ebenso modernen und flexiblen Content-Management-Systems WordPress beauftragt. Mit der Einführung der Full-Site-Editing-Funktionen im Sommer 2021 bot es sich an, die neue Technologie zu nutzen, um maximale Flexibilität bei der Bearbeitung von Inhalten und Navigation zu ermöglichen. Die neue Technologie sorgt zudem für eine deutlich verbesserte Performance, und dank unserer Erfahrung mit dem Block-Editor seit Anfang 2019 konnten wir sämtliche Bereiche der Website mit einer Kombination aus individuell entwickelten und bestehenden WordPress-Blöcken umsetzen. Selbst die unregelmässigen, versetzten Hintergrundflächen liessen sich dank langjähriger Erfahrung in eigenem Code nahtlos in die Ausgabe des Block-Editors integrieren. Seit dem Launch im Winter 2021 dürfen wir die Website im Rahmen eines Wartungsvertrags laufend pflegen und weiterentwickeln. - Tags: English version - : pll_68f7abd639c15 - Project Categories: Backend, Frontend, Maintenance work - Project Tags: Blog, Media releases Ongoing technical updates and security measures for an important news channel. Say Hello was commissioned by a Zurich-based web agency as an independent technical partner to support a select number of high-complexity projects. When the third-party agency later repositioned its business, Say Hello assumed responsibility for several of its clients — including the high-profile media portal of the Swiss Post Office. Unlike most Swiss Post platforms, which operate within a centralised infrastructure, this project deliberately ran on a fully independent WordPress setup. The goal was to guarantee a resilient, autonomous communication channel capable of operating reliably even under worst-case conditions — a critical requirement for a national institution. Say Hello was responsible for the complete technical operation of the platform, including maintenance, security, performance and uptime. Through bespoke service-level agreements and close coordination with an international WordPress hosting provider, the site delivered uninterrupted availability throughout the entire contract period. Ongoing compatibility updates and targeted technical refinements ensured long-term stability without disrupting editorial workflows. At the end of 2025, Swiss Post successfully migrated and reworked the content into its own infrastructure and took over ongoing development — concluding a collaborative project defined by reliability, trust and zero downtime. - Tags: English version - : pll_68f7ab58c836e - Project Categories: Frontend, Programming, Web applications (web apps) Migration of an extensive film database into a customised management tool and output of the content via the WordPress Block Editor. A collaboration with Magma Branding in Bern enabled me to migrate a large film database to WordPress. The original content management system had become too inflexible and difficult to develop further, so a new website and data management tool based on the world's most popular and extensible web system was the logical solution. Magma Branding worked with the client to develop a modern and distinctive new brand and colour scheme, which they integrated into a detailed and comprehensive web design. Say Hello worked with Magma Branding and the client to realise the multilingual website with a bespoke WordPress theme and multiple plugins - based on custom developed content elements for the WordPress Block Editor and a specialised administration interface with various custom defined field types. Customised data management for a multilingual film database Management of the film database The data behind the film database is extensive, and the migration from the previous system required a lot of time and effort - especially in order to offer the customer the same flexibility and wide range of data management that were previously available. Once the custom data management system was developed, I wrote a series of command line scripts to migrate the data into the new structure in WordPress and ensure that all film entries and their metadata were correctly integrated into the new administration interfaces. Based on this data, the customised content elements are used in the WordPress Block Editor to present the film information in an appealing way and to provide both interested website visitors and search engines with optimal access to the large amount of information that the client has collected. - Tags: Deutsche Version - : pll_68f7abd639c15 - Project Categories: Backend, Frontend, Wartungsarbeit - Project Tags: Blog, Medienmitteilungen Laufende technische Updates und Sicherheitsmassnahmen für einen wichtigen Nachrichtenkanal. Say Hello wurde von einer Zürcher Webagentur als unabhängiger technischer Partner beauftragt, um eine ausgewählte Anzahl besonders komplexer Projekte zu unterstützen. Als sich die Drittagentur später strategisch neu ausrichtete, übernahm Say Hello die Verantwortung für mehrere ihrer Kund:innen — darunter auch das hochkarätige Medienportal der Schweizerischen Post. Im Gegensatz zu den meisten Plattformen der Schweizerischen Post, die innerhalb einer zentralisierten Infrastruktur betrieben werden, lief dieses Projekt bewusst auf einer vollständig unabhängigen WordPress-Installation. Ziel war es, einen resilienten, autonomen Kommunikationskanal sicherzustellen, der auch unter Worst-Case-Bedingungen zuverlässig funktioniert — eine zentrale Anforderung für eine nationale Institution. Say Hello verantwortete den gesamten technischen Betrieb der Plattform, inklusive Wartung, Sicherheit, Performance und Verfügbarkeit. Dank individuell ausgearbeiteter Service-Level-Agreements und enger Zusammenarbeit mit einem internationalen WordPress-Hosting-Anbieter blieb die Website während der gesamten Vertragslaufzeit ohne Unterbruch online. Laufende Kompatibilitäts-Updates und gezielte technische Optimierungen sorgten für langfristige Stabilität, ohne redaktionelle Abläufe zu beeinträchtigen. Ende 2025 migrierte und überarbeitete die Schweizerische Post die Inhalte erfolgreich in die eigene Infrastruktur und übernahm die laufende Weiterentwicklung — womit ein gemeinsames Projekt abgeschlossen wurde, das von Zuverlässigkeit, Vertrauen und null Ausfallzeit geprägt war. - Tags: Deutsche Version - : pll_68f7ab58c836e - Project Categories: Frontend, Programmierung, Webanwendungen (Web Apps) Migration einer umfangreichen Filmdatenbank in ein individuell angepasstes Verwaltungstool und Ausgabe der Inhalte über den WordPress Block Editor. Eine Zusammenarbeit mit Magma Branding in Bern ermöglichte es mir, eine grosse Filmdatenbank nach WordPress zu migrieren. Das ursprüngliche Content-Management-System wurde zu unflexibel und die Weiterentwicklung schwierig, sodass eine neue Website und ein Datenverwaltungstool auf Basis des weltweit beliebtesten und erweiterbarsten Websystems der Welt die logische Lösung waren. Magma Branding entwickelte gemeinsam mit dem Kunden eine moderne und markante neue Marke samt Farbkonzept, die sie in ein detailliertes und umfangreiches Webdesign integrierten. Say Hello arbeitete mit Magma und dem Kunden zusammen, um die mehrsprachige Website mit einem massgeschneiderten WordPress-Theme und mehreren Plugins zu realisieren – basierend auf individuell entwickelten Inhaltselementen für den WordPress Block Editor und einer spezialisierten Verwaltungsoberfläche mit verschiedenen eigens definierten Feldtypen. Individuell angepasstes Datenmanagement für eine mehrsprachige Filmdatenbank Verwaltung der Filmdatenbank Die Daten hinter der Filmdatenbank sind umfangreich, und die Migration aus dem vorherigen System erforderte viel Zeit und Aufwand – insbesondere, um dem Kunden die gleiche Flexibilität und den grossen Funktionsumfang zu bieten, die zuvor verfügbar waren. Nachdem das individuelle Datenverwaltungssystem entwickelt war, schrieb ich eine Reihe von Skripten für die Kommandozeile, um die Daten in die neue Struktur in WordPress zu migrieren und sicherzustellen, dass alle Film­einträge und ihre Metadaten korrekt in die neuen Administrations­oberflächen integriert wurden. Auf Basis dieser Daten werden die massgeschneiderten Inhaltselemente im WordPress Block Editor verwendet, um die Filminformationen ansprechend darzustellen und sowohl interessierten Website-Besuchern als auch Suchmaschinen optimalen Zugriff auf die grosse Menge an Informationen zu ermöglichen, die der Kunde gesammelt hat. - Tags: English version - : pll_68f7ac5c0c5b2 - Project Categories: Backend, Frontend, Programming - Project Tags: Edorex AG, WordPress Site Editor A website for one of the most attractive collaboration spaces in Switzerland. Say Hello has been supporting our client Edorex AG since 2018, when we had the opportunity to realise their corporate website. One of Edorex's offerings is Denkbar - a meeting and collaboration space in Bern's old town where clients and colleagues come together to develop new ideas and detailed project concepts. The WordPress Block Editor was introduced at the end of 2018. Say Hello started using it for client projects in early 2019, but it wasn't quite ready for more complex layouts. Thanks to the continuous development by the WordPress community and our own endeavours to always stay up to date, we were able to adapt the editor so that more sophisticated layouts became possible. One of the first projects in this new form was the microsite for Denkbar, based on a design that Edorex had created using the Figma collaboration tool. Why a microsite? The integration of the Block Editor for certain views into the main edorex. ch website gave a flavour of the possibilities, but the time had not yet come for a comprehensive redesign of the main website. In addition, Denkbar remained an independent project, which is why a customised design - based on a mixture of CI/CD and unique content - made more sense. This provided interested parties with targeted information about the collaboration space, and Edorex benefitted from a site-specific, independent presence. Ongoing expansion Every website benefits from occasional enhancements - and Denkbar was no exception. After the initial implementation in 2020, we were able to revise the code and technical basis of the website in 2022, extending the editorial options and adding subtle animations. The client decided to redesign and migrate the microsite to a different website building solution at the end of 2025, when their marketing team took over the maintenance of the website. - Tags: Deutsche Version - : pll_68f7ac5c0c5b2 - Project Categories: Backend, Frontend, Programmierung Eine Website für einen der attraktivsten Kollaborationsräume der Schweiz. Say Hello unterstützt unseren Kunden Edorex AG seit 2018, als wir die Gelegenheit hatten, gemeinsam ihre damalige neue Website zu realisieren. Eines der Angebote von Edorex ist die Denkbar – ein Meeting- und Kollaborationsraum in der Berner Altstadt, in dem Kunden und Kolleginnen zusammenkommen, um neue Ideen und detaillierte Projektkonzepte zu entwickeln. Der WordPress Block Editor wurde Ende 2018 eingeführt. Say Hello begann gleich Anfang 2019, ihn für Kundenprojekte einzusetzen, doch war er für komplexere Layouts noch nicht ganz reif. Dank der kontinuierlichen Weiterentwicklung durch die WordPress-Community und unserem Bestreben, stets auf dem neuesten Stand zu bleiben, konnten wir den Editor so anpassen, dass auch anspruchsvollere Layouts möglich wurden. Eines der ersten Projekte in dieser neuen Form war eine Microsite für die Denkbar, basierend auf einem Design, das Edorex mit dem Kollaborationstool Figma erstellt hatte. Wieso eine Microsite? Die Integration des Block Editors für gewisse Ansichten in die Hauptwebsite edorex. ch gab einen Vorgeschmack auf die Möglichkeiten, doch der Zeitpunkt für ein umfassendes Redesign der Hauptwebsite war noch nicht gekommen. Zudem war die Denkbar ein eigenständiges Projekt, weshalb ein individuelles Design – basierend auf einer Mischung aus CI/CD und einzigartigen Inhalten – sinnvoller war. So erhielten Interessierte gezielte Informationen über den Kollaborationsraum, und Edorex profitierte von einem standortspezifischen, eigenständigen Auftritt. Laufende Erweiterung Jede Website profitiert von gelegentlichen Erweiterungen – so auch die Denkbar. Nach der initialen Umsetzung im Jahr 2020 konnten wir 2022 den Code und die technische Grundlage der Website überarbeiten, die redaktionellen Möglichkeiten verbessern und dezente Animationen hinzufügen. Ende 2025 entschied sich der Kunde, die Microsite auf eine andere Website-Building-Lösung zu migrieren und neu zu gestalten, und das Marketingteam übernahm die Wartung der Website. - Tags: English version - : pll_68f7acf062a3f - Project Categories: Backend, Frontend, Programming, UX and design Design and realisation of a website for a Swiss family business run by the ninth generation. The Mühle Rytz milling company on the unofficial border between German- and French-speaking Switzerland is one of the oldest companies I have worked for. The mill has been run by the same family since 1768 at a location that dates back over 1,000 years - that makes it even older than the Swiss Confederation. However, the historical heritage does not mean that the company is not progressive. After discussions with an external expert about the technical possibilities, the customer decided to have their new website implemented with the standardised, maintained and extensible WordPress content management system. With over 20 years of experience in design and development, I am the ideal partner for this project. Together with the client, I was able to develop and realise the concept for the content as well as a graphic design based on the new corporate identity. The content structure (wireframe) for the new website I developed the website using a hybrid WordPress theme approach. The content of the website and recurring areas such as the header and footer can be fully managed by the client using the WordPress block editor, while a robust and long-lasting PHP base, which has been continually developed over more than a decade and independently of individual projects, forms the technical basis for the customised WordPress theme. The design was specifically created to combine standard WordPress content elements with content developed specifically for this project, using React (for the block editor) and server-side rendering for dynamic content. Thanks to the modular approach, all content elements and visual building blocks can be reused flexibly throughout the website. Graphic design work for content elements and page views in the WordPress block editor The multilingualism of the website was realised with the proven third-party plugin Polylang Pro, so that the website provides an informative and constantly updated resource for customers on both sides of the unofficial language border. Although the client has a technically skilled person to maintain the website, Say Hello continues to support and advise the company as required. Thanks to extremely sound development practices, only a few minimal compatibility adjustments have been necessary since the project was launched. - Tags: Deutsche Version - : pll_68f7acf062a3f - Project Categories: Backend, Frontend, Programmierung, UX und Design Gestaltung und Umsetzung einer Website für ein neunte Generation geführtes Schweizer Familienunternehmen. Die Mühle Rytz an der inoffiziellen Grenze zwischen der deutsch- und französischsprachigen Schweiz ist bei weitem das älteste Unternehmen, für das ich gearbeitet habe. Der Mühlenbetrieb wird seit 1768 von derselben Familie geführt – an einem Standort, der über 1’000 Jahre zurückreicht und damit sogar älter ist als die Schweizerische Eidgenossenschaft. Doch das historische Erbe bedeutet keineswegs, dass das Unternehmen nicht fortschrittlich ist. Nach Gesprächen mit einer externen Fachperson über die technischen Möglichkeiten entschied sich der Kunde, seine neue Website mit dem standardisierten, gepflegten und erweiterbaren Content-Management-System WordPress umzusetzen. Mit über 20 Jahren Erfahrung in Design und Entwicklung ist Say Hello der ideale Partner für dieses Projekt. Gemeinsam mit dem Kunden konnte ich das Konzept für die Inhalte sowie ein auf dem neuen Unternehmensauftritt basierendes Grafikdesign entwickeln und umsetzen. Die Inhaltsstruktur (Wireframe) für die neue Website Ich habe die Website anschliessend mit einem hybriden WordPress-Theme-Ansatz entwickelt: Die Inhalte der Website sowie wiederkehrende Bereiche wie Header und Footer können vom Kunden vollständig mit dem WordPress-Block-Editor verwaltet werden, während eine robuste und langlebige PHP-Basis, die über mehrere Jahre unabhängig von einzelnen Projekten weiterentwickelt wurde, die technische Grundlage für das individuelle WordPress-Theme bildet. Das Design wurde gezielt darauf ausgelegt, Standard-WordPress-Inhaltselemente (oder «Blöcke») mit speziell für dieses Projekt entwickelten Inhalten zu kombinieren – unter Einsatz von React (für den Block-Editor) und serverseitigem Rendering für dynamische Inhalte. Dank des modularen Ansatzes können sämtliche Inhaltselemente und visuelle Bausteine flexibel auf der gesamten Website wiederverwendet werden. Grafikdesign-Arbeiten für Inhaltselemente und Seitenansichten im WordPress-Block-Editor Die Mehrsprachigkeit der Website wurde mit dem bewährten Drittplugin Polylang Pro umgesetzt, sodass die Website für Kundinnen und Kunden auf beiden Seiten der inoffiziellen Sprachgrenze eine informative und laufend aktualisierte Ressource darstellt. Obwohl der Kunde eine technisch versierte Person für die Pflege der Website bei sich hat, begleitet Say Hello die Firma weiterhin beratend und unterstützend. Dank der äusserst soliden Entwicklungspraktiken waren seit dem Launch nur wenige minimale Anpassungen zur Kompatibilität nötig. - Tags: English version - : pll_68f7add796809 - Project Categories: APIs, Backend, Frontend, Programming I created a multilingual website based on a provided concept and migrated over 2,600 specialised articles written since 1994. Initial situation Since 1994, the partner journal Agrarforschung Schweiz has published over 2,600 scientific articles in the form of a monthly print magazine with a simple online archive. Agroscope wanted to make both new articles and the archive accessible to a wider audience and transform the print journal into an extensible open access online platform. In close co-operation with Magma Branding, who are responsible for the concept and design, Say Hello built a modern and extensible website. Goals and vision The conversion of the print magazine into an open-access online platform makes the articles easy to find. Following the automated integration of the extensive data from the long-standing archive, visitors are able to access the content using a dedicated filter tool and enhanced keyword search. Each article is provided in a print-friendly PDF version, and the website complies with the WCAG usability guidelines . The project Thanks to the diverse functions and logical data management opportunities in WordPress, I was able to import more than 2,600 specialised articles and PDFs - some with versions in several languages - during the implementation with the Block Editor, forming them into an online archive. The custom-built import process converted the previous articles into a format compatible with the Block Editor, while PDF attachments and metadata related to the original articles were also integrated. - Tags: Deutsche Version - : pll_68f7add796809 - Project Categories: Backend, Frontend, Programmierung, Schnittstellen Ich habe eine mehrsprachige Website auf Basis eines bereitgestellten Konzepts erstellt und über 2'600 seit 1994 verfasste Fachartikel migriert. Ausgangslage Die Partnerzeitschrift Agrarforschung Schweiz hat seit 1994 über 2’600 wissenschaftliche Artikel in Form eines monatlichen Printmagazins mit einfachem Online-Archiv veröffentlicht. Agroscope möchte die neuen Beiträge sowie das Archiv einem breiteren Publikum zugänglich machen und die Printzeitschrift in eine fortlaufend erweiterbare Open-Access-Online-Plattform umwandeln. In enger Zusammenarbeit mit Magma Branding, das für die Konzeption und das Design der neuen Website verantwortlich ist, soll eine moderne und erweiterbare Website entstehen. Ziele und Vision Mit der Umwandlung des Printmagazins in eine Open-Access-Online-Plattform sollen die Artikel schnell und einfach auffindbar werden. Nach einer automatisierten Integration der umfangreichen Daten aus dem langjährigen Archiv sollen Besucherinnen und Besucher die Inhalte über ein eigenes Filtertool sowie per Stichwortsuche erschliessen können. Jeder Artikel soll in einer druckfreundlichen PDF-Version bereitgestellt werden, und die Website soll den Usability-Richtlinien der WCAG entsprechen. Das Projekt Dank der vielfältigen Funktionen und die logische Datenmanagement in WordPress konnte ich während der Umsetzung mit dem Block Editor auch mehr als 2'600 Fachartikel und PDFs - zum Teil mit Versionen in mehreren Sprachen - importieren und zum Online-Archiv formen. Der eigenumgesetzte Import-Prozess hat die bisherigen Artikel zu einem für den Block-Editor-kompatiblen Format umgewandelt, währenddessen PDF-Anhänge sowie Metadaten, die zu den ursprünglichen Beiträge zusammengehören, mit integriert wurden. Dank der vielfältigen Funktionen und dem logischen Datenmanagement konnte ich während der Umsetzung mit dem WordPress Block Editor auch mehr als 2'600 Fachartikel und PDFs – teilweise in mehreren Sprachversionen – importieren und zu einem Online-Archiv formen. Der eigens entwickelte Importprozess wandelte die bisherigen Artikel in ein mit dem Block Editor kompatibles Format um und integrierte dabei die PDF-Anhänge sowie die zu den ursprünglichen Beiträgen gehörenden Metadaten. - Tags: English version - : pll_68f7ae8fada93 - Project Categories: APIs, Backend, Frontend, Programming, UX and design The conception, design and programming of an information platform based on WordPress. Initial situation Anyone who works in the Bernese Alps, as we do, sees paragliders flying around from the mountain peaks and high meadows every day. The paragliding school in Spiez - a. k. a. Flugbasis - supports pilots and guests from all over the world. With an increasing number of enquiries, a lot of time was being lost to administrative processes that could be automated. The previous content management system TYPO3 was too bulky for the customer, which is why a more flexible open source solution was sought. Goals and vision Every team can benefit from efficient administration tools, for example by simplifying interaction with customers and club members. In addition to general information about the school and the club, the website should be made more attractive with a members' area and registration forms so that visitors can manage their interest and needs directly. The project In addition to comprehensive design work and the development of a customised WordPress Theme and several side-along plugins, we developed a member area with various functions. This part of the project includes several processes: from an automated registration process when reserving a course place and a one-click registration tool for members to a synchronisation tool for connection to an external CRM. Modernising the design (2025) The client was very happy with the original bespoke design I created in 2019 and signed off on the version I initially built using a combination of PHP templates and custom WordPress blocks. However, times change, and ideas about usability and legibility evolve. In 2025, a colleague of the business owner with an interest in design reviewed the website and provided a number of requirements for design changes. This created an opportunity to modernise the website and improve its navigation while retaining all the existing content and functionality. The original entry page design from 2019 A revised entry page design from 2023 The latest page design from 2025 Rebuilding the website for Full Site Editing (2026) A year later, and seven years after building the original website, we decided that it was time to move the entire website’s structure away from the hand-coded PHP and Twig templates from the original version, which I had combined with editorial content control through the WordPress Block Editor. This change brings several benefits, including improved performance, greater flexibility for the client when editing content and page layouts, and less reliance on constrictive and outmoded templating procedures. The new version of the website went online recently, and it was a great testament to both the concept and my collaboration with the client over the years that we were able to replicate the original site completely, rebuilding it with modern full-site editing technology while keeping its look and feel exactly the same. Thanks to these technological advances and the implementation of the most modern approaches supported by WordPress—including editorial control over page and content layouts at different screen sizes, which arrived in version 7. 1 of WordPress—new content sections and features will be much less time-consuming to implement. This means that when the client wants to add new functionality for his users, we can do so in a much more cost-effective way than before. Using the latest version of WordPress and its built-in technologies also makes maintaining the site much easier, and ensures its long-term viability. Full editorial control of page layouts in the WordPress Full Site Editor - Tags: Deutsche Version - : pll_68f7ae8fada93 - Project Categories: Backend, Frontend, Programmierung, Schnittstellen, UX und Design Die Konzeption, Gestaltung und Programmierung eines Informationsplattforms auf Basis von WordPress. Ausgangslage Wer, wie wir, in den Berner Alpen arbeitet, sieht jeden Tag wie die Gleitschirmpiloten von den Bergspitzen und hohen Wiesen herumflattern. Die Gleitschirm Flugschule in Spiez – a. k. a. Flugbasis – unterstützt Piloten und Gäste aus der ganzen Welt. Mit einer steigenden Tendenz an Anfragen ging ausserdem viel Zeit durch administrative Prozesse verloren, die auch automatisiert werden könnten. Das bisherige Inhaltsverwaltungssystem TYPO3 erschien dem Kunden ausserdem zu sperrig, weshalb eine flexiblere Open-Source-Lösung gesucht wurde. Ziele und Vision Jedes Team kann von effizienten Administrationstools profitieren in dem zum Beispiel die Interaktion mit Kunden und Clubmitglieder vereinfacht wird. Neben der allgemeinen Informationen zur Schule und zum Club sollte die Website attraktiver gemacht werden mit einem Mitgliederbereich und mit Anmeldungsformularen versehen werden, damit Besucher ihr Interesse und ihre Bedürfnissen direkt verwalten können. Das Projekt Neben der Gestaltungsarbeit und der Umsetzung des WordPress-Themes haben wir einen Mitgliederbereich mit diversen Funktionen entwickelt. Dieser Teil des Projekts beinhaltet einige Vorgänge: von einem automatisierten Registrierungsprozess bei der Reservation eines Kursplatzes und einen One-Click-Anmeldetool für Mitglieder bis hin zu einem Synchronisierungstool für die CRM-Anbindung. Modernisierung des Designs (2025) Der Kunde war mit dem ursprünglichen, von mir 2019 entwickelten individuellen Design sehr zufrieden und hatte die Version freigegeben, die ich zunächst auf Basis einer Kombination aus PHP- und Twig-Templates sowie eigenen WordPress-Blöcken umgesetzt hatte. Mit der Zeit ändern sich jedoch die Anforderungen, und auch die Vorstellungen von Benutzerfreundlichkeit und Lesbarkeit entwickeln sich weiter. 2025 überprüfte eine designaffine Kollegin des Geschäftsinhabers die Website und formulierte verschiedene Anforderungen an die Gestaltung. Dadurch ergab sich die Gelegenheit, die Website zu modernisieren und ihre Navigation zu verbessern, ohne die bestehenden Inhalte und Funktionen zu verändern. Die ursprüngliche Gestaltung aus 2019 Eine revidierte Version der Startseite aus 2023 Die neuste Version der Startseite aus 2025 Die Website für Full Site Editing neu aufgebaut (2026) Ein Jahr später – und sieben Jahre nach dem Aufbau der ursprünglichen Website – beschlossen wir, die gesamte Struktur der Website von den handcodierten Templates der ursprünglichen Version wegzuführen. Diese hatte ich mit redaktionellen Bearbeitungsmöglichkeiten über den WordPress Block Editor kombiniert. Dies brachte mehrere Vorteile mit sich, darunter eine verbesserte Leistung, grössere Flexibilität beim Bearbeiten von Inhalten und Seitenlayouts sowie eine geringere Abhängigkeit von veralteten Template-Verfahren. Die neue Version der Website ging vor Kurzem online. Es war ein grossartiger Beleg für das ursprüngliche Konzept und unsere langjährige Zusammenarbeit, dass wir die bestehende Website vollständig nachbilden konnten – mit moderner Full-Site-Editing-Technologie, aber mit exakt demselben Erscheinungsbild und derselben Benutzererfahrung. Dank dieser technologischen Fortschritte und der Umsetzung der modernsten von WordPress unterstützten Ansätze – einschliesslich der redaktionellen Kontrolle über Seiten- und Inhaltslayouts bei unterschiedlichen Bildschirmgrössen, die mit WordPress 7. 1 eingeführt wurde – lassen sich neue Inhaltsbereiche und Funktionen künftig mit deutlich weniger Aufwand umsetzen. Wenn der Kunde neue Funktionen für seine Mitglieder hinzufügen möchte, können wir dies deshalb wesentlich kostengünstiger als bisher realisieren. Die Verwendung der neuesten WordPress-Version und ihrer integrierten Technologien erleichtert zudem die Wartung der Website und trägt zu ihrer langfristigen Zukunftssicherheit bei. Vollständige redaktionelle Kontrolle über die Seitenvorlagen in den WordPress Full Site Editor - Tags: English version - : pll_68f7af1b4276d - Project Categories: APIs, Backend, Frontend, Programming, UX and design A multichannel publishing platform with a complex authorisation system and highly personalised access. Initial situation Two of Cosmos Verlag's most popular publications in the greater Bern area provide detailed information on taxes and customs. Since 1946, Steuer Revue has become the largest independent specialist journal for taxation in Switzerland, while Zoll Revue has been aimed at practitioners from business, industry and administration since 2016. Goals and vision The new website focuses on two topics. The classic content management system was to become a multichannel publishing platform, while a complex authorisation system was to enable highly personalised access to individual areas. Identity also needed a complete visual overhaul. Here we were able to bring Rino Wenger on board. The project The new development in 2019 centred on a system of specialist articles that can be assigned to subject areas and issues. Based on this, certain content can now be reserved or prioritised for specific member groups, and we have rounded off the access controls with a multi-stage onboarding process. In a subsequent phase, the information search was accelerated by a separate, extended search function and I have also been able to implement various other measures with Cosmos Verlag over the last few years. For example, the automatic generation of PDFs, automatic tools for the conversion of imported, footnoted content from a third-party editorial system, as well as ongoing improvements and enhancements to the block editor and various page and article layouts. - Tags: Deutsche Version - : pll_68f7af1b4276d - Project Categories: Backend, Frontend, Programmierung, Schnittstellen, UX und Design Eine Multichannel-Publishing-Plattform, mit komplexem Berechtigungssystem und einen stark personalisierten Zugang. Ausgangslage Zwei der beliebtesten Publikationen des Cosmos Verlags im Grossraum Bern informieren in Detail über Steuern und Zoll. Die Steuer Revue ist seit 1946 zur grössten unabhängigen Fachzeitschrift für das Steuerwesen in der Schweiz geworden, während sich die Zoll Revue seit 2016 an PraktikerInnen aus Wirtschaft, Industrie und Verwaltung richtet. Ziele und Vision Mit einem neuen Auftritt lagen zwei Themen im Fokus. Die klassische Content-Verwaltung sollte zu einer Multichannel-Publishing Platform werden, während ein komplexes Berechtigungssystem einen stark personalisierten Zugang zu einzelnen Bereichen ermöglichen sollte. Aber auch visuell sollte Identität sollte komplett überarbeitet werden. Hier konnten wir Rino Wenger mit ins Boot holen. Das Projekt Im Zentrum der Neuentwicklung im Jahr 2019 stand ein System aus Fachartikeln, die Themenbereichen und Ausgaben zugeordnet werden können. Davon abgeleitet können nun gewisse Inhalte für bestimmte Mitgliedergruppen reserviert oder priorisiert werden, was wir durch einen mehrstufigen Onboarding-Prozess abgerundet haben. Die Informationssuche wurde in einer nachfolgenden Phase durch eine eigene, erweiterte Suchfunktion beschleunigt, zudem konnte ich diverse weitere Massnahmen mit dem Cosmos Verlag während den letzten Jahren implementieren. So zum Beispiel die automatische Generierung von PDFs, automatische Tools für die Umwandlung von importieren, mit Fussnoten versehenen Inhalten, sowie laufende Verbesserungen und Erweiterungen in den Block Editor. - Tags: English version - : pll_68f7afacbcb6c - Project Categories: Frontend, Programming, UX and design The automatic generation of preview images for a social media campaign. Facebook, Twitter and the like have long since taken on a very important role in our everyday social lives. For us as "web creators", it is therefore all the more important to use these channels correctly. A few weeks ago, the trade union Unia launched a new campaign. The aim was to make a statement against pay inequalities between the genders. The Unia web team has a lot of experience with WordPress, which is why they were able to realise the campaign page in-house. They then brought us in for the technical realisation of the graphical statement generation tool. The initial situation The focus was naturally on the users' statements. The Unia trade union wanted to provide a mouthpiece for all those who publicly stand up for equal pay and gender equality. Sharing via social media was an important pillar of this. Form integration Editor including live preview It was clear to us that we wanted to offer users a process that was as intuitive as possible. That's why the statement can be edited directly in the upload form as a live preview. The selected image can be dragged into the correct position and the other elements such as the name, the statement or the selected badge automatically adapt to the user input. The WordPress plugin "Contact Form 7" is already in use on the website. We naturally wanted to adopt existing workflows, which is why we implemented the whole thing directly as a Contact Form 7 extension, which can be seamlessly integrated into the existing form. Social media integration The individual statements do not have individual detail views but are displayed directly in an overview on the start page. This made sharing, which is based on individual links, a little challenging. We were able to solve this using individual URL parameters. Much more important, however, was the optimised presentation in the link preview. Here we created an image generator that automatically generates a new image for each statement, which is based on Unia's visual specifications, contains the users' statements and is tailored to the respective channels. This enabled us to create an optimised sharing experience. All in all, we are super happy with the output and thank you very much for your trust! - Tags: Deutsche Version - : pll_68f7afacbcb6c - Project Categories: Frontend, Programmierung, UX und Design Die automatische Generierung von Vorschaubildern für eine Social-Media-Kampagne. Wo immer es darum geht die Menschen zu bewegen, stolpern wir über die sozialen Medien. Facebook, Twitter und Co. haben längst eine ganz wichtige Rolle in unserem sozialen Alltag eingenommen. Für uns als «Web-Schaffende» ist es daher umso wichtiger, diese Kanäle richtig zu bespielen. Vor einigen Wochen hat die Gewerkschaft Unia eine neue Kampagne realisiert. Dies mit dem Ziel, ein Statement gegen die Lohnungleichheiten zwischen den Geschlechtern zu setzen. Das Web-Team der Unia bringt dabei einiges an Erfahrung im Umgang mit WordPress mit, weshalb sie die Kampagnenseite In-House realisieren konnten. Für die technische Umsetzung der Statements haben sie dann uns hinzu geholt. Die Ausgangslage Im Zentrum standen natürlich die Statements der NutzerInnen. Die Gewerkschaft Unia wollte allen ein Sprachrohr bieten, die sich öffentlich für die Lohn- und Geschlechtergleichheit einsetzen. Ein wichtiges Standbein war dabei das Sharing über die sozialen Medien. Formularintegration Editor inklusive Live-Vorschau Für uns war klar, dass wir den Nutzer:innen einen möglichst intuitiven Prozess bieten wollten. Deshalb kann das Statement direkt im Upload-Formular als Livevorschau bearbeitet werden. Das gewählte Bild kann in die richtige Position gezogen werden und die weiteren Elemente wie der Name, das Statement oder der gewählte Badge passen sich automatisch an die Nutzereingabe an. Auf der Webseite ist ausserdem bereits das WordPress Plugin «Contact Form 7» im Einsatz. Da wollten wir natürlich bestehende Workflows übernehmen, weshalb wir das Ganze direkt als Contact Form 7 Erweiterung umgesetzt haben, die sich nun nahtlos in das bestehende Formular integrieren lässt. Social-Media-Integration Die einzelnen Statements verfügen über keine Einzelansichten sondern werden direkt in einer Übersicht auf der Startseite dargestellt. Das machte das Teilen, welches auf individuellen Links basiert, nicht ganz einfach. Dies konnten wir über individuelle Link-Parameter lösen. Viel wichtiger war jedoch die optimale Darstellung in der Link-Vorschau. Hier erstellten wir einen Bild-Generator, der automatisch zu jedem Statement ein neues Bild generiert, welches sich nach den visuellen Vorgaben der Unia richtet, die Statements der NutzerInnen beinhaltet und auf je jeweiligen Kanäle zugeschnitten ist. Dadurch konnten wir ein optimales Sharing-Erlebniss schaffen. Alles in allem sind wir super Happy mit dem Output und bedanken uns vielmals für das Vertrauen! - Tags: English version - : pll_68f7b0634e395 - Project Categories: Backend, Frontend, Programming, UX and design - Project Tags: Edorex AG Collaboration during the concept phase and programming of a website for Edorex AG. This project was active between 2018 and 2024. I was able to collaborate with Edorex again in 2024 and 2025 to build and develop a completely new website for them. The initial situation For over 30 years, everything at Edorex AG has revolved around digitalisation. The result is software that likes to break new ground and optimally integrate itself into the user's workflow. Unfortunately, the old branding did not express this progressive streak well enough. A new branding was needed. In a 5-day design sprint, we were able to work on a new concept together with the UX specialists at Edorex AG. Goals and vision The new branding, as well as the design of the new website, was conceived in-house by Soleil Zumbrunn. As far as the development was concerned, it was hoped that the website would be more intuitive to use, perform better and provide cross-links between projects, offers and blog posts. In addition, a separate database microsite was built in order to give more weight to this pillar of Edorex AG. The result A website like a drumbeat! The classic Edorex turquoise colour has been broken down into its components (blue and yellow), whilst fluid animations create a dynamic atmosphere and clear textures underpin professionalism and structure. edorex. ch and database. edorex. ch were embedded in a WordPress multisite installation, attaching great importance to top performance and a clean structure. The development continues Say Hello worked on this version of the website between 2018 and 2024, expanding its functions and layout and adding new features. The databases microsite and an internal tool for creating browser-based presentations with WordPress were integrated into the installation - both of which access team data ("Edomember") from the main website. The website was originally based on a customised editing tool, which I later expanded to include support for the WordPress Block Editor. This gave the Edorex team the opportunity to create their own page layouts and landing pages. After six years of continuous support and development, the website was rebuilt from scratch in 2024, based on a new design by the internal Edorex team. - Tags: Deutsche Version - : pll_68f7b0634e395 - Project Categories: Backend, Frontend, Programmierung, UX und Design - Project Tags: Edorex AG Mitarbeit während der Konzeptphase sowie Programmierung der neuen Website für Edorex AG. Dieses Projekt war zwischen 2018 und 2024 aktiv. Ich konnte 2024 und 2025 erneut mit Edorex zusammenarbeiten, um eine völlig neue Website für sie zu erstellen und zu entwickeln. Die Ausgangslage Seit über 30 Jahren dreht sich bei der Edorex AG alles um die Digitalisierung. Dabei entsteht Software, die gerne auch mal neue Wege geht und sich optimal in den Workflow der Nutzer integriert. Diese progressive Ader brachte das alte Branding leider zu wenig zu Ausdruck. Ein neues Branding musste her. In einem 5 tägigen Design Sprint durften wir gemeinsam mit den UX-Spezialisten der Edorex AG an einem neuen Konzept arbeiten. Ziele und Vision Das neue Branding, wie auch das Design der neuen Webseite wurde In-House von Soleil Zumbrunn konzipiert. Was die Entwicklung anbelangt, so erhoffte man sich vor allem eine intuitivere Bedienung, eine bessere Performance und eine Querverlinkung zwischen Projekten, Angebot und den Blogbeiträgen. Ausserdem sollte eine eigene Database-Seite diesem Standbein der Edorex AG mehr Gewicht geben. Das Ergebnis Eine Webseite, wie ein Paukenschlag! Das klassische Edorex-Türkis wurde in seine Bestandteile (Blau und Gelb) zerlegt, flüssige Animationen sorgen für eine dynamische Atmosphäre und klare Texturen untermauern Professionalität und Struktur. Eingebettet wurde edorex. ch, wie auch database. edorex. ch in eine WordPress Multisite, wobei wir viel Wert auf eine top Performance und eine saubere Struktur legten. Die Entwicklung geht weiter Say Hello arbeitete zwischen 2018 und 2024 an dieser Version der Website, erweiterte deren Funktionen und Layout und fügte neue Features hinzu. Eine Microsite zum Thema Datenbanken sowie ein internes Tool zur Erstellung von browserbasierten Präsentationen mit WordPress wurden in die Installation integriert – beide greifen auf Teamdaten («Edomember») von der Hauptwebsite zu. Die Website basierte ursprünglich auf einem individuell entwickelten Redaktionstool, das ich später um die Unterstützung des WordPress Block Editors erweiterte. Dadurch erhielt das Team von Edorex die Möglichkeit, eigene Seitenlayouts und Landingpages zu erstellen. Nach sechs Jahren kontinuierlicher Betreuung und Weiterentwicklung wurde die Website 2024 von Grund auf neu aufgebaut, basierend auf einem neuen Design des internen Edorex-Teams. - Tags: English version - : pll_68f7b167aa026 - Project Categories: Backend, Frontend, Programming, Web applications (web apps) A platform and a web application for more interaction between Swiss nationals abroad. Initial situation The Soliswiss Swiss Abroad Cooperative offers various forms of insurance and pension provision for Swiss nationals living abroad. Until we began work on this project, an outdated and complicated website was in place and provided information about the services. In co-operation with Edorex AG, we were able to help the cooperative take a big step towards Web 2. 0. Goals and vision In addition to the modernisation of the website, a new community was to ensure more interaction between Swiss nationals abroad. In addition, a platform was to be created for the extensively researched expert assessments and the annual country ranking. The project In addition to developing the public website, we also developed a web application for the Soliswiss Forum that made various core WordPress functions accessible to users in the front end. Access was made as convenient as possible with two-click logins via social media profiles. A user-friendly post editor also ensures an optimised user experience when creating new posts. - Tags: Deutsche Version - : pll_68f7b167aa026 - Project Categories: Backend, Frontend, Programmierung, Webanwendungen (Web Apps) Ein Plattform und eine Webapplikation für mehr Interaktion zwischen Schweizerinnen und Schweizern im Ausland. Ausgangslage Die Genossenschaft der Schweizer im Ausland Soliswiss bietet verschiedene Formen der Versicherung und Vorsorge für Schweizer im Ausland. Bis anhin informierte eine in die Jahre gekommene, kompliziert zu bearbeitende Webseite über das Angebot. In Zusammenarbeit mit der Edorex AG durften wir der Genossenschaft zu einem grossen Schritt in Richtung Web 2. 0 verhelfen. Ziele und Vision Nebst der Modernisierung des Webauftritts sollte neu eine Community für mehr Interaktion zwischen Schweizerinnen und Schweizern im Ausland sorgen. Zudem sollte ein Gefäss für die aufwändig recherchierten Experteneinschätzungen und das jährlich erscheinende Länderranking geschaffen werden. Das Projekt Zusätzlich zur Entwicklung der öffentlichen Website entwickelten wir eine Webanwendung für das Soliswiss Forum, die diverse Core-Funktionen von WordPress für Nutzer im Frontend zugänglich machte. Der Einstieg wurde durch Zwei-Klick-Logins über Social-Media-Profile so komfortabel wie möglich gestaltet. Ein benutzerfreundlicher Beitragseditor sorgt zudem für ein optimales Nutzererlebnis beim Verfassen neuer Beiträge. - Tags: English version - : pll_68f7b11256b59 - Project Categories: Backend, Frontend, Programming The implementation of a provided design with a special focus on speed and an optimised experience on desktop and touch devices. The initial situation The Lake Zurich Education Centre offers a wide range of training and further education courses at two locations on Lake Zurich. As part of a completely new campaign by the advertising agency Transformer, the website was completely revamped and we were called in for the technical realisation. Goals and vision The navigation posed a particular challenge. Over 100 courses had to be organised into a logical structure and be accessible via touch and mouse gestures on both desktop and smartphone. In addition, the loading speed of the site, an important criterion in SEO, had to stand out clearly from the competition. The project The flood of information was organised logically and intuitively with multi-level navigation. To ensure that performance does not suffer from the use of images, we used a lazy loading process in addition to responsive images. This means that images are only downloaded when they appear on the screen. - Tags: Deutsche Version - : pll_68f7b11256b59 - Project Categories: Backend, Frontend, Programmierung Die Umsetzung eines bereitgestellten Designs mit besonderem Fokus auf Geschwindigkeit und ein optimales Erlebnis auf Desktop- und Touchgeräten. Die Ausgangslage Das Bildungszentrum Zürichsee bietet an zwei Standorten am Zürichsee ein breites Spektrum an Aus- und Weiterbildungen. Im Zuge einer komplett neuen Kampagne durch die Werbeagentur Transformer wurde auch die Webpräsenz von Grund auf erneuert, zu deren technischer Umsetzung wir hinzugezogen wurden. Ziele und Vision Eine besondere Herausforderung bot die Navigation. Über 100 Lehrgänge sollten in eine logische Struktur gebracht werden und auf dem Desktop wie auf dem Smartphone über Touch- und Mausgesten erreichbar sein. Zudem sollte sich die Ladegeschwindigkeit der Seite als wichtiges Kriterium in der SEO deutlich von der Konkurrenz abheben. Das Projekt Die Informationsflut logisch und intuitiv erreichbar abzubilden wurde mit einer mehrstufigen Navigation gelöst. Damit die Performance nicht unter der Verwendung der Bilder leidet, setzten wir neben Responsive Images auch einen Lazy Loading Prozess ein. Damit werden Bilder erst dann heruntergeladen, wenn sie auch auf dem Screen erscheinen. - Tags: English version - : pll_68f7b139df783 - Project Categories: Backend, Frontend, Programming, UX and design Design, programming and maintenance of a property website, with advanced interfaces. Momentum Immobilien AG is a young real estate agency founded by a well-coordinated team of experienced property specialists. They aim to set themselves apart from the competition primarily through a strong personal commitment to each property. Goals and vision As a newcomer in the highly competitive property market, the design was primarily intended to emphasise the company's corporate identity and thus create a strong recognition value. A well thought-out web application should also speed up business processes so that the time saved directly benefits the customers. The project In the screen design, we tried to work out the most concise elements from the logo and integrate them into a well thought-out layout. In addition, the complex slider on the homepage offers each property a pole position. The site is supplemented by a central property management system that enables various interfaces. - Tags: Deutsche Version - : pll_68f7b139df783 - Project Categories: Backend, Frontend, Programmierung, UX und Design Design, Programmierung und Wartung einer Immobilien-Website, mit fortschrittlichen Schnittstellen. Ausgangslage Die Momentum Immobilien AG ist eine junge Immobilienagentur, gegründet von einem eingespielten Team aus erfahrenen Immobilienspezialisten. Von der Konkurrenz absetzen möchten sie sich vor allem durch ein starkes persönliches Engagement bei jedem Objekt. Ziele und Vision Als Newcomer im hart umkämpften Immobilienmarkt sollte das Design vor allem die Corporate Identity des Unternehmens unterstreichen und so einen starken Wiedererkennungswert schaffen. Eine durchdachte Webapplikation sollte ausserdem Geschäftsprozesse beschleunigen damit die eingesparte Zeit direkt den Kunden zugutekommt. Das Projekt Im Screendesign haben wir versucht, die prägnantesten Elemente aus dem Logo auszuarbeiten und in ein durchdachtes Layout zu integrieren. Zudem bietet der komplexe Slider auf der Startseite jedem Objekt eine Pole Position. Ergänzt wird die Seite über eine zentrale Immobilienverwaltung, die diverse Schnittstellen ermöglicht.