PROBLEMLÖSER GESUCHT?

Na, auf Empfehlung hier gelandet? Dann lege ich mal los. Ich bin ausgebildeter Informatiker (IT-SE IHK, 2007) und arbeite seit 2003 in der IT. Mich prägt eine starke Affinität zur Informatik, mit Leidenschaft für Design und Technik. Ich arbeite gern komplett selbstständig in spannenden Themenbereichen wie der Digitalisierung (E-Government), IT-Sicherheit, IT-Recht und Datenschutz, an Projekten mit Hardware und Software, auch manchmal mit dem Raspberry Pi oder dem LattePanda.

Ich konzipiere, modelliere und realisiere mobile Webseiten wie diese hier auch ohne CMS-Baukasten in feinster Handarbeit nach aktuellen Standards wie CSS3 und HTML5 und bediene mich topaktuellen Frameworks wie Bootstrap 4 und Materialize CSS nach vorherigem UX-Design. Gefragt sind auch meine entwickelten Logos und Unternehmensidentitäten, Präsentationsvorlagen, ausfüllbare Formulare, Geschäftspapiere, Visitenkarten und Kalender oder meine Lösungen für bestehende Probleme an Systemen oder IT-Infrastruktur. Das heißt, ich mache mir auch die Finger schmutzig und repariere statt wegzuwerfen, soweit es möglich ist, probiere Neues und pflege Vorhandenes.
KLINGT INTERESSANT?

Dann wird es Zeit darüber zu sprechen.
Wie? Zum Beispiel per E-Mail oder über das bereits winkende Kontaktformular.
mail

Referenzen

Einige abgeschlossene und laufende Projekte

Personalagentur ASTERSTEINmore_vert

Referenz besuchen

Personalberatung Astersteinclose

Entwickelt: Logo, Design, Anzeigenfunktion. Vollständig optimiert für Mobilgeräte. Suchmaschineneintrag und Optimierung - Personalagentur Asterstein

Meisterbetrieb Schrooten Unternehmensvorstellungmore_vert

Referenz besuchen

JAN SCHROOTENclose

Ein Meisterbetrieb stellt sich vor. Neuaufbau nach in die Jahre gekommener Seite ohne Optimierung für Mobilgeräte. Die aktuelle Webseite ist optimiert für Mobilgeräte, bietet eine Galerie mit Referenzen, Flip-Karten für Personalvorstellung und KfZ-Navigation per Klick - Sanitär Meisterbetrieb Jan Schrooten in Moers.

Möchten Sie eine ähnliche Firmenvorstellung? Dann nehmen Sie doch Kontakt auf.

Sternenkinder-Paradies Guter Zweckmore_vert

Referenz besuchen

Sternenkinder-Paradies Guter Zweckclose

Redaktionssystem zur Veröffentlichung von Artikeln zum Thema Sternenkinder, Tod und Trauerbewältigung, Krankheit, Not, Sorge, Verfolgung, Missbrauch und Gewalt, hauptsächlich an Kindern. Aktionen für Menschen, die noch die kleinen Träume träumen, wie der Wunsch nach sozialen Kontakten, oder Menschen suchen, denen es ähnlich ergeht.

Einfache Lokalseitemore_vert

Referenz besuchen

Einfache Lokalseiteclose

Eine einfache Seite um lokale Kontakte zu knüpfen oder Orte und Unternehmen vorzustellen.

Startup Eventagentur Events und Congressemore_vert

Referenz besuchen

Eventagentur CYANECclose

Entwicklung für ein Startup von Veranstaltungsmanagern. Die Eventagentur organsiert Veranstaltungen und beschafft Locations für Kongresse, Musikfestivals, Hochzeiten, Präsentationen oder für das klassische Firmenjubiläum. Die Veranstaltungsagentur legt ihr Hauptaugenmerk natürlich auf der gesamten Vorbereitung und Durchführung groß angelegter Veranstaltungen, übernehmen aber auch Teilbereiche wie Öffentlichkeitsarbeit, VIP-Betreuung, Guest Handling und natürlich auch Security.

Unsere Entwicklung: Namensfindung und Bereitstellung des kompletten Webauftritts ohne großartige Beteiligung des Startups. Gestaltung von Geschäftspapier und Visitenkarten für CYANEC. Beschaffung der Domain Cyanec.de inkl. Entwicklung eines Logos und einer kompletten Webseite mit Text und Kontaktinformation. E-Mail Adressen für das Team.

Wissenschaftliche Textemore_vert

Referenz besuchen

Wissenschaftliche Texteclose

Professionelle Texte journalistischer Qualität. Individuelle SEO-Texte (Unique Content) mit Keywords zur Vorstellung von Produkten oder des Betriebs oder selbstständiges Ausarbeiten von Inhalten für Ihre Webseite.

LOGOL Blogsystem Aktuell in Entwicklungmore_vert

Referenz besuchen

LOGOL Blogsystemclose

Ein einfaches System um Artikel zu veröffentlichen.

Videokonferenz-Server Teamworktogomore_vert

Referenz besuchen

Video-Konferenz Teamworktogoclose

Logo, Webseite und Bereitstellung einer Konferenzlösung auf einem eigenen Server mit Serverstandort Deutschland, DSGVO konform und ohne Installation von Clients. Völlig frei und auf jedem Gerät sofort nutzbar, das über einen aktuellen Firefox oder Chrome Browser verfügt. Betriebssystem unabhängig. Geeignet für IOS, MacOS, Windows, Linux, Android, Windows Phone, etc.

Videokonferenz-Server Teamworktogomore_vert

Referenz besuchen

Video-Konferenz Teamworktogoclose

Logo, Webseite und Bereitstellung einer Konferenzlösung auf einem eigenen Server mit Serverstandort Deutschland, DSGVO konform und ohne Installation von Clients. Völlig frei und auf jedem Gerät sofort nutzbar, das über einen aktuellen Firefox oder Chrome Browser verfügt. Betriebssystem unabhängig. Geeignet für IOS, MacOS, Windows, Linux, Android, Windows Phone, etc.

Wissenschaftliche Textemore_vert

Referenz besuchen

Wissenschaftliche Texteclose

Professionelle Texte journalistischer Qualität. Individuelle SEO-Texte (Unique Content) mit Keywords zur Vorstellung von Produkten oder des Betriebs oder selbstständiges Ausarbeiten von Inhalten für Ihre Webseite.

Professionelle Word- und Präsentationsvorlagen nach Wunschmore_vert

Referenz besuchen

Vorlagen für professionelle Arbeitenclose

Wir erstellen nach Wunsch professionelle und strukturierte Vorlagen für Präsentationen, Hausarbeiten oder wissenschaftliche Arbeiten wie Bachelorarbeiten, Doktorarbeiten, Masterarbeiten etc.

Deckblatt, Agenda bzw. Inhaltsverzeichnis, Seitennummerierung, Anhang.

Kontaktformular mit Spamschutzmore_vert

Referenz besuchen

Kontaktformular mit Spamschutzclose

Kontaktformular mit flexiblem Design und Spamschutzfrage. Nur wenn der Besucher die Frage richtig beantwortet, wird die Nachricht auch versendet. So gelangen nur echte Anfragen in das Postfach und man spart sich viele automatisierte Spam Anfragen.

Persönliche Vorstellung, Vitamore_vert

Referenz besuchen

Persönliche Vorstellungclose

Persönliche Vorstellung für Kunden oder Bewerbungen mit SocialMedia Buttons um direkt Kontakt aufnehmen zu können.

Problemlösungen

Problem: Neue Musik und Videos im Auto hören, ohne Datenträger auswechseln zu müssen.

Lösung: Passendes Betriebssystem finden. PC in einen BMW einbauen und mit 7" Touchscreen von Zuhause Musik und Videos streamen.
Bonus: Zugriff auf die Kamera zuhause.

  • people Webentwicklung und SocialMediaarrow_drop_down
    Programmierung von Webseiten nach Neudesign oder Re-Design

    Eintragung von Webseiten in Suchmaschinen

    Optimierung für Suchmaschinen, (Metatags, Keywordsuche…)

    Digitalisierung einzelner Aufgaben

    Verbreitung der Präsenz auf SocialMedia Kanälen
  • create Generierung von Contentarrow_drop_down
    SocialMedia Betreuung und Kanalpflege

    Aufbau von SocialMedia Kanälen

    Professionelle Texte journalistischer Qualität

    Individuelle SEO-Texte (Unique Content) mit Keywords

    Vorstellung von Produkten oder des Betriebs

Design einer App

developer_mode
Aktuelles Projekt - Responsive Design

Die rechte Seite bildet die Ansicht typischer Geräte mit hoher Auflösung an, meist wird die gesamte Anwendung im Vollbild sichtbar. Eine typische Darstellung bei Tablets, Phablets und Desktopgeräten so wie Notebooks. Auf der linken Seite klar erkennbar, ein Iphone - ein beliebtes Smartphone mit kleinem Display und niedriger Auflösung. Hier ist es wichtig dass sich die Anwendung an das Gerät anpasst, andernfalls sind die Bedienelemente zu klein, überlagern sich oder Teile der Seite werden nicht angezeigt. Diese automatische Anpassung an kleine und grosse Auflösungen nennt man Repsonsive-Design. Diese Technolgie erfüllen alle von mir erstellten Webseiten.

Ein Klick auf das Bild leitet zum Projekt simples Redaktionssystem weiter.

Vorschau zu Beispiellogos.

fingerprint
Corporate-Identity Design & Website-Relaunch

Es gibt viele Auslöser für ein neues Branding. Einstieg in die Digitalisierung, das Image aufpolieren, wenn keine Corporate Identity existiert oder nicht mehr zeitgemäß ist, ein neues Branding erfordert Fingerspitzengefühl und präzise Planung. Was geschieht in der Zwischenzeit? Wer ist die Zielgruppe? Was soll Ihre Identität aussagen? Ist sie eine Produktplatzierung oder Visitenkarte? Wie werden die Kunden informiert? Haben Sie an Material für SocialMedia gedacht? Wer pflegt die SocialMedia Kanäle und welche wollen Sie nutzen? Was gehört in das Impressum? (...) Vorbereitung ist die halbe Miete.

Ein Klick auf das Bild leitet zu bereits eingesetzten Logovorschlägen weiter.

Entwurf mit Bleistift

accessibility
Vom UX Design zum Prototypen - Usability Engineering

Am Anfang steht immer die Idee. Auf dem Bild ist der grobe Entwurf eines GUI zu erkennen, aus dem die anderen Bilder resultieren. Einfach losprogrammieren ist zwar möglich, am Ende folgt jedoch meist das Chaos. Eine Webseite ohne Planung zu programmieren ist bei einfachen Seiten wie beispielsweise statischen Onepagern möglich, sobald es aber mehr wird, stellt sich eine erhöhte Komplexität ein, die schwer überschaubar wird. UX Design ist ein Bindeglied zwischen dem Designer der Grafik und dem Programmieren der Logik. Sätliche Aktivitäten werden bei einem UX Design, einer Userstory abgebildet und mit Funktionen verknüpft.

So wird im Vorfeld gewährleistet, dass das Projekt am Ende auch nutzbar ist. (accessibility)

Bild einer Ansicht zum Artikel erstellen. code

Umsetzung und Logik

Nach einer detailierten Anforderungsanalyse und der daraus resultierenden zu erfüllenden Grundfunktionalität ist es möglich die ersten Entwürfe eines Prototypen zu erstellen. Anhand eines Freihandentwurfs, digital oder mit dem Bleistift lassen sich aufgeräumte GUI* designen. Spätestens dann wird es Zeit die Logik zu planen. Dazu eignet sich das UX Design, siehe Handzeichnung. Jede einzelene Aktion die ausgeführt werden kann, wird im UX Design abgebildet und als logische Funktion hinterlegt. So entstehen automatisch alle Funktionen, die erforderlich sind, um die Webseite fehlerfrei zu benutzen.

Ein GUI - Ein Graphical User Interface, eine grafische Oberflaäche. (Visuelle Schnittstelle zwischen Computer und Mensch die Interaktionen ermöglicht).

Programmierung und Wartung von
Interessen und eigene Ausarbeitungen