Spektrum


Bevor wir mit der gemeinsamen Arbeit starten. Hier ein paar Informationen über mich.

Christopher Klein

Christopher Klein

Senior Software-Architekt

Studium Software-Engineering
>15 Jahre Berufserfahrung
38 Jahre alt
Webdesign
Responsive Seiten
Content Management
Suchmaschinenoptimierung
Programmierung

Webdesign

Kernkompetenz der Modulseiten ist das Webdesign. Dieser Begriff umschreibt die Gesamtgestaltung Ihrer Internetseite, von der Konzeption bis zur Fertigstellung.

Beim Aufbau einer solchen Seite sind viele Aspekte zu berücksichtigen, wie z.B. die logische Anordnung der visuellen Elemente, der textuelle und multimediale Inhalt, die Farbgebung, die Seitenanzahl und vor allem die passgenaue Darstellung auf unterschiedlichen Ausgabemedien wie Smartphones und Tablets oder auch auf klassischen Displays bis hin zu Large-Screen-Darstellungen wie z.B. auf TV-Displays. Ebenfalls gilt es Themen wie Suchmaschinenoptimierung (SEO), Zugriffsauswertung oder auch Einbindung von Social-Media-Elementen zu handhaben.

Ich realisiere solche Seiten und biete Ihnen hierfür ein ausgeklügeltes System bestehend aus Vorlagen und den sogenannten Modulen. Ihre persönliche Wunschseite konstruiere ich schließlich mit dem weit verbreiteten und beliebten Web-Framework NextJS .

Hosting

Die Bereitstellung einer Seite im Internet erfolgt in der Regel bei einem sogenannten Hosting-Provider. Bekannte deutsche Provider sind 1&1, Strato, Hetzner oder auch HostEurope, um nur einige zu nennen. Im sogenannten "Jamstack"-Umfeld sind es beispielsweise Vercel, Heroku, Digital Ocean oder auch Cloud-Lösungen wie Google Cloud oder AWS.

Zum Setup einer Internetseite gehört neben der Bereitstellung der Dateien auf dem Webspace des Providers, auch die Registrierung eines Domain-Namens, also einem eindeutigen Identifizierer im World Wide Web, sozusagen Ihr Telefonbucheintrag. Falls Sie noch keinen DNS-Eintrag besitzen, so übernehme ich gerne die Einrichtung Ihrer Wunsch-Domain für Sie. Alternativ bringen Sie Ihre Domain gleich mit und wir verknüpfen den vorhandenen Eintrag mit der neuen Präsenz.

Ich verwende als Hosting-Provider das Angebot der Firma Vercel , ein Dienstleister, der die von mir eingesetzte NextJS-Technologie nicht nur unterstützt, sondern auch der Hersteller dieses weit verbreiteten Web-Frameworks ist.
Sollten Sie bereits über einen eigenen Provider verfügen, so können Sie dies benennen und wir besprechen die Möglichkeiten.

Content-Management

Mit einem sogenannten Content-Management-System (kurz: CMS) tätigen Sie Änderungen an Ihrer Webseite völlig eigenständig und autark. CMS entkoppeln den Inhalt einer Webseite von der dahinterliegenden technischen Komplexität.

Bedeutet für Sie: Anpassung von Texten, Bildern oder auch Menüeinträgen über eine komfortable Pflegeoberfläche. Konket bevorzuge ich für dieses Vorhaben das System Contentful des gleichnamigen deutschen Software-Anbieters. Bei diesem System handelt es sich um ein sogenanntes Headless-CMS, dem elegantesten und leistungseffizientesten Ansatz des Content-Management. Darstellende und Inhalt ausliefernde Anwendung sind dabei getrennt, wodurch die Flexibilität, vor allem aber die Auslieferungsgeschwindigkeit der Seite gesteigert wird.

Sollten Sie sich für das CMS-Angebot entscheiden, führe ich eine einstündige Schulung zur Bedienung des Systems mit Ihnen durch.

Programmierung

Ich biete einige im Web häufig benötigte Standardelemente an. Sollte allerdings eine von Ihnen gewünschte Funktion in diesem Bausatz nicht enthalten sein, so besteht die Möglichkeit eine individuell angefertigte Lösung anzufordern.

Sie werden bei der Wahl von Vorlage und Modulen durch einen Konfigurator geführt. Der Wunsch nach einem Individual-Modul kann hier bequem bekanntgegeben werden.

Gerne besprechen wir dann in der Angebotsphase Ihren konkreten Modulwunsch.

Konzept


Homepage erstellen leicht gemacht. Ein Baukasten für alle Fälle.

Das Basisgerüst

Vorlagen

Die Modulseiten verfügen über verschiedene Vorlagen. Dabei handelt es sich um ein Basisgerüst Ihrer Seite, das sogenannte Layout. Diese Seiten beinhalten bereits Vorgabetexte und -bilder und können im Konfigurator nicht nur als Vorschau eingesehen, sondern auch interaktiv umgestaltet werden.

Zu den Vorlagen

Konzept: Vorlage Funkster Konzept: Vorlagen Sustan Konzept: Vorlagen Medonum

Die Bausteine

Module

Die Vorlagen bestehen außerdem aus sogenannten Modulen. Dies sind funktionale Bausteine der Seite, wie z.B. ein Kontaktformular, eine Bildergalerie, eine komplexe Menüstruktur oder aber auch Funktionalität wie Mehrsprachigkeit, Zugriffsstatistiken oder Suchmaschinenoptimierung.

Zu den Modulen

Konzept: Modul Zeitlinie Konzept: Modul Zähler Konzept: Modul Skills

Die Varianten

Schemata

Pro Vorlage biete ich verschiedene Schemata an. Diese beinhalten Varianten der Vorlage hinsichtlich Farben und Standardinhalten. Das Schema wechseln Sie analog zu den Modulen bequem im Konfigurator über die Steuerleiste.

Konzept: Schema 1 Konzept: Schema 2 Konzept: Schema 3

Die Zusammenstellung bestimmen. Mit dem Konfigurator.

Jetzt loslegen

Den Inhalt kontrollieren. Mit dem Content-Management-System.

Prozess


Von der Idee zur Umsetzung. Hier ist der Ablauf.

Konfiguration

Zentrales Konzept der Modulseiten sind die Vorlagen. Diese können über den Konfigurator um Module erweitert, so wie über verschiedene Schemata hinsichtlich der Farbgebung angepasst werden. Sämtliche Vorlagen lassen sich mithilfe des Konfigurators individuell gestalten.

Vorlagen Konfigurator

Angebot

Sobald Sie Ihre Wunschkonfiguration abgeschlossen haben, teilen Sie mir diese mit. Dies geschieht über das Angebotsformular, welches Sie aus der Seitenleiste heraus über die Schaltfläche Angebot öffnen können. Legen Sie hier die letzten Optionen fest und geben Sie Ihre Kontaktdaten an.

Schließlich wird Ihre Konfiguration an mich übertragen und Sie erhalten zunächst eine Empfangsbestätigung. Basierend auf Ihren Einstellungen erstelle ich nun Ihr individuelles Angebot und sende Ihnen dieses per Email zu.

Das Angebot kann dann von Ihnen entweder abgelehnt oder aber unverbindlich bestätigt werden. Im ersten Fall lösche ich Ihre Daten selbstverständlich umgehend wieder. Im zweiten Fall präzisieren wir das Angebot in einem gemeinsamen Gespräch. Sie erhalten hierzu für von mir einen Anruf auf der von Ihnen im Konfigurator angegebenen Telefonnummer.

Nach Möglichkeit sprechen wir gerne in einer Videokonferenz. Ich unterstütze Microsoft Teams , Zoom und Google Meet . Die Details besprechen wir im Telefonat.

Konfigurator Kontaktaufnahme

Kaufvertrag

Sobald das Angebot Ihrem Zielbild entspricht erstelle ich für Sie den Kaufvertrag. Diesen drucken Sie bitte aus und senden ihn mir unterschrieben per Email zurück.

Entwicklung

Lehnen Sie sich zurück. Ihre Seite wird nun gemäß Anforderung entwickelt.

Sobald die Seite implementiert ist, nehme ich wieder Kontakt mit Ihnen auf und wir schauen uns das Ergebnis gemeinsam an. Hier können dann selbstverständlich noch Feinjustierungen vorgenommen werden.

Betrieb

Nun geht es an die Veröffentlichung der Seite. Hierfür benötigt man zum einen eine Domain und zum anderen einen sogenannten Webspace. Beides bietet ein Hosting-Dienstleister an.

Je nachdem ob Sie bereits über Domain und/oder Webspace verfügen, kann ich dieses Setup verwenden oder aber für Sie die Installation beim Hosting-Provider meiner Wahl erledigen.

Nacharbeiten

Sollten Sie zu einem späteren Zeitpunkt Anpassungen benötigen, so erstelle ich Ihnen hierfür gerne ein neues Angebot.

Hier kommt es auch darauf an: Haben Sie sich für ein Content-Management-System entschieden, so können Sie die Anpassungen in den meisten Fällen selbst erledigen. Haben Sie kein CMS gewählt oder handelt es sich um größere Änderungen, können Sie gerne auf meine Expertise zurückgreifen.

Kontaktaufnahme

Vorlagen


Verschiedene Anforderungen. Passende Vorlagen.

Vorlage: Funkster

Funkster

Eine moderne und hippe Vorlage für jeden Geschmack. Der ausdrucksstarke Titelschriftzug, sowie das den Bannerbereich durchstreifende Avatar-Bild, sind der verheißungsvolle Auftakt dieses stillvollen Templates.

Vorlage: Funkster
Vorlage: Funkster
Vorlage: Sustan

Sustan

Diese Vorlage besticht durch Ruhe und Homogenität. Erdverbundene, beruhigende Töne, sowie die charakteristische Blattform einzelner Elemente, sind das Rahmenwerk dieses bodenständigen Werkes.

Vorlage: Sustan
Vorlage: Sustan
Vorlage: Medonum

Medonum

Prominente Letter im Titeltext, eindringlich futuristische Farbkombinationen, halb lichtdurchlässige, geschwungen verschachtelte Abschnittsbegrenzer, deuten die Strahlkraft dieser modernen Vorlage an.

Vorlage: Medonum
Vorlage: Medonum
Vorlage: Tandlix

Tandlix

Der stilgerechte Einsatz innovativ neutraler Farben aus dem technologischen Spektrum, sowie der Einsatz moderner Business Cliparts, verleihen dieser Vorlage eine unterschwellige Ruhe und Vertrauen.

Vorlage: Tandlix
Vorlage: Tandlix
Vorlage: Zakano

Zakano

Das intelligente Banner bestehend aus futuristischem Hintergrund und halbtransparenter Informationsanzeige stehen sinnbildlich für das technologisch maschinelle Thema dieses High-End Templates.

Vorlage: Zakano
Vorlage: Zakano
Vorlage: Katharsis

Katharsis

Schlichte Eleganz dominiert diese bewusst aufgeräumte und farblich zurückhaltende Vorlage. Die bestechende Klarheit dieses Templates transportiert in Richtung Anwender ein Gefühl der Struktur und Ordnung.

Vorlage: Katharsis
Vorlage: Katharsis

Module


Individualisieren Sie Ihre Vorlage. Mit maßgeschneiderten Modulen.

Basis

Kernmodul und Visitenkarte

Features

Persönliches Portfolio

Galerie

Bildergalerie

Anfahrt

GoogleMaps-Integration

Kontakt

Kontaktformular

Skills

Skill-Matrix

Zähler

Animierter Zähler

Team

Mitglieder Ihres Teams

FAQ

Häufige Fragen

Login

Passwortgeschützter Bereich

Slider

Bild-Slider

Slider Banner

Bild-Slider im Banner

Preise

Preisübersicht

Countdown

Digitale Sanduhr

Zeitlinie

Chronologische Darstellungen

Filter

Gefilterte Anzeige

Zitate

Anzeige-Box für Zitate

Feedback

Bewertungen von Besuchern

Video

Einbettung von Videos

Auto-Type

Simulierte Eingabe

Auto-Type Banner

Simulierte Eingabe im Banner-Bereich

Multi-Nav

Mehrdimensionale Navigation

Sprache

Mehrsprachigkeit für Ihre Seite

Cookie-Consent

Usercentrics

Blog

Blogging-Funktionalität

Kontakt


Keine Vorlage gefunden? Kontaktieren Sie mich direkt.

Name erforderlich.
Email erforderlich.
Telefon erforderlich.
Nachricht erforderlich.
Christopher Klein