Am Muttertag hat sich für uns endgültig gezeigt, wie gern ihr Grußkarten verschickt. Daher haben wir für euch jetzt ein neues Feature zur Bestellfunktion hinzugefügt:

Ihr könnt von uns jetzt Grußkarten zusammen mit dem Kaffee verschicken lassen – und zwar das ganze Jahr über!

Ihr bestellt wie gewohnt und klickt im Warenkorb auf „Grußkarte hinzufügen“. Dann gebt ihr einfach den Text ein und wir drucken ihn auf die Karte, die dann zusammen mit eurem frisch zusammengestellten Kaffee in die Post wandert.

Die Bahn ist frei für Geburtstagsgrüße, Weihnachtsgrüße, Grüße zum Sommeranfang, Grüße zum Frühlingsende oder was euch sonst noch so einfällt.

HTML

Die HTML-Struktur der Seite ist sehr stark an die Struktur des Shops angelehnt. Das bot sich natürlich an und liegt ebenso nahe – schließlich soll das Blog zum restlichen Inhalt passen. Fast schon aus Gewohnheit habe ich aber als Doctype HTML5 gewählt. Zwar werden im Template keine neuen HTML5-Elemente genutzt, aber

• a) muss man sich bei diesem Doctype gar nichts merken
• b) kann man bei Gefallen (und passenden technischen Voraussetzungen) auf die neuen Elemente umstellen
• c) hab ich’s gemacht weil’s eben geht

Eine weitere, kleine Besonderheit gibt es noch, die aber später implementiert wird: Das Shopsystem lässt es nicht so leicht zu, Dinge wie den Kopfbereich inklusive Menü oder den Fußbereich der Seite automatisch auszulesen und an WordPress zu liefern. Glücklicherweise geht das aber über den einfachen Umweg YQL mit ein wenig XPath. Das ist momentan nicht implementiert. Auf Dauer ist der Plan aber, die gewünschten Bereiche des Shops auszulesen, dies jeweilige XML-Datei zwischenzuspeichern und dann entsprechend hier im Blog auszugeben. Das Ganze wird dann in regelmäßigen Abständen mit der Shop-Navigation abgeglichen und bei Änderung neu abgerufen. Das Verfahren an sich ist bei Yahoo! und im Webkrauts-Adventskalender von Christian Heilmann gut beschrieben. Das war zunächst für mich die praktikabelste Lösung, Verbesserungsvorschläge nehme ich gerne an

CSS

Die generelle Gestaltung des Templates lief recht schnell von der Hand – schließlich konnte ich auf einer großen Menge an CSS-Styles aufbauen, die bereits im Shop genutzt werden. Dazu habe ich einfach per CSS-Import die im Shop eingebundenen Stylesheets in das Blog-Stylesheet eingebunden. Dadurch hole ich auch einigen unnötigen Datenballast mit ins Boot, aber auch hier ging es mir um eine praktische Lösung, mit der ich nicht das komplette CSS-Gerüst hätte neu bauen müssen.

Ein paar kleine Spielereien habe ich mir dann natürlich erlaubt. So hat das Blog im Vergleich zum Shop einen dezenten Schlagschatten per box-shadow bekommen. Weil es geht. Zudem habe ich insbesondere das Kommentar-Formular ein wenig mit CSS aufgehübscht: Beim Hover erscheint die bekannte Klick-Hand, die sagt “Klick mich!”, zudem wird das entsprechende Feld durch einen leichten Schatten visuell hervorgehoben. Sobald das Feld fokussiert wird, ändert sich der Cursor wieder in den bekannten Textcursor, da man in dem Moment ja schreiben kann. Die schicken Sende-Buttons waren schon im Shopsystem vorgegeben. Gute Sache.

In den Kommentaren habe ich ein einfaches Streifenmuster eingesetzt, damit sich die einzelnen Beiträge besser voneinander unterscheiden. Bei Blogautoren erscheint das Bild dann links statt rechts, zudem erhält der Kommentar einen dezenten Rahmen – vorausgesetzt sie sind eingeloggt, wenn sie den Kommentar verfassen. An einigen Stellen kommen zudem eher subtil runde Ecken zum Einsatz. Insgesamt habe ich aber darauf geachtet, CSS3 so einzusetzen, dass auch gewisse Browser keine großen Darstellungsprobleme haben dürfte.

Die recht breit gestreuten Farben des Shops, die sich in den einzelnen Kaffeesorten widerspiegeln, habe ich auf die Blog-Kategorien übertragen. Die lassen sich ja leicht per WordPress auslesen und als CSS-Klasse für einen Post ausgeben, hier der entsprechende Code:

<div class="post-container
<?php foreach((get_the_category()) as $category)
{ echo $category->category_nicename . " "; } ?>
">

Dadurch haben die einzelnen Beiträge je nach Kategorie eine andere Farbe. So wird das dezente allgemeine Farbschema des Shops beibehalten, die Vielfalt der Farben (und damit der Kaffeesorten) aber auf einfache Art wieder aufgegriffen.

Sonstiges

Die Funktion für die Breadcrumbs habe ich zum Großteil bei Cats who Code entnommen, das ganze aber noch ein wenig modifiziert – insbesondere einen Link auf die Startseite des Blogs gesetzt:

function the_breadcrumb() {
	global $post;
	if ( !is_home() ) {
		echo '<div id="path"><a href="';
		bloginfo('url');
		echo '" title="Zur Startseite des Blogs">';
		bloginfo('name');
		echo '</a> / ';
		if ( is_category() || is_single() ) {
			the_category(', ');
			if ( is_single() ) {
				echo ' / ';
				the_title();
			}
		} if ( is_page() && $post->post_parent ) {
			echo post_parent . ' / ';
			echo get_the_title($post->post_parent);
			echo ' / ';
		} if ( is_page() ) {
			echo the_title();
		}
	}
	elseif (is_tag()) {single_tag_title();}
	elseif (is_day()) {echo 'Archiv für '; the_time('d. F Y');}
	elseif (is_month()) {echo 'Archiv für '; the_time('F Y');}
	elseif (is_year()) {echo 'Archiv für '; the_time('Y');}
	elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo 'Blog Archiv';}
	echo '</div>';
}

Die Herzchen-Funktion mit den Social Bookmarks aus dem Shop habe ich mithilfe des Plugins Sociable für das Blog ein wenig angepasst. Weniger Javascript bzw. jQuery, dafür mehr CSS3 mit abgerundeten Ecken und dem wieder mal genutzten Schlagschatten. Der Quelltext hilft hier weiter

Eine letzte praktische Sache habe ich zudem noch genutzt: Die Autorenbilder werden nicht über irgendein Plugin im Blog selbst abgelegt, sondern einfach per Gravatar eingebunden. So ist das Erscheinungsbild jedes Autors auch in anderen Blogs gleichbleibend. Als Default-Bild ist das Sonntagmorgen-Logo eingebunden.

Zu guter letzt muss ich beichten: Eine Todsünde habe ich bei der Umsetzung begangen: Da ich am Mac arbeite & keinen Windowsrechner in greifbarer Nähe habe, vertraue ich darauf, dass die Darstellung browserübergreifend zufriedenstellend ist. Wer grobe Fehler bemerkt, darf sich gerne melden, das wird dann natürlich schnellstmöglich behoben. Fragen und Anregungen, wie es besser gehen könnte, gerne in die Kommentare oder direkt an mich per Twitter.

Und jetzt: Viel Spaß mit dem neuen Blogdesign!

Ab sofort werden alle Mischungsetiketten mit einer Nummer versehen, so dass Ihr Euren Kaffee in Zukunft nicht noch einmal neu zusammenstellen braucht.

Hierfür müsst Ihr einfach die Mischungs-ID in das dafür vorgesehene Feld einfügen und gelangt direkt zum Warenkorb mit dem konfigurierten Kaffee.

Nach einem Jahr Kaffeevertrieb erweitern wir das Geschäft mit dem heißen Gebräu: In Zukunft könnt Ihr Euch unter yousoup.de Eure persönlichen Tütensuppen zusammenstellen. Der Clou dabei: Eine spezielle Körnung erlaubt die Zubereitung in der Kaffeemaschine.

Gerade in der Startup-Szene tritt immer wieder das Problem einer fehlenden (Suppen-)Küche auf. Was findet man allerdings in nahezu jedem Büro? Genau, eine Kaffeemaschine. Wir wollten das Problem mit Hunger und ohne Herd lösen und haben yousoup entwickelt. Die Vorgehensweise ist ähnlich simpel wie bei unseren Kaffeemischungen: Der Nutzer wählt eine Basissuppe aus, fügt Gemüse-, Fleisch- oder Nudeln hinzu und gibt seine Bestelldaten ein. Fertig erstellt ist die individuelle Maschinenterrine. Alle Zutaten sind aus biologischem Anbau und ohne künstliche Zusatzstoffe.

Ist die Bestellung erfasst, werden die gefriergetrockneten Zutaten gemischt und im schonenden Mahlverfahren pulverisiert. Damit Restbestandteile an Kaffee den Geschmack der Suppe nicht übertünchen, verwenden wir besonders frische gefriergetrocknete Ware. Dies garantiert ein ausgewogenes Aroma für die Zubereitung in der Kaffeemaschine. Einfach den Tüteninhalt in den Filter streuen, 125ml Wasser einfüllen und Maschine einschalten. Natürlich kann man sich seine yousoup auch auf herkömmliche Weise im Topf brühen. Hierbei kann es jedoch zu einem verdichteten Geschmackserlebnis kommen, da die yousoup für den Büroalltag mit spärlicher Ausstattung gedacht ist.

Einen ersten Eindruck über den künftige Onlinesuppenküche könnt Ihr Euch unter yousoup.de machen und @yousoup bei twitter folgen.

]]> http://blog.sonntagmorgen.com/yousoupde-suppe-selber-mischen/feed/ 10 http://blog.sonntagmorgen.com/osterei/ http://blog.sonntagmorgen.com/osterei/#comments Sun, 29 Mar 2009 09:48:14 +0000 Till http://blog.sonntagmorgen.com/?p=275 weiterlesen…]]> Ostern steht vor der Tür. Und in enger Zusammenarbeit mit dem Osterhasen haben wir für Euch etwas vorbereitet:

Wir verlosen einen Kaffee-Jahresvorrat!

Insgesamt 24 Packungen Sonntagmorgen-Kaffee nach Wahl, alle 2 Monate ein 250g-Paket mit je vier Stück. Außerdem zu gewinnen:

• 1x Oster-Duo – BRUGO Thermobecher und Osterkaffee
• 2x Weltreise Oster-Edition – 9 reine Sorten “versteckfertig”
• 3x Sonntagmorgen Genießer-Tasse
• 3x Oster-Kaffee nach Wahl – z.B. “Osterfeuer” oder “Nuss-Genuss“

Alle Oster-Angebote findet Ihr auf unserer Oster-Seite.

Ostereier finden, verstecken, gewinnen

Hier und da im Netz haben wir ein Sonntagmorgen-Osterei versteckt. Natürlich auch hier im Sonntagmorgen Kaffee-Shop. Wenn Ihr eines findet, habt Ihr schon fast gewonnen. Ihr müsst es nur weitergeben. Das kann ein Blogpost sein, aber auch ein Tweet, ein Flickr-Bild, ein Youtube-Video… was Euch einfällt.

Wichtig zur Teilnahme ist: Verlinkt auf den Fundort des Ostereis und auf diese Seite. Und lasst uns davon wissen. Trackbacks/Tweetbacks funktionieren, ansonsten schreibt einen Kommentar.

Wenn Ihr wollt, könnt Ihr dieses Bild verwenden, das ist aber auch kein Muss:

Damit habt Ihr nun selbst ein Osterei versteckt und habt eine Chance auf unseren Spezialpreis: Wer das am Ende meistverlinkte Osterei versteckt, bekommt von uns einen Bodum Latteo Milchaufschäumer.

Ausgelost wird am Sonntag, 5. April. Die Preise werden Euch also noch rechtzeitig vor Ostern erreichen. Der Rechtsweg ist ausgeschlossen und so weiter und so fort.

Viel Spaß und viel Glück beim Suchen!

So geht’s: Einfach wie gehabt bei Sonntagmorgen Kaffee konfigurieren oder im Shop auswählen. Vom Warenkorb kommt Ihr dann über den PayPal-Button gleich zum PayPal Express-Checkout. Dort könnt Ihr Euch mit einem bestehenden Account einloggen oder unkompliziert einen neuen anlegen. Und schon kommt der leckere Kaffee auch auf MasterCard oder Visa zu Euch nach Hause.

Wahrscheinlich werden wir auch Twitter wieder integrieren, machen uns aber noch Gedanken, wie. Die Sidebar quillt ohnehin über und als Blogpost wirken die Kurznachrichten eher verwirrend. Eine eigene Seite wiederum könnten wir uns auch sparen und Twitter direkt verlinken.

Wir haben eine Reihe neuer Plugins installiert, die uns das Bloggen leichter und Euch das Ansehen einfacher machen. Unter anderem können wir folgende empfehlen:

Ultimate Category Excluder – Simpel, aber gut: Mit dem Category Excluder lassen sich einzelne Kategorien von der Auslieferung als RSS oder von der Darstellung auf der Startseite ausschließen. Das ist nützlich, damit wir zum Beispiel mit den noch ausstehenden Beiträgen in der Pressesektion nicht urplötzlich Eure Feedreader fluten.

WordPress Video Plugin – Mit dem praktischen Plugin lassen sich Videos aller gängigen Hoster ganz einfach einbinden, ohne Codesalat und ohne Darstellungsfehler. Markus, Dein Tipp war Gold wert!

User Level Themes hat uns ermöglicht, das neue Design schon live auf dem Server zu testen, ohne am “offenen Herzen” zu operieren.

Um den Suchmaschinen Futter zu geben, versuchen wir ein wenig auf die Metadaten und die Erreichbarkeit unserer Seiten zu achten. Headspace2 ermöglicht uns die Anpassung von Meta-Tags und Description für verschiedene Bereiche, Google XML Sitemaps sorgt für eine suchmaschinenlesbare Übersicht.

Wir hoffen, es gefällt Euch so. Gibt’s was, das Euch noch fehlt?

Kein Problem: Wir haben unsere Startseite renoviert und einen Shop angebaut – für Probenpäckchen und fertige Kaffeemischungen in sonntagmorgen-Qualität. Und mal wieder eine Nachtschicht eingelegt, damit das alles noch vor dem EinsLive-Bericht über unsere “Virtuelle Kaffeebude” fertig wurde.

Für diejenigen, die Fragen zu unseren Kaffees oder der Bedienung der Seite haben, haben wir unsere Telefonnummer ganz oben auf jede Seite geschrieben. So kommt nun auch das eine oder andere Live-Gespräch mit Fachsimpelei über die beste Zubereitungsmethode oder den besten Kaffee zu Stande.

Im Augenblick arbeiten wir an unserem Newsletter-System, damit wir Euch über die nächsten Schritte auf dem Laufenden halten können (soweit Ihr nicht ohnehin regelmäßig hier vorbeischaut oder unseren Feed abonniert habt). Wir haben Euch nach Vorschlägen gefragt, wie man dieses Rundschreiben künftig nennen könnte und waren überwältigt von Eurer spontanen Kreativität. Vielen Dank an alle, die mitgemacht haben. Jetzt haben wir nur noch die Qual der Wahl.

Was unsere nächsten Schritte sein könnten? Lasst Euch überraschen – oder noch besser: Schlagt uns etwas vor!

Wir werden im Moment natürlich andauernd gefragt, wie unser Start so verlaufen ist und ob wir zufrieden sind und können antworten: “überraschend gut” und “ja”. Überraschend, weil man immer damit rechnen muss, dass etwas schief geht, zumal wir ohne längere geschlossene Tests gleich alle interessierten Besucher auf die Seite gelassen haben. Bis auf eine kurze Zeit vorgestern Abend, in der der Server anscheinend mal eine Pause brauchte, lief unsere Plattform stabil und die Produktion läuft auch gut an. Deshalb sind wir zufrieden, wenn wir uns jetzt auch sicher nicht ausruhen werden.Gefreut haben wir uns natürlich auch, dass wir so viel Beachtung gefunden haben und unser Angebot so rege diskutiert wird. Eine kleine Zusammenschau posten wir in Kürze. Wir haben schon eine ganze Menge gelernt aus den Artikeln und Kommentaren: über die Bedienbarkeit der Plattform, die wir weiter verbessern wollen, die Wünsche unserer Kunden, die wir erfüllen möchten und über den Informationsbedarf, dem wir nachkommen werden. Zu einem vieldiskutierten Thema wird es schon in wenigen Tagen Neuigkeiten geben. Danke für so viel Feedback!

Jetzt muss auch ich nach nebenan, denn dort stehen Janet, Julia, Alex, Tamer und Yasser im Moment an der Mühle, an der Schweißzange und am Packtisch, um die besonders beliebten Probenpakete “Weltreise” mit unseren reinen Sorten zu befüllen. Und jetzt wird jede helfende Hand benötigt, schließlich kommt in wenigen Minuten wieder der Paketdienst, und der Kaffee soll frisch raus.

Bleibt uns gewogen und genießt Euren Kaffee!