Einen Online-Shop starten – die Technik (04)


Geschrieben am Sonntag, 18. September 2011 von Thomas Kilian (1 Antwort)

Nur noch wenige Tage, dann lüfte ich das Geheimnis um unseren neuen Online-Shop. Er ist nämlich seit der vergangenen Woche schon am Netz und wird zurzeit noch mal auf Herz und Nieren geprüft. Wir werden die Käfer (“Bugs”) soweit wie möglich verscheuchen und dann gibt’s Ramba-Zamba (auch hier natürlich)!

Heute soll es noch einmal um die Vorbereitung unseres Projekts gehen, hier mal ein technischer Aspekt: Die Wahl des geeigneten Shop-Systems. Wir haben mit dem Open-Source Shop “Magento” bei unseren Kundenprojekten schon einige Erfahrungen gesammelt. Deshalb fiel die Entscheidung nicht schwer. Allerdings darf ich vorweg nehmen, dass wir bislang zwar mit Layouts, Template-Anpassungen und an der Optimierung des Shops gearbeitet haben, nicht jedoch an der technischen Konfiguration. Hier konnten wir wieder einmal auf die tatkräftige Hilfe unseres Partners Kuetemeier.NET bauen, der bei der Umsetzung des Kassensystems, der Zahlungsanbindung und weiteren Programmieraufgaben behilflich war.

Als Hoster haben wir uns – wie in vielen anderen Projekten auch – für die Firma Mittwald aus Espelkamp entschieden. Die Systeme sind optimal für Magento ausgelegt und lassen sich einfach skalieren, sobald mehr Traffic auf den Seiten läuft. Der Service von Mittwald war bislang immer vorbildlich (0800, Ticket-System, fachkundige Ansprechpartner) und ich bin zuversichtlich, dass wir auch dieses Kind gemeinsam schaukeln werden.

Für Magento spricht, dass die Software kostenfrei zur Verfügung steht und dafür jede Menge Features im Gepäck hat. Ähnlich wie TYPO3 ist auch Magento modular aufgebaut und verfügt über zahlreiche Zusatzprogramme (“Magento Connect”), die sich kostenfrei oder für kleines Geld hinzufügen lassen. Besonders schön ist die klare Trennung von Design und Technik, so dass sich auch unsere ausgefallenen Layoutwünsche mit Magento umsetzen lassen. Gerade dieser Anspruch hat unseren Webentwickler Lars und auch das Kuetemeier.NET-Team manche Nerven gekostet. Doch es hat sich, so finde ich, allemal gelohnt!

Auch wenn wir selbst komplexe Webprojekte schon erfolgreich abgewickelt haben und eigentlich wissen, wie wichtig Prozesse sind, gab es doch einige Punkte, wo wir vorhandene Strukturen wieder über Bord geworfen haben. Bei unseren Kunden ärgert mich das manchmal, selbst wenn sie den Mehraufwand bezahlen. Doch bei unserem eigenen Projekt darf ich mir den Luxus erlauben, bin eben auch nicht besser als der wählerische Agentur-Kunde … danke an Le, Lars, Silke, Sandra und Dennis für Eure Geduld und die viele Fleißarbeit neben den normalen Projekten!!

Ein Beispiel: Als wir fast alle Produkte online und mit Bildern versehen hatten, gefiel mir die Darstellung auf der Kategorieseite und bei der Detailansicht der Bilder nicht mehr. Die Fotos hatten ein eher hochkantes Format – dadurch waren sie in der Vorschau recht klein geraten. Ich wollte sie aber möglichst groß, um auch in der Kategorieansicht schon einen wertigen Eindruck zu vermitteln. Also mussten wir alle Bilder noch einmal neu abspeichern, in einem quadratischen Format, mit Wasserzeichen versehen, Vorschau- und Detailbild hochladen und zum Teil anpassen. Hätten wir dies gleich zu Anfang berücksichtigt, hätte es sicher Zeit und Nerven gekostet, doch solche Rückschläge kommen in den besten Agenturen Familien vor und sind kein Grund zur Sorge.

Magento ist in vielerlei Hinsicht für die Suchmaschinenoptimierung auch eine gute Wahl. Die Adressen der Produkte, Unterseiten und Kategorien lassen sich SEO-freundlich einstellen, die Titel, Metatags und Beschreibungstexte individuell verändern. Darüber hinaus erleichtert Magento die interne Verlinkung. Neben dem Online-Shop haben wir aber auch ein WordPress-Blog eingerichtet, hier sollen weitere Artikel, Hintergrundberichte und Produktvorstellungen erscheinen. So kombinieren wir beide Welten ideal miteinander. Außerdem sind eine Facebook-Seite und ein eigener Twitter-Account angelegt und vernetzt.

Vielleicht interessiert jemanden noch, wie viel Aufwand wir insgesamt in die Erstellung des Online-Shops gesteckt haben. Die Arbeit setzt sich aus zahlreichen Bausteinen zusammen: Konzeption, Layouts, Überarbeitung, Reinzeichnung, Umsetzung XHTML, Magento-Installtion, Template erstellen, Konfiguration, Warenkorb, Kassenbereich, Unterseiten, Kategoriestruktur, Artikel anlegen und einpflegen, Bildbearbeitung, Fotos hochladen, Fotos noch mal hochladen :-), Texte erstellen, Kategorien und Produkte überarbeiten, Zusatzinformationen erstellen und einpflegen, testen und überarbeiten, testen und überarbeiten, testen und überarbeiten … in unserer Projektverwaltung stehen derzeit 240 Stunden, doch ich gehe davon aus, dass es noch mal 50 % mehr Zeit war, die wir als Team investiert haben sowie die externen Aufwände unseres Programmierers.

Steht diese Investition im Verhältnis zum Ergebnis? Ich bin ehrlich: Hätte ich die Leistungen komplett extern einkaufen müssen, obwohl ich bislang keine Erfahrungen mit meinem Produkt habe und nicht weiß, ob und wie gut es sich überhaupt verkauft, hätte ich es vermutlich nicht beauftragt. Doch selbst mit dem internen Aufwand (eigene Mitarbeiter) + Zusatzarbeiten sprechen wir hier über eine Investition von ca. 15.000 Euro allein für die Technik. Doch abgerechnet wird am Schluss – ich bin einfach davon überzeugt, dass wir den Shop nicht nur professionell erstellt haben, sondern auch optimal vermarkten werden. Darum geht’s in einem der nachfolgenden Beiträge …

Einen Kommentar zum Beitrag schreiben!
Verwandte Artikel:

Was passiert im Social Web in 60 Sekunden?


Geschrieben am Donnerstag, 09. Juni 2011 von Thomas Kilian (4 Antworten)

Wer es wissen möchte, findet die Antwort in der folgenden Infografik und natürlich auch (auf deutsch) in diesem Blogartikel. Fand die Auswertung der verschiedenen Kanäle sehr spannend – sonst sind es meistens nur Infografiken für Twitter oder Facebook – auf einen Blick lassen sich die Auswirkungen des Web 2.0 hier sehr schön beobachten:

60 Seconds - Things That Happen On Internet Every Sixty Seconds
(via Shanghai Web Designers)

Was im Web 2.0 in 60 Sekunden passiert …

  • Die Suchmaschine Google verarbeitet 694.445 Anfragen
  • 6.600 Bilder werden auf Flickr hochgeladen
  • 600 Videos werden auf Youtube hochgeladen, die über 25 Stunden Videomaterial beinhalten
  • 695.000 Status-Updates, 79.364 Beiträge und 510.040 Kommentare werden auf dem Sozialen Netzwerk Facebook veröffentlicht
  • 70 neue Domains werden registriert
  • 168.000.000 E-Mails werden verschickt
  • 320 neue Accounts werden auf dem Sozialen Netzwerk Twitter eingerichtet und 98.000 Tweets werden veröffentlicht
  • Mehr als 13.000 Mal werden iPhone “Apps” heruntergeladen
  • 20.000 neue Beiträge erscheinen auf der Micro-Blogging-Plattform tumbler
  • Der populäre Browser FireFox wird mehr als 1.700 Mal heruntergeladen
  • Die beliebte Blog-Plattform WordPress wird mehr als 50 Mal heruntergeladen
  • WordPress Plugins werden sogar mehr als 125 Mal heruntergeladen
  • 100 Accounts werden auf der professionellen Networking-Plattform LinkedIn erstellt
  • 40 neue Fragen werden bei YahooAnswers.com gestellt
  • Weitere 100 Fragen kommen bei Answers.com dazu
  • 1 neuer Artikel wird bei Associated Content veröffentlicht, der weltweit größten Sammlung von gemeinschaftlich erstellten Inhalten
  • 1 neue Definition wird auf UrbanDictionary.com hinzugefügt
  • 1.200 neue Werbeformate werden auf Craigslist erstellt
  • 370.000 Sprachminuten werden bei Skype übermittelt
  • 13.000 Stunden Musik laufen beim personalisierten Internet Radio Pandora über den virtuellen Äther
  • 1.600 Aufrufe kann Scribd verzeichnen, das größte soziale Schriftenverzeichnis
Einen Kommentar zum Beitrag schreiben!
Verwandte Artikel: