Webdesign Freiburg und Programmierung - mediafant
Webdesign und Webentwicklung/ Freiburg Preloader für Header-Bilder der Firma mediafant
Webdesign und Webentwicklung/ Freiburg Preloader für Header-Bilder der Firma mediafant
Webdesign und Webentwicklung/ Freiburg Preloader für Header-Bilder der Firma mediafant
Webdesign und Webentwicklung/ Freiburg Preloader für Header-Bilder der Firma mediafant
Javascript-Slider für Vier-Wege-Navigation

quote 101% für unsere Kunden !

Andreas Wulf

quoteDank CMS hab ich Zeit mich um wichtige andere Dinge zu kümmern.

Frank Maier

quote Wegen SEO musste ich mir eine neue Leiter kaufen ...

Max Stratmann

quoteNur ein iPhone? Macht nix! Meine Webseite können auch mobile Besucher betreten.

Martin Jäger

quoteNie mehr ohne meine Freunde auf Facebook, Twitter ...

Bettina Schmidt

quoteAuf meiner Seite findet sich jeder sofort zurecht.

Norbert Hanser

quote Die machen Unmögliches möglich ...

Thomas Pfefferle

Meine Leistungen

Webdesign+Webprogrammierung nach Maß

Webseiten, individuell auf die jeweiligen Anforderungen zugeschnitten, entfalten die größte Wirkung. Die Besucher schauen sich gerne um, freuen sich über dieses und jenes und kommen gerne wieder.

Um dieses Ziel zu erreichen, spielt das Konzept, die Struktur, das Design, Farbgebung, Typografie aber auch die Gestaltung der Übergänge, individuelle Noten und Gimmiks eine entscheidende Rolle.
Denn die Aktualität, das Sortiment und immer wieder neue Angebote locken Besucher auf Ihre Seite. Weil immer mehr Besucher mit mobilen Geräten wie Smartphons und Tablets online gehen, ist es klug diese Zielgruppe nicht auszuschließen. Eine solide Bauweise sorgt dafür, dass die Seite reibungslos funktioniert.
Ihre Website spricht sich herum, wird populärer und so zu einem Besuchermagnet. Unterstützend und zur Beschleunigung des Rankings können z.B. Anzeigen geschaltet werden. Aus der einstigen Randlage ist Ihre Seite immer mehr ins Zentrum gerückt.

Für einen gelungen Auftritt wird somit einiges an Expertenwissen vorausgesetzt. Daher arbeiten an einem Projekt meist zwei Experten aus den Bereichen Design und Programmierung zusammen.

'Eine gute Konzeption ist die halbe Miete' - daher ist es uns ein wichtiges Anliegen zunächst von Ihnen zu erfahren was Ihr besonderes Anliegen ist, was Ihre Ziele und Ihre Schwerpunkte sind um ein für Sie und Ihre Ziele optimiertes Produkt zu entwickeln.

Vom Konzept bis zum Produkt

Nachdem wir von Ihrem Anliegen eine Vorstellung gewonnen haben, erstellen wir - Designer und Programmierer - ein Konzept und präsentieren Ihnen erste Entwürfe der zu realisierenden Webseite.

Nach Abstimmungen mit Ihnen werden zwischen Designer und Programmierer die besonderen Aspekte besprochen und vom Designer das fertige Layout ausgearbeitet.

Nachdem das Layout von Ihnen abgenommen wurde, wird das Produkt entsprechend dem vorgegebenen Entwurf vom Programmierer umgesetzt.

Content Management [CMS]

Verwalten Sie die Inhalte Ihrer Webseite selbst, ganz ohne Programmierkenntnisse mit einem Content-Management-System (CMS)

Eine Standardwebseite, nur auf der Basis von HTML realisiert, reicht heute i.d.R. nicht aus, um für die Besucher Ihrer Seite interessant und aktuell zu sein. Aus diesem Grund empfiehlt sich ein Content-Management-System (CMS), mit dem Sie selbst die Inhalte Ihrer Website einfach, schnell und bequem einpflegen und aktuell halten können, ohne dass hierfür Programmierkenntnisse benötigt werden.

Nachdem ich mir mehrere Jahre verschiedene Content-Management-Systeme angesehen und ausprobiert habe, ist mein eindeutiger Favorit unter den Content-Management-Systemen "Pimcore". Pimcore ist ein innovatives CMS das für Redakteure einfach zu benutzen ist und sich, durch das zugrundeliegende PHP-Framework, sehr flexibel an die verschiedene Anforderungen anpassen lässt. Pimcore ist, wie TYPO3, Wordpress, Joomla und Drupal ein Open-Source-Produkt auf PHP-Basis. Durch seine Bauweise ist Pimcore jedoch deutlich flexibler als andere CMS.

Suchmaschinenoptimiert [SEO]

Viele Faktoren spielen für die Platzierung Ihrer Webseite bei Suchmaschinen eine Rolle. Wir helfen Ihnen, so dass Ihre Webseite bei Suchmaschinen besser gefunden wird.

Das Ziel von Suchmaschinen ist, den Benutzern ein möglichst optimales Suchergebnis zu liefern. Daher geht es den Suchmaschinen darum, die Webseiten nach der Relevanz zum jeweiligen Thema einzuordnen und die Seite danach entsprechend zu platzieren. Je relevanter Ihre Seite in dem jeweiligen Themenbereich ist, desto besser ist diese Seite platziert.

Wir werden daher Ihre Seite analysieren und durch geeignete Maßnahmen die Relevanz Ihrer Seite erhöhen. Diese Maßnahmen setzen sich i.d.R. aus einem Bündel von Maßnahmen zusammen die sowohl inhaltlicher, als auch technischer Natur sind.

Inhaltlicher Aspekt

Eine Website die keine, oder nur wenige inhaltliche Informationen bietet, hat es schwer, von Suchmaschinen als relevante Seite erkannt zu werden.
Daher ist das Motto "Content is king" - sicherlich einer der bevorzugtesten Aspekte, um eine Website für Ihre Besucher interessanter und gleichzeitig für Suchmaschinen relevanter zu machen.

Aus diesem Grund werde ich Ihre Webseite zunächst unter Informationsgesichtspunkten analysieren, um gemeinsam mit Ihnen die Möglichkeiten zur Nachbesserung zu besprechen.

Technischer Aspekt

Ist die Seite für Suchmaschinen gut zu erschließen? Ist die Website klar strukturiert und werden von den Suchmaschinen alle Unterseiten gefunden? Sind die Seiten semantisch korrekt ausgezeichnet so, dass die Informationen korrekt erfasst und bewertet werden können?

Neben der Analyse dieser Aspekte werden wir mögliche Maßnahmen besprechen, durch die Ihre Seite optimal von Suchmaschinen erschlossen werden kann. Das kommt i.d.R. nicht nur den Suchmaschinen zugute, sondern verbessert auch das Handling der Webseite für die Besucher der Seite insgesamt.

Netzwerk Aspekt

Finden nur einige wenige Menschen Ihre Webseite interessant bzw. relevant zum Thema oder sind es viele? Je mehr Menschen Ihre Seite als relevant bewerten, desto relevanter ist Ihre Seite selbstverständlich auch für die Allgemeinheit und somit für die Suchmaschinen.

Nach einer Analyse der Relevanz Ihrer Webseite im jeweiligen Themenspektrum, werden wir mögliche Maßnahmen besprechen wie sich die Relevanz Ihrer Website optimieren lässt und werden entsprechende Maßnahmen ergreifen.

Mobile Webseiten

Zeigen Sie Ihre Webseite auf dem iPhone, iPad, Smartphon genauso ansprechend wie auf einem großen internetfähigen Fernseher.

Schließen Sie keine Benutzer von Ihrer Webseite aus und zeigen Sie für das jeweilige Endgeräte passend aufbereitete Informationen an. So wird die Darstellung auf einem kleinen Monitor mehr auf die Inhalte konzentriert ausfallen, als auf einem großen Monitor. Die Lesbarkeit und auch die Navigation auf einem kleinen Smartphon mit Touchscreen ist eine andere als mit der Maus an einem großen Display. Und den wenigsten Benutzern eines Smartphons steht eine leistungsfähige Internetverbindung zur Verfügung, so dass Ladezeiten für diese Seiten zu berücksichtigen sind.

Ein Beispiel ist diese Webseite. Verkleinern und vergrößern Sie Ihr Browserfenster, um zu sehen, wie diese Seite auf verschiedenen Endgeräten aussieht.

Soziale Netze - Facebook, g+ ...

Weil Unternehmen nicht bei Unternehmen kaufen, sondern Menschen bei Menschen sind soziale Netzwerke eine optimale Möglichkeit, um mit den Menschen in direkten Kontakt zu treten.

Immer mehr Menschen sind täglich in den sozialen Netzwerken unterwegs. Seiten auf die von Freunden hingewiesen bzw. „geliked” wird, werden besucht, eingeordnet, bewertet und gefolgt.

Schlecht, wenn ich in den Sozialen Netzwerken nicht oder ungenügend zu Hause bin oder meine Website und meine Darstellung in den Sozialen Netzwerken nebeneinander herlaufen, ohne dass diese eine Einheit bilden. Nutzen Sie die Möglichkeiten, die die verschiedenen Netzwerke auch für Sie bieten. Schöpfen Sie das Potential aus, das zur Verfügung steht.

Webdesign

Ein professionelles Design, individuell auf Sie zugeschnitten, passend zu Ihrer Firma, Ihren Produkten, Ihrer Zielgruppe und Ihrer Branche.

"Die visuelle Wahrnehmung von Webauftritten im Internet ist grundsätzlich abhängig von den allgemeinen Gesetzmäßigkeiten der visuellen Kommunikation. Der Prozess der Informationsaufnahme durch den Benutzer/Besucher wird wesentlich durch die grafische Gestaltung der Website gesteuert." (aus Wikipedia)

Durch unsere langjährigen und vielfältigen Erfahrungen aus verschiedenen Bereichen der Webentwicklung sind wir in der Lage, die verschiedenen Anforderungen, die aufgrund von SEO-Gesichtspunkten, Besonderheiten von mobilen Endgeräten, Aspekte der Integration von Sozialen Netzwerken zu berücksichtigen und entsprechend auszuschöpfen.

So individuell wie unsere Kunden sind, so unterschiedlich ist meist auch das Vorgehen um ein, genau auf Ihr Unternehmen, Zielgruppe und Produkten abgestimme Webseite zu entwickeln.

Programmierung

Eine technisch sauber und auf dem aktuellen Stand programmierte Webseite lässt sich einfach pflegen, führt bei Suchmaschinen zu besseren Ergebnissen, bleibt länger aktuell und die Folgekosten sind geringer.

Aus HTML4.1 wird HTML5. Die Entwicklung geht weiter und bringt viele neue tolle Möglichkeiten zur Verbesserung Ihrer Webseite. Speichern im Browser, das „semantische Netz“, direkte Integration von Audio und Video u.v.a.m.. Möglichkeiten mit denen sich viele neue Dinge umsetzen lassen, die vorher nicht oder nur schwer zu realisieren waren. So ist alles im Fluss, die Kreativität erhält neue Nahrung und alles bleibt spannend.

Die Zusammenhänge von HTML5 mit angrenzenden Bereichen wie CSS3, jQuery bzw. Javascript, SVG XHR2 usw. werden dargestellt. Insbesondere die neuen Möglichkeiten wie Einbindung von Audio und Video, die Möglichkeit von Drag&Drop, Offline-Apps sind interessant. So kann mit der Canvas-API gezeichnet werden. Daten können mit Web Storage im Browser gespeichert werden und viele weitere Möglichkeiten.

HTML5 - Technologien und Wechselwirkungen

Sehr schön zu sehen sind in dieser Grafik die verschiedenen Technologien, die in den HTML5-Standard integriert sind bzw., die mit diesem Standard in Wechselwirkung stehenden Technologien.

Grafik von Peter Kröner - https://github.com/SirPepe/SpecGraph