jukemedia webdesign Stuttgart

Neues Contao-Theme im shop – jk-ma12-1-brown ist da

juke — Thu, 02 Feb 2012 09:48:44 +0000

Theme im shop besuchen
Theme live anschauen

Ja, die Namen der Themes, die ich in meinem shop verkaufe sind schon etwas dröge, das muss ich ja zugeben, aber das Design hoffentlich nicht. Vor ein paar Tagen im shop neu eingestellt: ein neues, frisches business Theme.

Im Kopf der Webseite ist Platz für ein aussagekräftiges Bild. Das ganze Theme ist so angelegt, dass Redakteure die Bilder an dieser Stelle, inklusive der kleinen Sprechblase unten, selbstständig – ja nach Thema – wechseln können.

Wie bei fast allen themes, ist auch hier die Erweiterung “Subcolumns” im Einsatz. Das Besondere ist die Navigation, die 3 Ebenen als Pulldownmenü darstellen kann. Sinnvoll und beliebt: die drei hervorgehobenen Textkästen mit Links zum Weiterlesen.

Das Theme ist 960 Pixel breit und fix. Da der Bereich mit dem Headerbild auch prima mit einem Contentslider ersetzt werden kann, fand ich eine fixe Breite sinnvoller, da die meisten Contentslider sich nicht auf flexible Breiten einstellen können.

Relaunch hotel-egelsee.de

juke — Sun, 08 Jan 2012 16:30:27 +0000

Egal ob Kommunion, Konfirmation, Hochzeit, Jubiläum, Weihnachtsfeier … jeder Ort braucht ein “Hausrestaurant” wo man beizeiten seine lieben Gäste zu einem guten Essen einladen kann. Und da gerade hier in Tamm viele zugezogene Familien wohnen, braucht es auch ein Hotel, denn oftmals muss ja die Verwandtschaft von weiter her anreisen. Und so hat auch die Gemeinde Tamm mit dem Hotel-Egelsee ein Hotel-Restaurant am Platz, welches bei Familien- und Firmenfeiern aber auch für Kurzurlauber, Städte- und Geschäftsreisende gern gebucht wird.

Webseite besuchen: http://www.hotel-egelsee.de

Karin und Ulrich Seger haben vor ca. 10 Jahren zunächst das Restaurant und mit dem Neubau 2007 auch das Hotel übernommen. Davor war das Restaurant bezeichnenderweise unter dem Namen “Restaurant Tennishalle” bekannt – es ist an eine Tennishalle angebaut. Was vielleicht zunächst nur als Après-Tennis gedacht war, entwickelte sich jedoch bald zu einer Adresse in der auch Nicht-Sportler gern zu Tisch gegangen sind. Ein Restaurant mit Charakter, Profil und Inbegriff für gute Gastlichkeit, das jedoch ist hauptsächlich durch die Bemühungen des Ehepaars Seger in den letzten Jahren entstanden.

Das Restaurant ist ländlich-nostalgisch und liebenswert gemütlich eingerichtet. Im Hotel kann man sich an moderner Schlichtheit als auch an warmen Farben erfreuen. Und: was vielleicht immer noch nicht alle wissen: Der Wellness-Bereich des Hotels ist öffentlich d.h. Dampfbad, Sauna und Schwalldusche können auch von Nicht-Hotelgästen genutzt werden – aber das nur nebenbei.

Seit Herbst 2009 habe ich die Webseite des Hotels betreut und immer mal wieder Neuigkeiten eingepflegt als auch die wöchentlich erscheinende Tageskarte. Doch die Technik der Webseitenerstellung entwickelt sich weiter. Und so ist es sicherlich nicht verwunderlich, dass irgendwann einmal eine Renovierung der Webseite anstand und hierbei die Umstellung auf ein modernes Content-Management-System beschlossen wurde.

Unter Beibehaltung des Corporate-Designs habe ich mich gefreut dass ich Ende 2011 den Relaunch vornehmen durfte und behutsam hauptsächlich die Technik erneuert. Im Einzelnen:

Die Seiten sind jetzt breiter und länger, es können mehr Inhalte untergebracht werden ohne dass der Gesamteindruck erdrückend wirkt.
Trotzdem ist die Seite flexibel genug und auch von kleineren Displays noch benutzbar.
Es gibt keine Popup-Fenster mehr. Alle Inhalte sind über die ausklappbare Hauptmenüleiste zu finden.
Die Klickwege wurden verkürzt.
Die Tageskarte kann jetzt auch von Laien wöchentlich eingepflegt werden.
In der Administration sind auch Sonderkarten wie z.B. für Spargel oder Wildgerichte hinterlegt und können bei Bedarf editiert und frei geschaltet werden.
Wer möchte kann Tageskarte und Events nun auch via Newsletter abonnieren und bekommt eine Benachrichtigung via E-Mail, wenn es etwas Neues gibt.
Neue Bilder können relativ schnell eingestellt werden, da die Software von Contao Bilder automatisch skaliert und die Bearbeitung mit einem Grafikprogramm weitestgehend überflüssig geworden ist.
Alle Bilder werden automatisch als Vorschlaubild als auch in Großansicht angezeigt.
Die Webseite wurde mit einem Newsmodul ausgestattet. Neue Hinweise und Meldungen können ohne html-Kenntnisse eingepflegt werden.

Sicherlich gibt es auch zukünftig noch Aufgaben z.B. die verbesserte Anpassung des Designs für iPhones und Tablets oder die Bestückung mit noch mehr interessant zu lesenden Inhalten, aber ein Anfang ist ja schonmal gemacht und das CMS flexibel genug um auch die nächsten Jahre noch mithalten zu können.

Neue Erweiterung für Contao: Der Immomanager

juke — Thu, 23 Jun 2011 07:53:42 +0000

Das war ja mal eine schöne Überraschung: FruitMEDIA, Webdesign-Agentur aus Lübeck, hat eine neue Erweiterung herausgebracht. Mit dem Immomanager können nun Makler ihre Immobilien ganz einfach mit Contao verwalten. Und das Schöne daran: das neue Modul besitzt eine Schnittstelle, mit der an große Immobilienbörsen wie Immoscout24.de angebunden werden kann.

Und das sind die Funktionen:

beliebige Objektkategorien
Objektauswahl über die Kategorien und Orte
Sortierung der Immobilien-Listenansicht
individuelle Hervorhebung einzelner Objekte
Hervorhebung neuer Objekte
GoogleMap-Integration
Bildergalerie bei den Immobilien
Großansicht von Bildern und Grundrissen
PDF- und Word-Anlagen bei den Objekten
suchmaschinenoptimierte Darstellung
Datenexport zu ImmoScout24, Immowelt und ImmoNet
OpenImmo-Schnittstelle
einfache Modul-Installation
und vieles mehr …

Das Modul ist kostenpflichtig, aber mit 249,00€ zzgl. 19% Mwst. erschwinglich und eine Investition wert.
Mehr Informationen: www.contao-immomanager.de
Immomanger im Contao-Erweiterungskatalog: http://bit.ly/kLYvy1

6 hilfreiche Links für bessere Texte im Web

juke — Sun, 19 Jun 2011 10:35:45 +0000

Sie schreiben die Texte für Ihre Webseite selber und überlegen wie Sie das am besten machen?
Womit fange ich an und wie schreibe ich so, dass es auch gelesen wird?
Hier habe ich 6 Linkempfehlungen, die Ihnen helfen bessere Texte für das Internet zu schreiben:

Und zum Schluss noch ein ganzes e-book mit über 90 Seiten:

Doris Doppler: Starke Webtexte [pdf] ca. 11,00€ inkl. Mwst

–

Foto: writer’s desk | istockphoto.com

Wie man gute Überschriften schreibt

Attraktive Contao-Tooltipps für Links und Navigationsmodule

juke — Fri, 17 Jun 2011 08:36:44 +0000

Was es nicht alles gibt, ich staune – immer noch und immer wieder, denn bei den sich ständig vermehrenden Erweiterungen für Contao gibt es immer wieder was Interessantes zu entdecken. Heute stelle ich Ihnen Tooltipps vor, ein kleines, aber feines Zusatzfeature, welches die Links einer Webseite informativer macht.

Was sind Tooltipps?

Ganz einfach erklärt: Tooltipps sind eine Art Sprechblasen, die erscheinen, wenn man mit der Maus über einen Link fährt (hovert).

Wann braucht man das?

Beim Texten im Web ist man in den meisten Fällen gehalten möglichst schnell auf den Punkt zu kommen. Dies gilt insbesondere auch für die Navigationspunkte, die im besten Fall aus nur einem, aber treffgenauen Wort bestehen sollten. Nur leider ist das nicht immer so leicht, vor allem nicht bei erklärungsbedürftigen Produkten oder Leistungen. Mit Tooltipps fügen Sie den Links einer Navigation eine Sprechblase hinzu in der Sie mit 1-2 Sätzen erklären können, um was es geht.

Oder: Hinter einem Link ist eine spezielle Funktion versteckt, die aber intuitiv nicht so leicht zu begreifen ist und die man deshalb nicht ohne weitere Erklärung stehen lassen kann. Für alle diese Fälle kann man Tooltipps einsetzen und die Erklärungen in eigene Behälter setzen, die nur dann erscheinen, wenn man mit der Maus über das Wort drüberfährt.

Wie sieht das aus?

Hovern Sie mal mit der Maus über die Links:

Titel:

contao tooltipp

Get a better browser!

Kann ich das selber einbauen?

Vielleicht. Für ambitionierte Selbermacher gibt es in meiner Contao-Spielwiese eine Anleitung zum Nachmachen. Müssen Sie aber nicht, denn Sie dürfen mich auch gerne ansprechen.

Ja ist denn schon Weihnachten ?

juke — Fri, 17 Jun 2011 08:36:02 +0000

Nein, natürlich nicht – gerade eben freuen wir uns über einen schönen Sommer. Doch der ist bekanntlich immer zu kurz und ehe man sich versieht ist es schon wieder Zeit an Geschenke zu denken. Aus eigener Erfahrung weiß ich, wie gerne man das hinten schiebt und schiebt und schiebt und schiebt und schlussendlich ist es immer das gleiche Theater: Hektik und Stress in letzter Minute.

Damit mir das dieses Jahr nicht wieder passiert, habe ich schon vorgesorgt. Natürlich kann ich an dieser Stelle nicht verraten was meine Kunden dieses Jahr geschenkt bekommen, aber ich kann Ihnen eine andere Idee spendieren.

Drauf gestoßen bin ich über das Blog von Doris Doppler, die einen ganz hinreißenden Link gefunden hat. Bei brandbook gibt es Notizbücher aller Art und wie der Name schon sagt: personalisiert. Auf der Seite gibt es einen Notizbuch-Konfigurator mit welchem man Schritt für Schritt sein individuelles Noitzbuch erstellen kann. Und die Auswahlmöglichkeiten sind gigantisch. Angefangen vom Format, über den Einband, Lesezeichen, bedruckte Seite, subtile Werbeseiten bishin zum Aufdruck des Firmenlogos sind schon fast unendlich viele Variationen möglich. Von fröhlich bunt bis edel und von klassisch bis exzentrisch – ich bin sicher, dass für jede Firma was dabei ist.

Einfach mal reinschauen.

QR-Codes – So verbinden Sie Ihre Visitenkarte mit dem Internet

juke — Mon, 30 May 2011 17:52:08 +0000

Haben Sie sich schon einmal gefragt, was neuerdings diese Zeichen, die man immer häufiger sieht, bedeuten? Dieses geheimnisvolle Zeichen ist ein so genannter QR-Code. QR steht für “Quick Response” und im Unterschied zu den Barcodes, die man auf fast jeder Lebensmittelverpackung findet, können QR-Codes mehr Informationen aufnehmen. So z.B. kann dieser Code Text enthalten, eine Telefonnummer, eine SMS , eine Adresse oder den Link zu einer Seite im Internet. Das Interessante daran ist: weil man sie mit dem Handy entziffern kann, sind sie ein ideales Werkzeug um Gedrucktes mit der virtuellen Welt des Internets zu verbinden.

Und so funktioniert’s

Für fast jedes Handy gibt es einen so genannten QR-Code Reader, den man sich kostenlos herunterladen und auf dem Handy installieren kann.
Hier gibt es eine Seite, auf der bestimmt auch für Ihr Handy ein Reader dabei ist:
http://www.mobile-barcodes.com/qr-code-software
Anschließend muss man nur noch den Reader starten und das Zeichen scannen. Je nachdem welcher Inhalt hinterlegt ist, wird er in Sekundenschnelle angezeigt.
Weitere technische Informationen: http://qrcode.wilkohartz.de/
Und das Erstellen von QR-Codes geht kinderleicht mit zahlreichen online-Diensten wie z.B.
http://qrcode.kaywa.com/
http://goqr.me/

Viele Einsatzmöglichkeiten

QR-Code auf einem Plakat

Sie machen Werbung für eine Veranstaltung und haben dazu Plakate verteilen lassen?
Sicherlich, man kann auch eine Internetadresse abdrucken lassen, aber wer schreibt sich die schon auf um sie später daheim am PC anzuschauen? Oder: Sie sehen das Plakat während Sie an einer roten Ampel stehen. Statt mühselig die Internetadresse per Tastatur einzugeben, starten Sie einfach den Reader des Handys und schon geht die Seite mit weiterführenden Informationen oder einer Seite mit dem Ticketabverkauf auf.

QR-Code in einem Restaurant

Hat’s geschmeckt? Sie möchten das Gericht mal selber kochen? Wie würden Sie es finden, wenn Sie das Rezept via QR-Code abrufen können? Ich finde, dass das eine tolle Idee ist. Oder: Ihr Motto in der Gastrononomie ist “Regional & Saisonal”. Mit QR-Codes können Sie Ihren Gästen erklären woher Fleisch und Gemüse kommen.

QR-Code als Stadtführer

Werden die Codes an Sehenswürdigkeiten angebracht, kann sich der Besucher tiefer gehende Informationen leicht zugänglich machen.

Und das sind nur einige Beispiele – der Kreativität und Erfindungsreichtum was man alles via QR-Code anzeigen lassen kann, sind fast keine Grenzen gesetzt.

Welche Idee hätten Sie?
Über einen Beitrag freu ich mich.

Gut vorbereitet in das Projekt “neue Webseite”

juke — Fri, 28 Jan 2011 17:33:35 +0000

Eine eigene Webseite als Imageträger, Informations- und Kommunikationsmedium ist heute kaum noch wegzudenken. Je bunter jedoch das Angebot wird, detso größer wird auch die Verunsicherung, wenn man eine eigene Webseite in Auftrag geben möchte. Ein qualifiziertes und kostensicheres Angebot können Sie jedoch erst dann erwarten, wenn Ihre Agentur weiß, was Sie brauchen. Aber weil es manchmal gar nicht so einfach ist zu beschreiben was man möchte, habe ich einen Fragebogen zusammengestellt, der Ihnen dabei helfen soll, denn: Webseiten können höchst unterschiedlich sein und damit auch die Preise.

Nicht alles was klein aussieht ist auch einfach zu bewerkstelligen, nicht jede textlich umfangreiche Webseite muss teuer in der Herstellung sein. Bei Verwendung eines Content-Management-Systems kommt es nicht so sehr darauf an, wie viele Seiten Ihre zukünftige Webseite enthält, viel wichtiger ist wie viele Musterseiten Ihr Webdesigner erstellen muss und welche Funktionen gewünscht werden.

Damit Sie sich vorab in Ruhe Gedanken machen und sich vorbereiten können, habe ich die wichtigsten Fragen eines Anforderungskataloges in ein pdf gepackt, welches Sie hier herunterladen und ausdrucken können. Obwohl ich mir Mühe gegeben habe verständlich zu schreiben, kann es sein, dass manche Fragen nicht ganz einfach zu beantworten sind. Als guten Service berate ich Sie jedoch gerne und gebe Ihnen gerne in einem persönlichen Gespräch Ideen, Hinweise und Hilfestellungen.

Checkliste für das neue Design Ihrer Webseite

—
Foto: seen – Fotolia.com

Schriftfamilien in Webseiten

juke — Mon, 29 Nov 2010 11:14:02 +0000

Zur Gestaltung einer professionellen Geschäftsausstattung gehört auch, dass die verwendeten Schriften sorgfältig ausgesucht werden und durch alle Medien hindurch verwendet werden können. Während das bei gedruckten Medien in der Regel keine Probleme macht, stehen Webdesigner oft vor einem erklärungsbedürftigem Problem, denn in Webseiten lassen sich nur eine Handvoll Schriften verwenden.

Warum ist das so?

Zum einen ist der Grund technischer Natur, zum anderen ist es ein rechtliches Problem.

Das Technik-Problem

Verwendet man z.B. für einen Textabsatz die Schriftfamilie “Frutiger”, dann kann ein Besucher der Webseite die Darstellung des Absatzes mit dieser Schrift nur dann sehen, wenn er diese Schriftart auf seinem PC installiert hat. Hochwertige Schriften, wie z.B. Frutiger eine ist, gehören aber nicht zur Grundausstattung eines Betriebssystems und sind deshalb bei den meisten Anwendern nicht vorhanden. Und wenn eine Schrift nicht vorhanden ist, dann verwendet der Browser eine vom Webdesigner angegebene Ersatzschriftart. Und das ist dann meistens eine Schriftart, von der man weiß, dass sie beim Anwender sicher vorhanden ist.

Unter Windows und Mac sind das folgende Schriften:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Verständlicherweise mag sich aber nicht jeder Gestalter und jeder Kunde mit den beschränkten Möglichkeiten zufrieden geben. Nach dem Motto “wo ein Wille ist, da ist auch Weg” wurden deshalb schon vor einigen Jahren die so genannten “ImageReplacement” – Methoden geschaffen, mit denen man zumindest Überschriften in der gewünschten Schriftart darstellen konnte.

Wie der englische Name schon ausdrückt wird hierbei ein Text einfach in eine Grafik umgewandelt und in dieser Grafik kann man dann – wie im Druck auch – jede gewünschte Schriftart verwenden. Das Verfahren ist aber ziemlich aufwändig und daher auch kostspielig, außerdem kann, bei massivem Gebrauch, die Webseite langsamer werden.

Das rechtliche Problem

Gegenüber der Webtechnik von vor 5-6 Jahren hat es in Sachen Schrift inzwischen einige Änderungen gegeben, die diese umständliche Methode stark vereinfachen. Technisch ist es heute durchaus möglich die gewünschte Schrift einfach auf dem Server zu hinterlegen und jede Schrift zu verwenden, die gewünscht wird.

Anwenden lässt sich das aber trotzdem nicht weil allein mit der Technik das rechtliche Problem noch nicht gelöst ist. Die Lizenzgeber kommerzieller Schriftarten fordern, dass jeder, der auf seiner Webseite eine kommerzielle Schriftart verwendet, nicht nur eine gültige Lizenz besitzen muss, sondern auch sicherzusstellen hat, dass die Schrift vor illegalem Download geschützt ist.

Eine Schrift, die auf einer Webseite Verwendung finden soll, ist jedoch nichts weiteres als eine Datei in einem bestimmten Format. Schiebt man diese auf den Server hoch damit alle Besucher die Webseite mit dieser Schriftart sehen können, kann sie auch von jedem dieser Besucher heruntergeladen werden. Das ist zwar illegal, aber wie heißt es doch: “Wo kein Kläger, da kein Richter”.
Aber – der Mensch wäre nicht Mensch, wenn es nicht auch hierfür schon verwendbare Lösungsansätze geben würde.

1. Cufon
Cufon ist eine auf Javascript basierende Methode, die zumindest optisch sehr einfach akzeptable Ergebnisse liefert und rechtlich sicher ist. Nachteilig ist jedoch, dass der via Cufon dargestellte Text nicht mehr mit der Maus markiert und kopiert werden kann. Sofern ein Text nicht explizit vor dem Kopieren geschützt werden soll, empfiehlt es sich nur Überschriften damit auszustatten und Cufon nicht für umfangreiche Fließtexte anzuwenden.

2. Typekit
http://typekit.com/
Typekit ist ein Dienst, der die rechtssichere Einbindung von Schriften auf Mietbasis ermöglicht. Die Preise sind moderat, aber abhängig davon wie oft eine Webseite pro Monat angeschaut wurde. Die Auswahl der zur Verfügung stehenden Schriften ist groß, trotzdem ist nicht immer das Gewünschte dabei.

3. Google Fonts
http://code.google.com/webfonts
Auch Google hat das Problem erkannt und stellt 28 Schriftarten zur Verfügung die problemlos verwendet werden können. Einziger kleiner Nachteil kann sein: die Schriften werden von einem Google-Server aus geladen, wenn der Server jedoch überlastet ist, kann es zu Ausfällen kommen.

Aussichten
Im Gespräch sind neue, speziell für das Web erstelle Schriftformate, mit denen dann sowohl das rechtliche als auch das technische Problem gelöst sein wird. Bis das jedoch umgesetzt ist, wird leider noch einige Zeit vergehen und sich die Webgemeinde wohl oder übel in Geduld fassen müssen.

–

Titelfoto: Jens Hertel – Fotolia.com

Mit Contao Webseiten erfolgreich gestalten

juke — Sat, 30 Oct 2010 09:33:11 +0000

Das Buch von Thomas Weitzel richtet sich an Webdesigner, die die Grundtechniken von CSS beherrschen und die nun ein Webprojekt unter Verwendung von Contao angehen und umsetzen möchten. Dabei gibt er nicht nur eine Schritt-für-Schritt Anleitung für das System, sondern bezieht den ganzen Prozess der Designarbeit von der Projektplanung bis zur Suchmaschinenoptimierung mit ein.

Insofern ist es nicht nur eine Offenbarung für Contao-Jünger sondern für alle, die sich als Webdesigner selbständig machen möchten. Denn wer sich professionell auf dem weiten Feld der Webseitengestaltung betätigen möchte, merkt schnell dass man organisiert und strukturiert arbeiten muss, wenn am Ende das Ergebnis nicht nur für den Auftraggeber erfolgreich sein soll.

Und genau hier beginnt Thomas Weitzel sein Buch und erklärt im Vorfeld der Contao Details auch die Prozesse der Designarbeit , was Moodboards sind und Wireframes und vergisst dabei auch nicht die wirklich guten Hilfsmittel aus der Trickkiste der Profi-Webdesigner vorzustellen.

Im Hauptteil des Buches sind dann die ausführlichen Erläuterungen zu Contao zu finden und auch hier lässt Thomas Weitzel kein Thema aus, was gestalterisch ambitionierte Webdesigner interessiert. Wie man ganz einfach Hintergrundbilder via CSS auswechseln kann wird genauso erläutert wie die Anwendung von Schriftarten abseits des Standards.

Zum Schluss erhält der geneigte Leser noch einen kleinen Einblick in die Basics der Suchmaschinenoptimierung und als Sahnehäubchen im letzten Kapitel noch einige kleine, aber feine Insider-Tipps.

Insgesamt halte ich das Buch für einen gelungenen Leitfaden für alle, die mit dem Beruf des Webdesigners und Contao liebäugeln und die – vielleicht für ein erstes Projekt – eine Anleitung für eine erfolgreiche Webseite suchen.