Auch Online-Shops müssen nicht auf Analytics Dienste wie Google-Analytics oder Piwik zur Auswertung der Besucher und Seiten verzichten.
Die Shop-Systeme Magento und Virtuemart (Joomla) bieten seit kurzem auch ein Plugin / Modul für Piwik an. Dadurch kann der Web-Analytics Dienst sehr einfach in die eigene Seite integriert werden.

Neu ist jedoch ein Piwik-Plugin für den noch recht jungen PrestaShop. Mit diesem Plugin kann Piwik jetzt auch in PrestaShop einfach installiert werden. Das Plugin ist übrigens in Deutsch entwickelt worden. medani webdesign wien begrüßt diese Entwicklung, da PrestaShop ein absolut interessantes OpenSource Projekt ist.

PrestaShop hat den Open Source Award “Best E-Commerce Application 2010″ errungen. Auch 2011 ist PrestaShop wieder für diesen Award nominiert und hat gute Chancen den begehrten Award auch heuer wieder zu gewinnen.

medani webdesign hat ein neues Reporting-Tool für on tour Marketing online gebracht!
Die individuelle Webprogrammierung / Webapplikation ermöglicht österreichweit getätigte Überprüfungen von Mitarbeitern zu erfassen und zentral auszuwerten.
Das Tool sollte dabei vor allem den Wissensstand von Mitarbeitern überprüfen und sofort mit bestanden oder nicht bestanden bewerten. Nicht bestandene Mitarbeiter wurden 2 Wochen später noch einmal überprüft.

Facts zur Webapplikation:

• Erfassen von Shops
• Erfassen von Prüfern
• Prüfer zu Shops zuordnen
• Mitarbeiter zu Shops erfassen
• Verschiedene Zugangsberechtigungen
• Auswertung von Fragen nach einem fixen Schema
• Zahlreiche Statistikauswertungen
• Statistiken als Excel downloaden

Ziel der Webprogrammierung ist eine Aufzeichnung des Wissenstands eines Mitarbeiters um die Qualität in den einzelnen Shops zu sichern. Dadurch kann nachvollzogen werden, welcher Mitarbeiter wo und welche Kompetenzen haben.

Der Admin hat natürlich Kontrolle über alle Mitarbeiter, Shops, Prüfer und Auswertungen und kann bei Bedarf Mitarbeiter neu anlegen und zuweisen.

Highlights des medanitwo WordPress Theme Frameworks:

• Homepageslider – großer Slider mit Beschriftung und verschiedenen Slide-Effekten
• Farbschema – wählen Sie zwischen verschiedenen Farbschemata aus (Beispiel: hell/dunkel)
• Layout – wählen Sie zwischen verschiedenen Modulpositionen
• Font-Size – Schriftgrößen frei wählbar
• Font-Color – Schriftfarbe frei wählbar
• Link-Color – Linkfarbe frei wählbar
• Logo – Logo schnell tauschbar
• Favicon – Favicon schnell tauschbar
• Mail-Encryption – codieren von Mail-Adressen im Footer
• Analytics – automatisches Einbinden von Google-Analytics und Piwik möglich

Das WordPress Theme-Framework von medani webdesign wien wird laufend weiter entwickelt um unseren Kunden weiter professionelle Webseiten am Puls der Zeit zu bieten. Sie haben interesse am WordPress Theme-Framework oder einer individuellen Webprogrammierung? Dann kontaktieren Sie unsere Experten für Programmierung (Gerhard Waschier, dipl. Mediendesigner) und Webdesign (Florian Felber, BA).

WordPress hat Version 3.1.3 veröffentlicht. Bei der Version 3.1.3 handelt es sich nur um ein Sicherheitsupdate für alle voran gegangenen WordPress Versionen. Vermutlich handelt es sich dabei um die letzte Version vor dem großen Update auf die neue Version (WordPress 3.2).  Dabei wurden einige gravierende Probleme und Fehler behoben:

• Änderungen zur Erhöhung der Sicherheit
• Taxonometrie-Verbesserungen
• Verhinderung von ungewünschten Zugang zu Daten wie Nutzernamen
• Sicherheitsverbesserungen im Media-Bereich
• WordPress Import-Datein bereinigen
• „Clickjacking“-Schutz für moderne Browser auf den Admin- und Loginseiten.

Wie bereits berichtet, wurde Anfang Mai die neue Version von jQuery (Version 1.6) veröffentlich. Dabei wurden weitgehend alle Funktionen verbessert. jQuery 1.6 ist dabei vor allem schneller und mit einem neu geschriebenen Attributmodul veröffentlicht worden.


Doch was genau bringt uns das im Webdesign? Ganz einfach. Webseiten mit der neuen jQuery Version werden deutlich schneller. Das .attr(“wert”) wird zum Beispiel (je nach Browser) bis zu 5x schneller ausgeführt. Dadurch werden Seiten spürbar beschleunigt. Neue Webprojekte können dadurch noch schneller geladen werden oder noch mehr Funktionen aufnehmen. Alte Webdesigns können ebenfalls durch ein Update auf die aktuelle jQuery Version einen Geschwindigkeitsschub erhalten.


Aber Vorsicht. Webseiten, die mit der alten jQuery Version 1.5 arbeiten, sollten nicht einfach updaten. Durch die neu geschriebenen Attributmodule kann es zu Komplikationen kommen. Seiten, in denen Funktionen für jQuery 1.5 geschrieben wurden, könnten mit der neuen Bibliothek durchaus Probleme bereiten, da die alten Codes nicht mehr korrekt ausgeführt werden.

Erste Aussichten auf das nächste WordPress Release gibt es bereits jetzt. medani webdesign hat sich den kommenden Release angesehen und informiert bereits jetzt über die Neuigkeiten der WordPress Version 3.2!

Ein neuer Punkt bei der bevorstehenden WordPress Version wird vor allem das überarbeitete Template sein. Das erst seit kurzem in Verwendung gekommene WordPress Theme TwentyTen wird gegen das neue TwentyEleven ausgetauscht. Dieses Theme wird einige Verbesserungen für die Usability bringen. Dabei können auch verschiedene Vorlagen individuell für jede Webseite verwendet werden. (2spaltig, 3spaltig etc.)

Ein leidiges Thema für WordPress wird endlich in Angriff genommen: Die Geschwindigkeit! WordPress 3.2 soll gegenüber den Vorgängerversionen deutlich an Geschwindigkeit gewinnen. Dabei werden viele alte Funktionen von Bord genommen, um das System vor allem schlanker zu machen. Neue Funktionen werden keine dazukommen.

Ebenfalls in Angriff wurde ein eigener Editor genommen. Der alte Editor von TinyMCE soll gegen einen WordPress eigenen Editor getauscht werden und den Workflow erheblich verbessern. Updates des Content Management Systems sollen schneller erfolgen. Dabei werden in zukünftigen Versionen nicht mehr alle Dateien getauscht und upgedatet, sondern nur noch Dateien, in denen Änderungen vorgenommen wurden. Auch Akismet soll dabei nicht mehr automatisch mit einem Update versorgt werden.

Um WordPress konkurrenzfähig zu halten und weiter am Puls der Zeit zu bleiben, wird ab WordPress 3.2 endlich die Mindestanforderung für den Server hochgeschraubt. Dabei wird mindestens PHP 5.2.4 und MySQL5 vorausgesetzt. Ebenfalls wird der Support und die Unterstützung für den Internet Explorer 6 eingestellt. Dadurch wird vor allem das Backend unter dem IE6 nicht mehr funktionieren. Auch bei medani webdesign wird diese Entwicklung begrüßt, da ein standardisiertes Coding der Webseiten und einheitliche Darstellung des Webdesigns in allen Browsern weiter verbessert wird.

Nach vielen Jahren lässt Microsoft den Internet Explorer 6 endlich endgültig fallen. Das Microsoft sich das wünscht, ist keine neue Nachricht. Schon seit einigen Jahren ist der Browser für moderne Webseiten und Webdesigns nicht nur eine kleines Ärgernis, sondern ein echtes Hindernis. Um das Webdesign und Webapplikationen weiter zu verbessern, versucht Microsoft schon seit geraumer Zeit den alten IE6 sterben zu lassen.

Eine neue Bestrebung von Microsoft, um den Internet Explorer 6 endlich seiner wohlverdienten Ruhe zuzuführen, ist die Webseite “Internet Explorer 6 Countdown“. Diese bietet einen Überblick über aktuelle Userzahlen des Browsers. Zusätzlich stellt Microsoft auf der Seite ein Banner zur Verfügung. Dieser kann einfach in den Quellcode einer Webseite eingebunden werden, um User des IE6 auf den alten Browser hinzuweisen und zu einem Upgrade auf einen aktuelleren Browser zu bewegen.


Auch medani webdesign unterstützt und begrüßt diese Initiative, um moderne und attraktives Webdesign am Puls der Zeit weiter zu ermöglichen.

Mobile Webseiten werden jetzt mit dem WordPress Plugin “GWX Mobile Switch” noch besser unterstützt. Das von medani webdesign wien entwickelte WordPress Plugin bietet dabei großen Komfort bei der Erstellung von mobilen Lösungen. Mobile Geräte, Smartphones und Tablets werden dabei automatisch erkannt.

Wird ein mobiles Gerät entdeckt, kann der User auf ein eigenes mobiles Design weitergeleitet werden. Das Design kann dabei bequem im Backend vom User ausgewählt werden.  Mittels Umschalter kann zusätzlich zwischen der mobilen Version und der Vollversion hin- und her gewechselt werden. Momentan werden sämtliche aktuellen mobilen Geräte unterstützt inkl. iPhone, iPad, iPod, Android Phones, Windows Mobile 6.5, Windows Phone 7, Opera Mobile, Firefox Mobile, Blackberry, Nokia und viele andere mehr. Das Plugin wird laufend um die neuesten mobilen Browser erweitert.

Entwickelt wurde das Plugin für die aktuelle WordPress Version 3.1 und ist damit auf dem neuesten Stand der Technik.

Momentan setzt medani webdesign das Plugin exklusiv bei seinen Kunden mit mobilem Webdesign ein. Einen kleinen Vorgeschmack auf die Arbeitsweise des interessanten Plugins bekommen Sie unter www.bma-law.com. Dazu nur schnell die Adresse in Ihrem Smartphone aufrufen und das Ergebnis ansehen.

– Gerhard Waschier, dipl. Mediendesigner (Anfrage)

WordPress als Content Management System ist großartig. Viele tolle Funktionen, die im aktuellen Release bereits enthalten sind, machen das System zu einem der modernsten und flexibelsten Content Management Systeme der Welt. Nicht vorhandene Funktionen und Komponenten können dabei ganz einfach über so genannte Plugins erweitert werden. Die Anzahl der WordPress Plugins ist groß und die gebotenen Funktionen der Plugins sind sehr unterschiedlich. So können Plugins Suschmaschinenoptimierung weiter verbessern, eine Slideshow einbinden, Videos abspielen, eine Bildergalerie erstellen,  einen Eventkalender zur Verfügung stellen, das System vor Spam schützen, Google Analytics einbinden, Google Maps einbinden, etc… Sie sehen also, die Möglichkeiten sind groß, um das System nach den eigenen Bedürfnissen zu erweitern.

Mit etwas Suche findet man auch gute Plugins für die meisten Bedürfnisse. Doch was wenn eine spezielle Funktion noch nicht existiert und es kein passendes (auffindbares) Plugin gibt? medani webdesign programmiert nicht nur Ihre Webseite und erstellt ein modernes Webdesign. Mit Hilfe von Custom Fields kann einerseits das Template um spezielle Funktionen erweitert werden. Soll die Funktion templateunabhängig bleiben, dann kann medani webdesign auch ein passendes WordPress Plugin entwickeln, das auf die aktuelle Version von WordPress maßgeschneidert wird.


WordPress bietet dabei die Möglichkeit Funktionen über das Backend zu bearbeiten, als Widget zur Verfügung zu stellen oder direkt in das Webdesign einzuarbeiten. Zusätzlich können Plugins von medani webdesign als Shortcode im Artikel eingebunden werden. Die Plugins von medani webdesign werden mittels PHP, mySQL, XHTML, modernen Stylesheets (CSS3) und jQuery umgesetzt.


Damit Ihre Webseite noch mehr kann und Ihr Webdesign noch weiter hervorsticht!

Endlich ist es so weit! Die lang erwartete neue Version des Firefox ist da. Die aktuelle Version “Firefox 4″ bringt dabei einige Neuerungen mit sich. Dabei hat sich sowohl grafisch als auch bei der Leistung einiges getan.


Webseiten werden von Firefox noch schneller geladen. Die Performance insgesamt wurde stark weiter verbessert und neue Features wie verbesserte Unterstützung von HTML5 oder WebGL um 3dGrafiken einbetten zu können. Interessant ist auch das Plugins ab der neuen Version in einem extra Prozess laufen. So wird bei Absturz oder hängenbleiben eines einzelnen Plugins nicht mehr der ganze Browser geschlossen, sondern nur das Plugin.


Die neue JavaScript Engine Jägermonkey sorgt für deutliche Geschwindigkeitszuwächse. JavaScript und AJAX gesteuerte Webseiten und Webapplikationen werden dadurch stabiler, präziser und eindeutig schneller ausgeführt.


Das Userinterface wurde in der aktuellen Version komplett neu gestaltet. Die grafische Aufarbeitung des Firefox 4 ist dabei auf das wesentliche Reduziert worden und bietet eine moderne aufgeräumte Arbeitsoberfläche.
Interessant vor allem für Entwickler dürfte auch die Webkonsole sein. Diese soll vor allem das Debugging unterstützen um Webapplikationen einfacher zu entwickeln.

Beim Forschen nach Trends und neuen Ideen zu den Themen Webdesign und Suchmaschinenoptimierung stößt medani webdesign wien immer wieder auf interessante Seiten, Gimmicks und Techniken im Web. Viele dieser Techniken und Ideen fließen in neue Webprojekte ein und bringen unseren Kunden nicht nur  erweiterte Funktionalitäten. Oft wird dabei die Usability stark erhöht und Webseiten sowohl optisch als auch praktisch aufgepeppt.

Eine Seite, auf die medani webdesign gerade gestoßen ist: keyboardr

Keyboardr ist eine online Suchmaschine

Ähnlich Google oder Bing werden mit keyboardr Webseiten im Netz gefunden. Für die Suchergebnisse wird die Engine von Google verwendet. Das heißt, Sie finden die aktuellen Google-Suchergebnisse in dieser Suchmaschine.

Was ist das Besondere an dieser Suchmaschine?

Keyboardr kommt mit einer sehr reduzierten Oberfläche aus und ist vollständig ohne Maus bedienbar. Lästige Werbung wird dabei prinzipiell ignoriert. Die Suche wird “live” initialisiert. Zusätzlich werden die Suchergebnisse aufgeteilt:

Links stehen die normalen Suchergebnisse, darunter die Blog-Ergebnisse von Google. Rechts oben sind Wikipedia-Links zu den Keywords zu finden. Darunter folgen Youtube- und Google Images-Ergebnisse. Diese Aufteilung macht es einfach, die Seite zu überblicken und wichtige Links zu sortieren.

Eine tolle Funktion kommt – wie der Name der Suchmaschine schon sagt (keyboard = Tastatur) – der Tastatur zu: Die gesamte Suchmaschine kann ausschließlich mit der Tastatur bedient werden. Das bringt dicke Pluspunkte in der Bedienbarkeit!

Fazit: keyboardr ist eine interessante Suchmaschine. Gerade die Schlichtheit in Verbindung mit der tollen Usability macht die Suchmaschine sehenswert. Doch entscheiden Sie selbst, ob keyboardr für Sie Top oder Flop ist!

Zu finden ist die Suchmaschine unter http://keyboardr.com

Webseiten, die mit dem Content Management System WordPress arbeiten, sind auch über das iPhone/iPad einfach zu verwalten. Mit dem Tool WordPress for iOS lassen sich Inhalte, Artikel und Seiten einfach verwalten.


Außerdem lassen sich Kommentare bearbeiten, Fotos hochladen und den aktuellen Standort posten. Dank Geo-Location ist auch das eine einfache Übung, die per Knopfdruck erledigt werden kann.

Mit WordPress for iOS lassen sich Ihre Webseiten von medani webdesign jetzt noch einfacher und weltweit mobil mit Hilfe von iPad und/oder iPhone verwalten. medani webdesign wien empfiehlt seinen Kunden, welche Apple’s iPhone oder das iPad im produktiven Einsatz haben, den Download der App um die eigene Webseite bequem, einfach und schnell zu verwalten.


Mehr Infos zur App gibt es entweder auf der Webseite http://ios.wordpress.org/ oder direkt im App-Store.

Ein wichtiges Thema beim Thema Webdesign ist das Erstellen von “sauber” codiertem Code. Wichtig ist guter (valider) Code aus mehreren Gründen.

• Webseiten schneller laden
  Sauber codierte Zeichen können von den Browsern einfacher gelesen und daher schneller geladen werden. Je schneller eine Seite geladen wird, umso besser! Denn welcher User möchte nur um eine Webseite anzusehen, ewig warten?
• Webseiten richtig anzeigen
  Schöner und valider Code führt zu weniger Problemen in unterschiedlichen Browsern. Die Seiten wirken einheitlicher und das Design ist weniger fehleranfällig als schlecht codierte Seiten
• Suchmaschinenlesbarkeit
  Seiten die sauber codiert sind, sind für Suchmaschinen besser lesbar. Erleichtern Sie mit validem Code Google, Bing und Co. die Arbeit und sorgen Sie damit auch für ein besseres Ranking.
• Barrierearme Seiten
  Title, Alt und andere Attribute sorgen für zusätzliche Informationen zu Links und Bildern. Damit liefern Sie nicht nur Suchmaschinen zusätzliches Material, sondern erleichtern auch Benutzern von Screenreadern Ihre Internetseite zu bedienen.

Wie codiere ich eine Webseite eigentlich richtig?

1. Title definieren:

   Definieren Sie für jede HTML Seite einen title:

    <title>Ihr Seitentitel</title>

2. Schließen Sie alle Elemente korrekt:

    <br /> <div>&nbsp;</div>   

3. Links einen Title geben:

    <a href="#" title="Linktitel">LINK</a>   

4. Bilder mit Alt-Attribut beschreiben:

    <img src="blauesAuto.jpg" alt="blaues Auto" />   

5. Grundstruktur richtig definieren:
   

   Definieren Sie die Struktur des Dokuments richtig. Eine HTML Seite muss einen Header und einen Body besitzen. Außerdem muss der Doctype richtig deklariert sein.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

– Gerhard Waschier, dipl. Mediendesigner (Anfrage)

In den voran gegangenen 4 Teilen ging es um die Themen Templates, Multi-Screen-Design, den Unterschied zwischen Print- und Webdesign/Screendesign und um Grundlegendes zum Thema Online-Shop.


Im 5.ten und vorerst letzten Teil der Serie Entscheidung Webdesign möchte medani webdesign Ihnen drei verschiedene Shopping-Systeme vorstellen, sowie deren Vorteile bzw. Nachteile kurz und prägnant aufzeigen.

Im Web gibt es hunderte von Online-Shop Systemen. Alle bieten auf bestimmte Zwecke maßgeschneiderte Lösungen oder versuchen ein möglichst breites Spektrum abzudecken. Aufgrund der einzelnen Features, die die einzelnen Shops bieten, ergeben sich verschiedene Szenarien und Einsatzgebiete für die Online-Shops. Nicht jedes Online-Shop System ist ideal für jeden Online-Shop-Betreiber geeignet. Neben dem Urgestein OS-Commerce und dessen teilweise kostenpflichtigen Derivaten gibt es noch XT-Commerce, das in seiner aktuellen Version nicht mehr Open Source ist.


medani webdesign setzt momentan auf 3 Shopsysteme: Magento, VirtueMart und PrestaShop.

1. Magento

Magento ist wohl das Schwergewicht im Ring. Neben einer guten Performance bietet Magento als Online-Shop schon von vornherein fast Alles, was das Herz begehrt. Zusätzlich ist es mit tausenden von Plugins modular erweiterbar und kann den Bedürfnissen noch weiter angepasst werden. So sind Sonderwünsche oft mit bereits existierenden Modulen kostengünstig zu lösen. Das Backend ist aufgeräumt und für technische Laien und Normalverbraucher gut zu bedienen. Selbstverständlich bietet Magento eine Schnittstelle, um Warenwirtschaftssysteme einbinden zu können und einen Live-Abgleich der Daten zu ermöglichen. Ebenfalls gibt es viele fertige Templates, die im Shop integriert werden können und das Design ist dadurch leicht austauschbar. Nachteil des Systems: Leistungshunger! Wer Magento im Einsatz hat und viele Kunden pro Tag verzeichnet, sollte auch auf der Serverseite gerüstet sein. Magento selbst benötigt Ressourcen. Die hohe Funktionalität und Komplexität fordern nicht nur Ressourcen. Auch eine Weiterentwicklung und Modifizierung des Systems ist durch die Komplexität oft nur mit großem Aufwand möglich.

2. VirtueMart

VirtueMart ist ein gewachsenes Online-Shop-System aus der Joomla-Community. Der Online-Shop ist in 2 Versionen erhältlich.1. Standalone Version. Ein Online-Shop ohne Content Management System. Version 2 ist die direkte Integration in ein Joomla-System. Dabei können Content Management System und Online-Shop ineinander greifen und bieten ein System, das News, CMS und Shop in einem Guß bieten kann. VirtueMart bietet gute Statistiken und eine relativ gute Benutzerführung. Die klassischen Anforderungen an einen Online-Shop werden erfüllt. Von Außen kann man einen Konfigurator in das System einarbeiten. Joomla ist ideal für kleine bis mittlere Shops. Anfänger, die neben dem stationären Handel in die Materie Webshops eintreten, haben mit VirtueMart sicher eine große Freude, da die Wartung und Instandhaltung unkompliziert ist. Zusätzlich ist ein Update des Systems jederzeit möglich.

3. PrestaShop

Der Newcomer unter den Online-Shop Systemen hat nicht umsonst den “Open Source E-Commerce Award 2010″ gewonnen. Prestashop bietet neben ausgereifter Funktionalität und vielen Features ein äußerst konsumenten- und bedienerfreundliches Konzept. Die Community um PrestaShop wächst laufend und entwickelt das System, sowie dessen Module laufend weiter. Prestashop ist ein System, dass sich bereits für mittelgroße Online-Shops eignet, jedoch auch mit den Bedürfnissen mitwächst und daher für große Online-Shopbetreiber ebenso geeignet ist. Wie auch bei Magento und VirtueMart gibt es jede Menge fertige Templates, die ein individuelles Shopdesign ermöglichen. Apropos Templating. Prestashop ist mit Smarty-Templates zu realisieren. Templates können so relativ einfach und schnell erstellt werden. Zusätzlich zur normalen Version gibt es von PrestaShop eine eigene “German-Edition”, die nicht nur die deutschen Sprachfiles beinhaltet, sondern auch die rechtlichen Aspekte im deutschsprachigen Raum abdecken soll. Ein einfaches Content Management System ist in das Online-Shop System bereits integriert.


Für alle drei Systeme gibt es fertige Anbindungen und Schnittstellen zu den wichtigsten Zahlungsanbietern. Kreditkartenzahlung, Paypal, Google Checkout oder auch Sofortüberweisung sind mögliche Zahlungsarten. Magento und PrestaShop lassen sich mit Hilfe von teilweise kostenpflichtigen Plugins und Modulen weiter ausbauen und an individuelle Web-Shop Bedürfnisse anpassen. medani webdesign berät Sie gerne, bei der Wahl Ihres Online-Shop Systems und setzt dieses mit einem modernen System um.

– Gerhard Waschier, dipl. Mediendesigner (Anfrage)

Heute wurde die lang ersehnte WordPress Version 3.1 veröffentlicht. Mit der neuen Version präsentiert sich WordPress als System mit steigenden Content Management System – Qualitäten.

Um einiges später als geplant wurde die neue Version von den WordPress Entwicklern zum Download freigegeben. Ursprünglich war das Release für Mitte Dezember 2010 geplant. Maßgeblich Schuld an der Verzögerung hatten einerseits die neuen Funktionen, die die Usability verbessern sollten, als auch Sicherheitslücken, die geschlossen werden mussten. Die großen Sicherheitslücken wurden zwischenzeitlich mit den Versionen 3.04 und 3.05 geschlossen. medani webdesign empfiehlt allen Kunden, die WordPress im Einsatz haben, ein Update auf die aktuelle Version. Bei Abonnierung des medani Security Pack um nur € 10 pro Monat, erledigen wir das Update Ihres WordPress-Systems völlig eigenständig. Das Paket bietet aber auch noch viele weitere Dienstleistungen, die Sie dem Link entnehmen können.

Verbessert wurde neben der Sicherheit von WordPress vor allem die Usability. So gibt es jetzt eine Admin-Bar, über die man im Frontend bequem auf die wichtigsten Funktionen im Backend zugreifen kann. Neu ist auch die verbesserte Artikel- und Seitensortierung im Backend. Neben Sortierung der einzelnen Seiten und Artikeln nach Autor, Datum und Titel, ist auch das Paging verbessert worden. So gibt es jetzt Buttons, um auf die erste und auf die letzte Seite springen zu können. Außerdem können Seiten jetzt einzeln und direkt durch Angabe der Seitennummer aufgerufen werden.

In unseren ersten 3 Teilen ging es um die Themen Templates, Multi-Screen-Design und den Unterschied zwischen Print- und Webdesign/Screendesign

Im vierten Teil der Serie erklärt medani webdesign ein paar grundlegende Dinge zum Thema Online-Shop und gibt Ihnen Tipps, wie Sie erfolgreich Ihren E-Commerce Auftritt planen.

Prinzipiell gibt es auch bei den Shopping Systemen nicht “den einen Online-Shop” der alles kann, immer passt und für jeden gemacht ist. Laufend kommen neue Online-Shopping-Systeme und auch erweiterte Funktionen für bereits existierende Systeme auf den Markt. Zusätzlich gibt es für fast alle Online-Shop-Systeme so genannte Plugins, um das System zu erweitern und an die eigenen Bedürfnisse anzupassen. Auch die Bedürfnisse der Kunden sowie der Online-Shop-Betreiber ändern sich laufend, und die Online-Shops müssen angepasst werden.

Klären Sie, welche Anforderungen Sie an einen Online-Shop haben!

Benötigen Sie eine neue Firmenwebseite mit integriertem Online-Shop, um einige Produkte Online zu vertreiben?

Eine Firmenwebseite, über die Ihre Produkte online vertrieben werden können, sind oft eine einfache Möglichkeit, um einen kleinen Webshop aufzubauen.
Verschiedene Zahlungsmittel können integriert werden. Nutzen Sie diese Möglichkeit, um Produkte nicht nur in der lokalen Filiale zu verkaufen und über das Internet zu bewerben, sondern um zusätzlichen Umsatz über das Internet zu generieren.

Möchten Sie einen professionellen Online Shop, um groß in den Bereich E-Commerce einzusteigen?

Sie haben bereits Erfahrung oder möchten mit Ihrem Geschäft voll durchstarten. Bedenken Sie, dass ein großer Einstieg Arbeit erfordert. Ein großer Online-Shop muss mit aktueller Ware gefüllt werden und ständig gewartet werden, um aktuelle und neue Produkte für Kunden zu bieten. Zusätzlich können große Shops an Google Shopping und/oder Amazon angebunden werden.

Sie haben einen Shop der an neue Bedürfnisse angepasst werden muss?

Der integrierte Shop soll erweitert werden oder wenn das nicht funktioniert kann ein größeres System installiert werden, damit Sie neue Funktionen implementieren können.

Ihr Shop soll Produkte direkt aus Ihrer Warenwirtschaft übernehmen.

Viele Warenwirtschaftssysteme (WaWi’s) haben bereits eine Schnittstelle zu einem Online Shop. Viele davon sind bereits für einen bestimmten Online-Shop optimiert oder bieten einen “Connector” zum Live Abgleich der Daten mit einem bestimmten Online-Shopping System. In diesem Fall ist es oft das Einfachste das unterstützte System zu übernehmen. Alternativ kann natürlich eine neue Schnittstelle programmiert werden.

Konzipieren Sie Webseite und Online-Shop gleichzeitig!

Senken Sie Ihre Kosten, indem Sie das Design und den Online-Shop gleichzeitig konzipieren lassen. medani webdesign berät Sie unverbindlich, um das passende Online-Shopping-System für Ihre Bedürfnisse zu finden. Abgesehen davon, dass der Online-Shop in Summe günstiger wird, sieht ein Design für Webseite und Online-Shop auch meist einheitlicher aus als zwi Designs, die zu unterschiedlichen Zeitpunkten und ohne konzeptionelle Vorarbeit erstellt wurden. Anpassungen am Design können im Nachhinein immer vorgenommen werden.

Welche Online-Shop Systeme es gibt und welche Vor- und Nachteile sie bieten, erklären wir in unserem nächsten Teil der Serie “Entscheidung – Webdesign”.

Im 3.ten Teil unserer 4teiligen Reihe der Serie “Entscheidung Webdesign” bekommen Sie Informationen über generelle Unterschiede zwischen Print- (Druck) und Screendesign/Webdesign

In unseren ersten beiden Teilen ging es um die Themen Templates und Multi-Screen-Design.

Oft bekommen Webentwickler, Webprogrammierer und Webdesigner Anfragen von Agenturen oder Firmen mit der Information: “Wir haben ein Design fertig. Sie sollen das umsetzen.” Nicht ganz zu Unrecht läuft vielen Webdesignern dabei ein kalter Schauer über den Rücken. Das liegt weniger an unfähigen und wenig kreativen Grafikern. Ganz im Gegenteil. Die meisten Printgrafiker leisten ausgezeichnete Arbeit. Das Problem liegt hierbei jedoch im Wörtchen “Print”.

Print ≠ Web

Gute Grafiker haben Ihr Handwerk von der Pike auf gelernt. Meist wurden Designentwürfe auf Skizzenblöcken, Leinwänden, auf Bierdeckeln etc. entworfen und umgesetzt. Farben und Formen werden auf verfügbarem Platz in Einklang gebracht. Fixe Vorgaben von Größen, Schnitt- und Passmarken und fixe Formate für Plakate in einer Norm sorgen für wunderbare Vorgaben nach denen man arbeiten kann. Genau da liegt das Problem. Es gibt am Bildschirm kein fixes Format. Wie bereits im 2.ten Teil erklärt, gibt es tausende verschiedene Bildschirmauflösungen, die eine Norm oder fixe Vorgabe für Bildschirme verhindern. Din A4, A3, A2 etc. sind aus dem Print wohlbekannt.

Im Web wird dagegen alles in Pixeln berechnet. Dabei sind theoretisch alle Auflösungen von 1×1 bis zu einer beliebig hohen Zahl möglich. Wie wird der Besucher die Webseite betrachten? Mit welcher Auflösung? Welche Browser werden verwendet werden? Desktop-PC, Laptop oder doch ein iPhone? Die Anforderung an ein Webdesign kann also ungleich höher sein als an ein Print-Design. Daher müssen auch oft von Print-Grafikern entworfene Designs erst einmal “Web-fähig” gemacht werden.

Einmal abgesehen davon werden die Designentwürfe der Gestalter meist noch als PDF in DIN A4 oder als Photoshopdateien in einer Full-HD Auflösung geliefert. Doch Din A4 als auch Full HD sind keine geeigneten Webformate. Der Kunde hat das Design dann vielleicht auch schon abgenommen – zugegeben ein tolles Printdesign – aber doch kein Screendesign. Der Kunde kennt nur leider den Unterschied nicht.

Weiters kommen im Design dann Schriften zu tragen. Der Designer hat von Print Ahnung und entwirft tolle Features und setzt außergewöhnliche Schriften ein. Sieht toll aus, ist aber im Web ungeeignet. Mittlerweile gibt es einige Webfonts, die eine bessere Gestaltung ermöglichen. Zu achten ist aber auch hier wieder, dass die Schrift richtig encoded werden kann. So ist nicht jede Schrift für jede Sprache geeignet.

Fazit:
Die wenigsten Grafiker sind für Printdesign und Webdesign geeignet und qualifiziert. Lassen Sie Ihre Designs von einem erfahrenen Webdesigner entwerfen, auch wenn der Printdesigner tolle Arbeit liefert. Im Normalfall wird somit doppelte Arbeit (und damit jede Menge Kosten) gespart. Gute Webdesigner arbeiten Ihr Corporate Design, die Farben und auch den natürlichen Auftritt in Ihr Design mit ein. Vorhandene digitale Grafiken, die im Geschäft als Flyer, Prospekt oder Katalog aufliegen und vom Printgrafiker entworfen wurden, können im Konzept immer Platz finden. Das erspart ebenfalls Kosten, da bereits vorhandene Grafiken nicht entworfen oder gekauft werden müssen.

Viele Unternehmen haben ein großes Portfolio. Gerade wenn das Unternehmen wächst, muss dieses internationaler auftreten und die eigene Webseite in mehreren Sprachen zur Verfügung stellen.


Die Internationalisierung ist oft ein leicht unterschätztes Unterfangen. Sicher sind allen Internetusern schon Seiten begegnet, wo anstelle der Umlaute und Sonderzeichen nur große Fragezeichen und Platzhalter entgegenleuchten, die die Lesbarkeit des Textes stark beeinträchtigen.

Gerade Sprachen die keine lateinischen Schriftzeichen beinhalten oder von rechts nach Links gelesen werden, treiben den Aufwand und damit die Kosten für eine multinationale Webseite stark in die Höhe.


Die Lösung nennt sich UTF-8 Codierung. Diese Zeichencodierung ist (so sollte man meinen) mittlerweile Standard für internationalisierte Webseiten. Gute Webdesigner und Webdeveloper setzen diese standardmäßig ein. Leider sind immer noch viele alte Webseiten nicht in dieser Codierung. Zusätzlich muss nicht nur die Webseite sondern auch die dazugehörige Datenbank richtig formatiert werden. Bei Datenbanken gilt generell: utf-8_unicode_ci ist die richtige Codierung. Dadurch werden Zeichen im UTF-8 Format codiert, Umlaute und Sonderzeichen werden richtig dargestellt.


Eine große Fehlerquelle beim Codieren sind Multi-Byte-Zeichen. Japanische Zeichen (Kanji) sind zum Beispiel solche Multi-Byte Zeichen. Die Fehler sind dabei meist erst ersichtlich, wenn man plötzlich vor der Fehlermeldung “Internal Server Error” anstatt des Inhalts steht. Ebenfalls zu beachten ist, dass die am Server verfügbare Schrift UTF-8 fähig sein muss. Anderenfalls sind serverseitig generierte (dynamische) PDF Datein zwar in Deutsch und English lesbar, bestehen im Russischen, Arabischen oder Chinesischen nur aus Platzhalterzeichen. Auch im Deutschen können Umlaute dann oft nicht richtig dargestellt werden.


Hat man diese Hürde bewältigt, muss man die Seite noch fit für ältere Browser machen. Die richtige Angabe der Codierung im HTML- und HTTP-Header ist gerade für ältere Browser (ältere Internet Explorer Versionen zum Beispiel) ausgesprochen wichtig, um eine fehlerfreie Wiedergabe der Webseite zu gewährleisten.


Hat man all diese Dinge erfolgreich umgesetzt und ein valides multinationales Webdesign oder Webapplikation erstellt, kann man das Design testen. Nicht vergessen, alle Sprachen ausgiebig zu testen, denn wer weiß, vielleicht hat sich ja doch noch wo ein Fehler eingeschlichen.