Vom Konzept bis zur Fertigstellung
Unsere Arbeitsweise für eine nachhaltige und barriere­freie Website

Jedes Projekt wird auf die individuellen Bedürfnisse und Ziele abgestimmt. Die Vorgehensweise ist jedoch in fast jedem Projekt identisch. Nachhaltiges Webdesign, Barrierefreiheit und Suchmaschinen­optimierung sind dabei immer zentrale Aspekte. Unsere strukturierte Arbeitsweise möchten wir kurz erläutern.

Konzeption

Ein erstes, kostenfreies Beratungsgespräch zeigt häufig, welche Intention hinter einer Website stehen soll und zeigt die Bedürfnisse. Daraus entwickeln wir in Eigenregie oder mit Ihnen zusammen ein Konzept.

Kreativitätstechniken wie das Brainstorming oder das Erstellen von Mindmaps helfen die ersten Gedanken und Ideen zu erfassen und zu strukturieren.

Wireframing

Eine Sitemap vermittelt in verständlicher Form, wie der strukturelle Aufbau einer Website sein wird – Wireframes visualisieren den späteren Aufbau inklusive der wichtigsten Elemente wie z.B. Navigation und Inhalt in Skizzenform. So erhalten Sie schon frühzeitig einen Eindruck wie Ihre Website aufgebaut sein wird. In diesem Schritt wird bewusst auf die Gestaltung der Website verzichtet.

Allerdings berücksichtigen wir bereits in diesem Schritt die Nachhaltigkeit Ihrer Website. Fragen, die wir uns stellen sind z.B.:

  • Welche Elemente bringen dem Besucher einen Nutzen und Mehrwert?

  • Auf welche Elemente kann grundsätzlich verzichtet werden?

  • Ist es sinnvoll auf mobilen Endgeräten Inhalte zu reduzieren?

  • In welcher Größe sollten Bilder und Videos dargestellt werden?

  • Wie verhalten sich Elemente der Website responsive?

Prototyping / Nach­haltiges Webdesign

Das Design folgt der Funktion. Eine Navigation muss wie ein Bedienelement aussehen und der Nutzen sollte klar erkennbar sein. Gerade im nachhaltigen Webdesign spielt Usability eine große Rolle, damit der Besucher sich schnell zurecht findet. LEUCHTKRAFT entwickelt Design und Funktionen, die den Besuch einer Website möglichst optimal gestalten.

Das Prototyping dient zur Visualisierung von Ideen, Funktionen und Inhalten. Hierbei wird ein Click-Dummy erstellt, um die Bedienbarkeit und die Wahrnehmung der Website zu testen. Anhand des Prototypen können alle Projektbeteiligten frühzeitig einen Eindruck der Website gewinnen.

Hier finden Sie weitere Infos zu nachhaltigem Webdesign.

Barriere­freiheit

Menschen mit Einschränkungen nutzen das Internet häufiger und intensiver. Der Gang ins Internet ist oftmals einfacher als der in den Supermarkt. Barrierefreiheit – sprich eine Website mit möglichst wenigen Hürden – bietet jedoch noch weitere Vorteile. Die Umsetzung einer barrierefreien Website erweitert die potenzielle Zielgruppe, verbessert das Ranking in der Suchmaschine und bietet den Besuchern eine höhere Nutzerfreundlichkeit.

Mehr zur digitalen Barrierefreiheit.

Nachhaltige Web-Entwicklung / Green-Webdesign

Bei der Webentwicklung legen wir besonderen Wert auf eine qualitativ hochwertige und effiziente Programmierung. Dabei spielen Webstandards eine sehr große Rolle. Die standardkonforme und semantische Entwicklung stellt die Basis für eine suchmaschinenfreundliche und zugängliche Website und garantiert eine korrekte Programmierung.

In der Entwicklung werden die Aspekte des nachhaltigen Webdesign weiter verfolgt. Wir verzichten auf überflüssigen Quellcode. Bilder werden korrekt dimensioniert, komprimiert und in modernen Bildformaten wie webp und avif bereitgestellt. Javascript und PHP Programmierungen werden möglichst einfach gehalten, um die Rechenintensität niedrig zu halten. Auch der Webserver wird so konfiguriert, dass er die Website effizient bereitstellen kann. Hierfür wird u.a. das Caching aktiviert und bei Bedarf auch Content Delivery Networks (CDN) eingesetzt.

Mit einem Content Management System (wie z.B. Wordpress) entsteht eine flexible Website, die Sie eigenständig pflegen können. In einer Schulung (persönlich oder online) erläutern wir Ihnen die Funktionalitäten und Möglichkeiten direkt auf Ihrer neuen Website.

Schulung

Wir bieten individuelle (Mitarbeiter-) Schulungen in den Bereichen:

  • Content Management Systeme (Wordpress, TYPO3)
    Von der Grundlagen-Schulung für Redakteure (Redakteur-Schulung) bis hin zur kompletten Schulung des CM-Systems (Administrator-Schulung)

  • Barrierefreies Webdesign & zugängliche Websites
    Was ist neben einer standardkonformen Programmierung wichtig, um eine barrierefreie Website zu erstellen. Welche Hilfsmittel helfen Menschen mit Behinderungen zusätzlich, damit eine Website einfacher zu verstehen und zu bedienen ist.