Entwicklung von
Websites & Online-Shops

Je komplexer die Anforderungen an Web Entwicklung sind,
desto mehr braucht es Experten für die Umsetzung.
Wir freuen uns darauf, Sie zu beraten!

Entwicklung von
Websites & Online-Shops

Komplexe Anforderungen brauchen
Experten für die Umsetzung.
Wir freuen uns darauf, Sie zu beraten!

Website erstellen lassen! Aber worauf achten?

Nehmen Sie den Blickwinkel Ihrer Kunden ein! Was wird er wohl auf einer billig gestalteten Webseite tun? Hat er Freude beim Aufenthalt? Wird er dort seine Daten preisgeben? Wenn Sie ehrlich sind, wissen Sie es selbst - er wird sie wieder verlassen. Einfach so.

Damit Ihnen das nicht so passiert, suchen Sie eine gute Agentur auf - zum Beispiel uns. Wir erstellen Ihre Website so, wie Ihre Kunden sie sich wünschen.

Für kleine und mittlere Größenordnungen bieten Ihnen günstige Bundles an. Für größere Projekte erstellen wir Ihnen nach einem Beratungsgespräch gern ein individuelles Angebot.

Web Entwicklung - worauf Sie achten sollten

Nehmen Sie den Blickwinkel Ihrer Kunden ein! Was wird er wohl auf einer billig gestalteten Webseite tun? Hat er Freude beim Aufenthalt? Wird er dort seine Daten preisgeben? Wenn Sie ehrlich sind, wissen Sie es selbst - er wird sie wieder verlassen. Einfach so.

Damit Ihnen das nicht so passiert, suchen Sie eine gute Agentur auf - zum Beispiel uns. Wir erstellen Ihre Website so, wie Ihre Kunden sie sich wünschen.

Für kleine und mittlere Größenordnungen bieten Ihnen günstige Bundles an. Für größere Projekte erstellen wir Ihnen nach einem Beratungsgespräch gern ein individuelles Angebot.

Web Entwicklung - unsere Vorgehensweise

Bei großen Projekten, die eine Vielzahl an Inhalten und Funktionen bereitstellen, ist es von enormer Wichtigkeit, im Vorfeld genau die Bedürfnisse des Kunden und des Users zu ermitteln. Bei der Umsetzung im Hinblick auf Design und Programmierung steht der Fokus auf der User Experience. Je größer das Projekt, desto weniger kann man schablonenhaft aus seinem Erfahrungsschatz schöpfen. Daher ist die im Folgenden beschriebene Vorgehensweise in jedem Falle anzuraten.
Web Entwicklung - Seitenarchitektur, Inhalte und Navigationsstrukur

1. Seitenarchitektur,
Inhalte & Navigationsstruktur

Der erste Schritt der Web Entwicklung besteht immer in der Ausarbeitung der Struktur der Website. Welche Seiten haben welche Inhalte? Wie sollen diese Inhalte am sinnvollsten miteinander verknüpft werden? Welche Wege wird der Besucher möglicherweise gehen, um die verschiedenen Inhalte zu finden? Die User Experience hängt entscheidend davon ab, ob die Website letztlich ein Erfolg wird oder nicht. Wer sich auf der Website nicht zurecht findet, dem hilft auch ein schönes Design und moderne Technik nicht weiter. Erst, wenn diese Informationen erhoben und verwertet wurden, macht es Sinn sich an die weitere Arbeit zu machen. 

2. Lastenheft / Pflichtenheft

Je größer das Projekt, desto wahrscheinlicher ist es, dass der Kunde ein sog. Lastenheft erstellt. Hierin sind sämtliche zum Zeitpunkt der Erstellung gewünschten Funktionen und Anforderungen aufgelistet. Auf Grundlage dieses Lastenhefts erstellen wir ein Pflichtenheft, in dem wir die Maßnahmen für die Umsetzung festhalten.

In diesem Pflichtenheft sind sämtliche Informationen zur inhaltlichen Struktur und zur Benutzerführung ebenso enthalten wie zu Layout, Design, Animationen und Interaktionen. Auch die notwendigen technischen Rahmenbedingungen und  geplanten Funktionen, etwaige zusätzliche Programmierungen, zu Schnittstellen und externen Abhängigkeiten sind hier zu finden.

Web Entwicklung - Lastenheft / Pflichtenheft

3. Erstellung von Design & Content

Die Planung der Website steht, die Aufgaben sind klar - nun geht es in die kreative Runde: Die einzelnen Elemente der Website werden inhaltlich (Content) und grafisch (Design) erstellt. Sicherlich kann in dieser Phase mit provisorischem Dummy-Content gearbeitet werden. Dennoch sollte bereits klar definiert sein, an welche Stelle welcher Inhalt platziert wird. Von daher ist es hilfreich, diesen Inhalt bereits zur Verfügung zu haben.

Um keine Zeit zu verschwenden mit Entwürfen, die Ihnen nicht gefallen, arbeiten wir mit "Style Tiles" von Samantha Warren. Bei dieser Methode werden die wesentlichen gestalterischen Merkmale des Website-Entwurfs abgebildet. Im Fokus steht dabei die Realisierung der Design-Aspekte, wie Platzierung des Logos, Schriftarten, Farbgebung und die Gestaltung von Links, Buttons und mehr. Wenn Sie ein Design freigegeben haben, geht es erst in die technische Umsetzung.

4. Prototyping für Feedback

Ihre Website soll kundenorientiert sein. Damit genau überprüft werden kann, ob sie das ist, wird Prototyping eingesetzt. Nach der Erstellung des Prototypen werden nicht nur sämtliche Beteiligten ins Boot geholt - also Designer, Entwickler und Auftraggeber, sondern auch die User.  Das Feedback aller fließt dann in die Weiterentwicklung des Prototypen. Sind die Änderungen vorgenommen, wird eine erneute Review-Session durchgeführt. Dieser Kreislauf geht solange, bis das gewünschte Resultat entstanden ist.

Man könnte meinen, dass dieser Prozess sehr kostenintensiv ist. Dem ist allerdings nicht so. Denn die Möglichkeit, das nach einer Review-Session erhaltene Feedback direkt umzusetzen, erspart erheblich kostenaufwendigere Änderungen zu dem Zeitpunkt, wenn die Website bereits online ist, die zudem womöglich noch mit Umsatzeinbußen einher gehen.

Web Entwicklung - Prototyping

5. Die letzte Runde: Fertigstellung

Sämtliche Funktionen der Website wurden überprüft - alle Beteiligten inkl. der User sind mit dem Ergebnis zufrieden. Jetzt kann die Website endlich programmiert werden. Nach Fertigstellung nehmen wir noch einen Test-Durchlauf vor, um alles auf Herz und Nieren zu überprüfen. Ist auch dieser erfolgreich verlaufen, warten wir nur noch darauf, dass Sie uns die Freigabe erteilen. Sobald dies geschehen ist, geht die Website online.

1. Seitenarchitektur,
Inhalte & Navigationsstruktur

Der erste Schritt der Web Entwicklung besteht immer in der Ausarbeitung der Struktur der Website. Welche Seiten haben welche Inhalte? Wie sollen diese Inhalte am sinnvollsten miteinander verknüpft werden? Welche Wege wird der Besucher möglicherweise gehen, um die verschiedenen Inhalte zu finden? Die User Experience hängt entscheidend davon ab, ob die Website letztlich ein Erfolg wird oder nicht. Wer sich auf der Website nicht zurecht findet, dem hilft auch ein schönes Design und moderne Technik nicht weiter. Erst, wenn diese Informationen erhoben und verwertet wurden, macht es Sinn sich an die weitere Arbeit zu machen. 

Web Entwicklung - Seitenarchitektur, Inhalte und Navigationsstrukur

2. Lastenheft / Pflichtenheft

Je größer das Projekt, desto wahrscheinlicher ist es, dass der Kunde ein sog. Lastenheft erstellt. Hierin sind sämtliche zum Zeitpunkt der Erstellung gewünschten Funktionen und Anforderungen aufgelistet. Auf Grundlage dieses Lastenhefts erstellen wir ein Pflichtenheft, in dem wir die Maßnahmen für die Umsetzung festhalten.

In diesem Pflichtenheft sind sämtliche Informationen zur inhaltlichen Struktur und zur Benutzerführung ebenso enthalten wie zu Layout, Design, Animationen und Interaktionen. Auch die notwendigen technischen Rahmenbedingungen und  geplanten Funktionen, etwaige zusätzliche Programmierungen, zu Schnittstellen und externen Abhängigkeiten sind hier zu finden.

Web Entwicklung - Lastenheft / Pflichtenheft

3. Erstellung von Design & Content

Die Planung der Website steht, die Aufgaben sind klar - nun geht es in die kreative Runde: Die einzelnen Elemente der Website werden inhaltlich (Content) und grafisch (Design) erstellt. Sicherlich kann in dieser Phase mit provisorischem Dummy-Content gearbeitet werden. Dennoch sollte bereits klar definiert sein, an welche Stelle welcher Inhalt platziert wird. Von daher ist es hilfreich, diesen Inhalt bereits zur Verfügung zu haben.

Um keine Zeit zu verschwenden mit Entwürfen, die Ihnen nicht gefallen, arbeiten wir mit "Style Tiles" von Samantha Warren. Bei dieser Methode werden die wesentlichen gestalterischen Merkmale des Website-Entwurfs abgebildet. Im Fokus steht dabei die Realisierung der Design-Aspekte, wie Platzierung des Logos, Schriftarten, Farbgebung und die Gestaltung von Links, Buttons und mehr. Wenn Sie ein Design freigegeben haben, geht es erst in die technische Umsetzung.

4. Prototyping für Feedback

Ihre Website soll kundenorientiert sein. Damit genau überprüft werden kann, ob sie das ist, wird Prototyping eingesetzt. Nach der Erstellung des Prototypen werden nicht nur sämtliche Beteiligten ins Boot geholt - also Designer, Entwickler und Auftraggeber, sondern auch die User.  Das Feedback aller fließt dann in die Weiterentwicklung des Prototypen. Sind die Änderungen vorgenommen, wird eine erneute Review-Session durchgeführt. Dieser Kreislauf geht solange, bis das gewünschte Resultat entstanden ist.

Man könnte meinen, dass dieser Prozess sehr kostenintensiv ist. Dem ist allerdings nicht so. Denn die Möglichkeit, das nach einer Review-Session erhaltene Feedback direkt umzusetzen, erspart erheblich kostenaufwendigere Änderungen zu dem Zeitpunkt, wenn die Website bereits online ist, die zudem womöglich noch mit Umsatzeinbußen einher gehen.

Web Entwicklung - Prototyping

5. Die letzte Runde: Fertigstellung

Sämtliche Funktionen der Website wurden überprüft - alle Beteiligten inkl. der User sind mit dem Ergebnis zufrieden. Jetzt kann die Website endlich programmiert werden. Nach Fertigstellung nehmen wir noch einen Test-Durchlauf vor, um alles auf Herz und Nieren zu überprüfen. Ist auch dieser erfolgreich verlaufen, warten wir nur noch darauf, dass Sie uns die Freigabe erteilen. Sobald dies geschehen ist, geht die Website online.
Fertigstellung

Unser Angebot für Online-Shops

Für Online-Shops gelten grundsätzlich dieselben Voraussetzungen wie für Websites. Hierbei kommt es allerdings genauso auf den Umfang des Shops an. An einen Shop mit einer hohen Auswahl an Produktlinien und Produkten sind andere Voraussetzungen geknüpft als an einen kleinen Shop. Das versteht sich von selbst. Wir haben uns auf das WordPress Shopsystem WooCommerce spezialisiert, das für kleine und mittlere eCommerce-Betreiber völlig ausreichend ist und keine Wünsche offen lässt. Wer einen größeren Shop betreiben möchte, dem empfehlen wir Shopify. Beide Systeme werden von uns gestaltet und eingerichtet.

eCommerce Lösungen
mit WooCommerce

WooCommerce wird von 30% der deutschen Online-Shops verwendet. Für kleine und mittlere Online-Shops eine perfekte und preiswerte Lösung, die unsere Spezialisten gern für Sie einrichten.

Größere Shops mit
Shopify

Die meisten unserer Kunden sind mit WooCommerce bestens bedient. Wenn Sie aber einen größeren Shop aufziehen wollen, stehen Ihnen unsere Shopify-Experten gern zur Seite.

Einrichtung von
Payment Gateways

Klarna, Stripe, Evo Payments, PayPal - es gibt eine Vielzahl von Payment Service Providern. Für welchen auch immer Sie sich entscheiden, wir konfigurieren das für Sie.

Einrichtung von
Automatisierungstools

Wer eCommerce ohne Automatisierungen betreibt, vergeudet eine Menge Zeit,  Energie und damit Geld. Investieren Sie es besser in die Automatisierung - es ist gut angelegt.

Entwicklung von
komplexen Websites

Wir entwickeln Ihre Website in den Sprachen HTML, CSS und JavaScript. Eine saubere Programmierung gewährleistet etwaige Erweiterungen in der Funktionalität für die Zukunft.

WooCommerce Plugins - Beratung & Einrichtung 

WooCommerce kostet nichts - dafür sind sämtliche Plugin kostenpflichtig. Wir beraten Sie hinsichtlich der Planung und Kosten. Und natürlich richten wir diese Plugins auch für Sie ein.

eCommerce Lösungen
mit WooCommerce

WooCommerce wird von 30% der deutschen Online-Shops verwendet. Für kleine und mittlere Online-Shops eine perfekte und preiswerte Lösung, die unsere Spezialisten gern für Sie einrichten.

Größere Shops mit
Shopify

Die meisten unserer Kunden sind mit WooCommerce bestens bedient. Wenn Sie aber einen größeren Shop aufziehen wollen, stehen Ihnen unsere Shopify-Experten gern zur Seite.

Einrichtung von
Payment Gateways

Klarna, Stripe, Evo Payments, PayPal - es gibt eine Vielzahl von Payment Service Providern. Für welchen auch immer Sie sich entscheiden, wir konfigurieren das für Sie.

Einrichtung von
Automatisierungstools

Wer eCommerce ohne Automatisierungen betreibt, vergeudet eine Menge Zeit,  Energie und damit Geld. Investieren Sie es besser in die Automatisierung - es ist gut angelegt.

Entwicklung von
komplexen Websites

Wir entwickeln Ihre Website in den Sprachen HTML, CSS und JavaScript. Eine saubere Programmierung gewährleistet etwaige Erweiterungen in der Funktionalität für die Zukunft.

WooCommerce Plugins - Beratung & Einrichtung 

WooCommerce kostet nichts - dafür sind sämtliche Plugin kostenpflichtig. Wir beraten Sie hinsichtlich der Planung und Kosten. Und natürlich richten wir diese Plugins auch für Sie ein.

Wir lassen die Knöpfe
auf dem Bildschirm so gut aussehen,
dass du sie ablecken willst.

Steve Jobs

Wir lassen die Knöpfe
auf dem Bildschirm so gut aussehen,
dass du sie ablecken willst.

Steve Jobs

Montag bis Freitag: 09.00 bis 16.00 Uhr
Montag bis Freitag: 09.00 bis 16.00 Uhr

Nürnberger Str. 57
46117 Oberhausen
Deutschland

Kontakt

Ja, ich habe spezielle Anforderungen an meine Website!