Sempact AG Eco-Friendly Website Case Study

export class QuotesSliderComponent extends BaseComponent {
  constructor() {
    super();
  }
  async _connectedCallback() {
    this.render();
    this.startAnimation();
  }
  render() {
    this.appendChild(wrapper);
  }
  startAnimation() {
    const wrapper = this.querySelector('.slider-wrapper');
    const panels = this.querySelectorAll('.slider-wrapper > blockquote');
    const totalPanels = panels.length;
    const containerWidth = this.offsetWidth;
    let currentPanel = 0;
    panels[currentPanel].classList.add('active');
    setInterval(() => {
      panels[currentPanel].classList.remove('active');
      currentPanel = (currentPanel + 1) % totalPanels;
      panels[currentPanel].classList.add('active');
      const offset = -currentPanel * containerWidth;
      wrapper.style.transform = `translateX(${offset}px)`;
    }, 5000);
  }
}
customElements.define('quote-slider', QuotesSliderComponent);

As part of the commitment to Sempact AG, an environmentally conscious website was created, that combines awareness of energy efficiency with the technology of a digital offering. The implementation began with developing custom PHP CMS components that enable robust and flexible content management. These formed the website's core and were designed to reflect the specific requirements of Sempact AG.

A user-friendly, interactive interface was created using state-of-the-art web technologies such as JavaScript and Tailwind. The careful application of web components also resulted in a structurally consistent and modular user interface that promotes the reusability of web elements and the platform's extensibility. Accessibility, a fundamental feature of the project, was ensured through a thoughtful implementation of web accessibility guidelines. This guaranteed that the web application was usable for all user groups without restrictions from the very beginning.

Central to the implementation phase was also the optimization of web performance. Techniques such as lazy loading and adaptive loading were used to reduce loading times and optimize resource consumption, indirectly reducing the platform's ecological footprint. The focus on web sustainability reinforced Sempact AG's role as a pioneer in the sustainable industry, with the web platform itself serving as an example of the use of environmentally friendly technologies.