Leistungen
Optimiert
für deine Bedürfnisse
Entwicklung
Design
Support
Optimierung
Mehr als nur Webseiten
Mit den heutigen Webtechnologien können viel mehr Probleme gelöst werden, als man denkt. Ehemalig klassische Softwarelösungen können so durch webbasierte Anwendungen abgelöst werden.
Ob man eine Attraktion am Messestand, eine praktische Lösung zum Zeiterfassen in der Firma oder eine frische Webseite, um neue Kunden zu gewinnen. All diese Felder und noch viel mehr sind heutzutage mit dem Entwickeln von Webanwendungen möglich.
Vielleicht hattest auch du auch schon mal ein Problem oder eine Idee, für die du nie eine gute Lösung gefunden hast. Eventuell wolltest du mal ein eigenes Quiz entwickeln oder einfach nur eine kleine App, die dich an das Ding erinnert, das du mal wieder vergessen hast.
Kontaktiere mich doch einfach mal, vielleicht finden wir endlich eine finale Lösung für das Problem.
Gestaltet nach deinen Vorstellungen
Ein gutes Design ist oftmals ebenso wichtig wie die technische Umsetzung. Barrierefreiheit, Funktionsweise und natürlich das Erscheinungsbild an sich, all das wird mit dem Design festgelegt.
Daher ist es umso wichtiger, ein Design zu erschaffen, auf das man stolz sein kann und all diese Bedürfnisse befriedigt. Um dies sicherzustellen, arbeite ich am liebsten sehr eng mit meinen Kunden zusammen, wenn es darum geht, die Webseite zu designen. Das ermögliche ich unter anderem dadurch, dass ich am Anfang eine Anforderungsliste, mit den Kunden zusammen, erstelle. In dieser Liste werden dann Fragen wie folgende beantwortet.
Was ist die Zielgruppe? Welche Funktionen werden benötigt? Welche Inhalte sollen angezeigt werden? Wie soll sich die Webseite anfühlen? Worauf kann nicht verzichtet werden? Welche Designrichtlinien gibt es bereits?
Unterstützung in allen Belangen
Egal, wie zukunftssicher eine Anwendung entwickelt wurde, irgendwann kommt immer der Punkt, dass Anpassungen vorgenommen werden müssen. Egal ob Sicherheitsmaßnahmen, Designgründe oder technische Voraussetzungen der Grund sind, jemanden zu haben, der sich um diese Themen kümmern kann, ist immer wichtig.
Beim Support schaue ich in regelmäßigen Abständen nach der Anwendung. Dabei gehe ich eine vordefinierte Aufgabenliste durch. Aufgaben könnten als Beispiel nach Updates schauen und einspielen, Backups checken und Funktionen prüfen sein. Was und wie häufig alles geprüft wird, wird immer mit jedem Kunden individuell abgeklärt. Mit einem festen Support erhält man die beste Möglichkeit, Fehler und Probleme frühzeitig festzustellen und die richtigen Schritte einzuleiten, um diese zu beheben.
Näher an der Perfektion
Manchmal braucht es nicht viel, um große Schritte zu gehen. Vielleicht läuft ein Modul nicht so flüssig, wie man es gerne hätte. In Suchmaschinen erscheint man erst relativ weit unten. Die Farben fühlen sich nicht präsent genug an. Oder man hat eine Idee für ein neues Element, aber weiß nicht, wie man das umsetzen kann. Für diese und noch viel mehr Themen biete ich an, deine Webseite zu optimieren und somit diese der Perfektion ein Stückchen näherzubringen.
Die Optimierung einer vorhandenen Anwendung ist immer eine sehr individuelle Aufgabe, die sich nie einer anderen zu 100 % gleicht. Bei einem SEO (Suchmaschinenoptimierung) Job kommt es als Beispiel stark auf die Branche, Standort, Konkurrenz und Zielgruppe an.
Prozess
Effizienz
statt gelaber
Analyse
Jedes meiner Projekte beginnt mit einer intensiven Analyse des Ziels, der Wünsche und eventuell auftretender Probleme. In dieser Phase ist eine gute Kommunikation zwischen uns sehr wichtig, damit jeder weiß, wo es hingehen soll, was gewünscht ist und welche Informationen jeder benötigt.
Am Ende der Analyse sollten alle Anforderungen an das Produkt geklärt werden und keine wichtigen Fragen mehr offen sein.
Design
Als Nächstes wird ein Design benötigt. Sollte bereits ein fertiges Design vorhanden sein, wird dieses mit der Analyse gegengeprüft, damit auch wirklich nichts vergessen wurde.
Beim Design gehe ich gerne in 3 Phasen vor:
1. Phase "Die Skizze": Anhand der Analyse wird eine Skizze erstellt. Grob werden alle benötigten Inhalte platziert. Ein erstes Look-and-Feel wird darauf aufgebaut.
2. Phase "Der Prototyp": Mit dem Feedback zur Skizze wird ein mehr detaillierter Prototyp gebaut. Ziel hier ist es, ein Design zu haben, das schon so nah wie möglich am finalen Produkt sein wird.
3. Phase "Das Finetuning": In genauer Absprache werden jetzt noch die letzten Mängel ausgebügelt und Wünsche umgesetzt, um das finale Design zu erhalten.
Entwicklung
Im nächsten Schritt startet die Entwicklungsphase. In dieser wird das Design umgesetzt, die Funktionen implementiert und die Inhalte eingebunden. In der Regel starte ich die Entwicklungsphase damit, dass ich die Elemente als einzelne statische Module entwickle. Sobald das Frontend aufgebaut wurde, werden die einzelnen Module mit dem Backend verknüpft, um aus der statischen Seite eine dynamisch anpassbare Webseite zu machen. Zu guter Letzt werden die Inhalte in die Seite eingebunden. Dazu zählt auch, eventuelle Medien zu optimieren und anzupassen.
Während dieser gesamten Entwicklungsphase gibt es einen Kundenserver, auf dem die Webseite einzusehen ist. Dieser wird regelmäßig nach Erreichen bestimmter Entwicklungsabschnitte aktualisiert. So kann, wenn gewünscht, die Arbeit jederzeit überprüft werden, um frühzeitig eventuelle Probleme und Fehler entdeckt zu werden.
Testing
Die Testphase ist eine wichtige Phase, die allerdings bei vielen gerne in Vergessenheit gerät. Es gibt heutzutage so viele Geräte, die in der Lage sind, Webanwendungen aufzurufen und mit diesen zu interagieren, dass es fast unmöglich ist, eine Webseite zu entwickeln, die auf allen exakt gleich funktioniert und aussieht. Allerdings sollte man versuchen, so nah wie möglich an diese 100 % zu kommen, und dafür ist die Testingphase da.
Beim Testen wird mit vielen verschiedenen virtuellen sowie physischen Geräten die Webanwendung auf Darstellung und Funktion getestet. Ebenso wird versucht, so viele Interaktionen wie möglich, die der User anwenden kann, zu simulieren, um sicherzustellen, dass alles problemlos funktioniert.
Zu guter Letzt werden nochmal alle Inhalte überprüft. Ob Texte oder Medien fehlen, Bilder falsch gesetzt sind etc. Wenn das alles fertig ist, kann es dann endlich zum groß ersehnten Livegang übergehen.
Livegang
Der Livegang ist an sich schnell erklärt. Die Webseite wird auf den Server geladen, auf dem die Webseite final online sein soll. Im Detail wird dazu ein neues Verzeichnis auf dem Server verwendet und sobald alles hochgeladen ist und läuft, wird dem Server gesagt, dass er in Zukunft dieses Verzeichnis ausgeben soll, sobald jemand auf die Domain zugreift.
Je nach Webseite oder Anwendung müssen dann noch ein paar Anpassungen in den Einstellungen vorgenommen werden, um die Seite in den live Status zu setzen. Sobald das alles geschehen ist, wird nochmal final die Funktion der Seite überprüft, um einen sauberen Livegang sicherzustellen.
Technology
Die richtigen Werkzeuge
ausgewählt für dich
Backend
Das Backend ist das System im Hintergrund, das eine Webseite dynamisch macht. Mithilfe eines Backends kann man Inhalte einfach ändern, Module hinzufügen und entfernen. Neue Seiten erstellen und Sicherheitsmaßnahmen vornehmen. Mit einem gut gepflegtem Backend kann auch jeder Leihe die Inhalte auf einer Webseite pflegen und muss über keine Programmierkenntnisse verfügen.
Jedes Backend verfügt über bestimmte Vor- und Nachteile. Daher finde ich es wichtig, das richtige Backend für die jeweiligen Anforderungen zu wählen und nicht eine Lösung für alles zu verwenden.
Wordpress
Der Klassiker der Backends. Wordpress bietet für fast jedes Problem eine Lösung, die auch Leihen anwenden können. Diese Vielfalt an Möglichkeiten bringt allerdings auch Risiken mit sich, weshalb ich Wordpress nur in bestimmten Bereichen empfehlen kann.
Grav CMS
Ein kleines Open-Source-Flat-File-Backend. Durch die geringen Anforderungen, die Grav hat, kann eine Grav Seite fast überall sehr einfach implementiert werden. Mit Grav hat man ein sehr schnelles Backend, das sich einfach erweitern lässt.
Web-Builder
Viele unterschiedliche, aber alle irgendwie gleich. Es gibt immer mehr Web Builder auf dem Markt wie z.B. Wix, Squarespace, Webflow uvm. Jeder dieser Web-Builder hat seine Vor- und Nachteile, aber am Ende des Tages sind sie fast alle gleich.
Static
Nicht wirklich ein Backend. Statische Webseiten sind im Grunde Webseiten ohne ein Backend. Statische Webseiten machen nur Sinn, wenn eine Seite sehr klein ist oder es sich um eine sehr spezifische Webanwendung handelt.
Frontend
Technologien fürs Frontend können alles beinhalten, was ein User interagieren und sehen kann. Was man verwendet, ist somit immer stark davon abhängig, was wirklich gebraucht wird. Tools wie React, Angular etc. sind sehr mächtig und bieten viele Möglichkeiten, allerdings sollte man auch nur damit arbeiten, wenn es zwingend erforderlich wird. Ansonsten bläht man eine Anwendung nur unnötig auf.
React
Eine Bibliothek für webbasierte und native Benutzeroberflächen. React bietet eine spezifische Art, Webanwendungen zu entwickeln, um es einfacher zu machen, neue Komponenten hinzuzufügen oder vorhandene anzupassen.
Angular
Ein Web-Framework von Google. Angular bietet verschiedene Tools, um die Entwicklung von Webseiten zu standardisieren und zu beschleunigen.
MORHERO.js
Das ist mein hauseigenes JS-Framework. Über die Jahre an Webentwicklung habe ich meine eigenen kleinen Funktionen und Tools entwickelt, die Leben in eine Webseite bringen.
Three.js
Eine 3D-Bibliothek für Webanwendungen. Mit Three.js wird es ermöglicht, relativ einfach animierte und interaktive 3D-Elemente auf eine Webseite zu integrieren.
Vue.js
Ein Framework für Benutzeroberflächen. Vue.js bietet verschiedene Hilfsmittel, um das Entwickeln von Benutzeroberflächen zu vereinfachen und zu vereinheitlichen.
Vanilla JS
Das, was jeder Browser von Haus aus kann. Mit Vanillajs wird das ganz normale Javascript beschrieben. Der große Vorteil daran ist, dass es keine Abhängigkeiten hat und somit so schnell und effizient wie möglich laufen kann.
Server
Technologien, die die Basis von Webanwendungen bilden. Ob es der Server selber ist, der die Seiten ausliefert oder Datenbanken, die Inhalte wie Texte und User speichern.
Node.js
Eine quelloffene Javascript-Laufzeitumgebung. Mit Node.js kann man vom eigenen Server entwickeln und somit hochspezifizierte Webanwendungen bauen.
MySQL & MariaDB
Die Klassiker unter den Datenbanken. MySQL und MariaDB bieten so gut wie alles, was man von einer Datenbank braucht.
MongoDB
Die beliebteste NoSQL-Option. MongoDB bietet eine große Spannweite an Möglichkeiten, sichere und effiziente Datenbanken aufzubauen.
Apache
Seit 30 Jahren die Basis der meisten Webseiten. Apache Server sind überall und bis heute eine beliebte Wahl.
Kontakt
Bereit
für mehr?
Kontaktformular
Optimiere deinen Online-Auftritt mit der Hilfe von performantem Code, individuellem Design und auf dich zugeschnittenen Inhalten.
Kontaktiere mich noch heute und erhalte ein kostenloses Beratungsgespräch.
Kontaktiere mich über Mail für alle Anfragen, die nicht über mein Kontaktformular möglich sind.
contact@morhero.devSocials
