7Trends - we help to style you

Die Werbebanner des neues Online-Shops “7Trend - we help to style you” ziehen derzeit alle Blicke auf sich. Dabei besticht das Online-Kaufhaus vor allem durch die witzige und ideenreiche Lösung “we help to style you”, um somit einen guten Abverkauf der gezeigten Produkte zu erzielen. Der Titel hält also was er verspricht.

Klares und strukturiertes Design, namenhafte Marken, Fashionguide und Trendtipps machen das Stöbern und Einkaufen in diesem Shop zu einem echten Erlebnis. Ob Trend, Anlass, Kategorie oder Style Experte, der Kunde bestimmt selbst, in welchem Modus er shoppen möchte. Die Produktlisten werden durch zusätzliche kleine Teaser (Thementeaser, Looks, etc.) interessant und inforamtiv aufgepeppt.

Im Produktdetail von “7Trend - we help to style you” erhält der User Vorschläge, wie man ein gewähltes Teil zu einem ganzen Look vervollständigen kann. Hier werden ebenso verschiedene Stilrichtungen zur Komposition vorgestellt. Schnell verliebt man sich da in das nächste schöne Teil…

An der rechten Seite des Contents befindet sich die “zuletzt angesehen” Leiste. Praktischerweise kann man so sehr schnell, ohne zu scrollen, auf die letzten Produkte zurückgreifen.

“7Trend - we help to style you” präsentiert sich weiterhin sehr kundennah. Viele Informationen, die modebewusste Frauen interessieren, werden hier sympathisch und userfreundlich dargestellt. Auch der Stylingberater ist ein Feature, das zwar nicht neu ist, aber immer wieder gerne genutzt wird. Darüber hinaus liefert das Blog weitere Fashion News und Social Media Anbindungen machen das Teilen des Inhaltes mit Freunden leicht.

Insbesondere ist die große redaktionelle Leistung der jungen Moderedakteure auf “7Trend - we help to style you” hervorzuheben. Mit viel Liebe zum Detail und den zahlreichen Tipps rund um das Thema Fashion treffen die Shop-Betreiber voll ins Schwarze bei allen Modeinteressierten. Rundum wohl fühlen mit einer guten Beratung, dafür gibt es für 7Trend von dotfly beide Daumen hoch!

Odosketch - Ein Tool lässt das Illustratoren-Herz schneller schlagen

Was ist Odosketch?
Odosketch ist eine Flash basierte Anwendung, die das ein oder andere Illustratoren-Herz schneller schlagen lässt. 2006 wurde dieses Tool erstmals auf odopod.com als Feature einer Adobe Design Galerie gelauncht. Danach wurde es den Usern zur freien Verwendung zur Verfügung gestellt. Für Illustratoren ist odosketch ein witziges Tool, um digitale Zeichnungen anzufertigen, ohne sich im Vorfeld die Mühe machen zu müssen, Brushes, Farben etc. anzulegen. Eine Grundpalette an Brushes und Farben, sowie rudimentären Funktionen wie das Radieren, Löschen, Erneut laden und Speichern, wird dem User gestellt. Ist man mit einem Tablet ausgerüstet, kann man direkt starten. Zwar kann man hier keine Druckstufen einstellen, doch reicht die Basispalette an Funktionen aus, um eine mehr oder weniger schnelle Zeichnung anzufertigen, die (abhängig von dem künstlerischen Talent des Users) dennoch nach etwas aussieht.

Wie erstelle ich eine Zeichnung über das Tool?
Klickt man auf den Button “Create a sketch” im rechten, oberen Bereich der Website, öffnet sich die Anwendung.

Sie zeigt ein leeres, leicht vergilbtes Blatt Papier, welches dem User als Hinter- bzw. Untergrund dient.

Im unteren Bereich des Browserfensters ist die Basispalette zu finden, die folgende Funktionen aufweist:

- 23 verschiedene Farben/Brushes
- Radieren
- Farbe Weiß
- Löschen
- Erneut laden
- Speichern

Über die Basispalette kann sich der User einen Brush bzw. eine Farbe aussuchen und dann auch schon loslegen. Sehr intuitiv und realistisch bewegen sich die Striche auf dem Blatt Papier, während jede Bewegung aufgezeichnet wird.

Der User hat die Möglichkeit, seine Zeichnung zu speichern, wann immer er es möchte.

Zusätzlich wird aber auch jeder Schritt automatisch gespeichert. Um bestimmte Stellen zu korrigieren, kann der User einfach auf das Radiergummi-Icon klicken und die favorisierten Stellen entfernen. Dieses digitale “Radieren” bewirkt ähnlich wie das analoge Radieren eine leichte Abnutzung des Papierhintergrundes und entfernt nicht beim ersten Drüberfahren die gewählten Striche. Erst das mehrmalige Drüberfahren des Radierers bewirkt eine vollständige Entfernung der Striche. Ist der User mit seiner Zeichnung zufrieden, kann er diese nun abspeichern. Als Gimmick wird die Zeichnung vom ersten bis zum letzten Strich animiert. Wie im Zeitraffer kann sich der User die Erstellung seines Kunstwerkes anschauen.

Im oberen Bereich des Browserfensters gelangt man über ein Pulldown-Menü zurück zur Website.

Die Zeichnung taucht automatisch unter “Recent Sketches” auf.

Besondere Zeichnungen werden unter “Featured Sketches” vorgestellt.

Fazit:
Aufgrund der intuitiven Handhabung, dem schön aufgearbeiteten Set an Brushes und Basisfunktionen, und der realistischen Haptik, ist Odosketch ein Zeichentool, was Lust auf mehr macht. Mein kleines Illustratorenherz erfreut sich daran jedenfalls sehr. Aber probiert es einfach aus und überzeugt Euch selbst.

dotfly macht Betriebsferien bis zum 02.01.2012

dotfly macht über die Feiertage von Freitag dem 23.12.2011 bis Montag den 02.01.2012 Betriebsferien.

Wir wünschen allen unseren Kunden, Partnern und Freunden einen guten Rutsch ins neue Jahr!

Technischer Notdienst
Tobias Müller
.(Javascript muss aktiviert sein, um diese E-Mail-Adresse zu sehen)
0172 435 07 08

Projektmanagement
Claus Biedermann
.(Javascript muss aktiviert sein, um diese E-Mail-Adresse zu sehen)
0173 51 51 558

——-

dotfly is out of office until the 2nd of January.

We wish you a happy new year!

Technical Support
Tobias Müller
.(Javascript muss aktiviert sein, um diese E-Mail-Adresse zu sehen)
0172 435 07 08

Projektmanagement
Claus Biedermann
.(Javascript muss aktiviert sein, um diese E-Mail-Adresse zu sehen)
0173 51 51 558

TYPO3 extension programming mit extbase und fluid

Mit Phoenix wird sich in TYPO3, dank dem eigenst dafür entwickelten Framework FLOW3 und der bereitgestellten template engine Fluid, einiges ändern. Um auch heute schon zukunftssichere extensions programmieren zu können wurde extbase bereitgestellt - ein aufwändiger backport aus FLOW3.

Extbase lehnt gleich an mehrere moderne Architekturmuster wie MVC und DDD an und bietet somit klare Strukturierung und bessere Skalierbarkeit für extensions. Wer sich bei der Erstellung der dadurch anfallenden, komplexeren Verzeichnisstruktur etwas Arbeit ersparen möchte, kann alternativ zur manuellen Methode auf den Extension Builder zurückgreifen.

Nach erfolgreicher Grundkonfiguration gehen wir also von folgender Verzeichnisstruktur innerhalb des “typo3conf/ext/myExt/” directory aus:
Classes
    Controller
    Domain
    ViewHelpers
Configuration
    FlexForms
    TCA
    TypoScript
Resources
    Private
        Templates
    Public

ext_emconf.php

Um TYPO3 mit unserer extension bekannt zu machen erstellen wir zunächst die “ext_emconf.php” beispielhaft wie folgt:

1
2
3
4
5
6
7
8
9
10
11
12
13

<?php
$EM_CONF[$_EXTKEY] = array(
    'title' => 'casestudies',
    'description' => 'Referenzen',
    'category' => 'plugin',
    'author' => 'Christopher Orth',
    'author_email' => 'christopher.orth@dotfly.de',
    'author_company' => 'dotfly',
    'dependencies' => 'extbase,fluid',
    'clearCacheOnLoad' => 1,
	'state' => 'alpha',
    'version' => '0.0.0',
);

ext_localconf.php

Viel interessanter ist nun, was mit extbase in der “ext_localconf.php” passiert. Normalerweise musste das Plugin über die Methode “addPItoST43()” der Klasse “t3lib_extMgm” registriert werden. addPItoST43 ist auch eine der vielen Methoden, bei der man lange rätseln kann um deren kryptische Namensgebung zu entschlüsseln. Hier hilft ein Blick in die source code documentation, wobei die 43 für die uid des static templates “content.default” steht. Schauen wir uns nun an, wie wir unser Plugin in extbase registrieren:

1
2
3
4
5
6
7
8
9
10
11

<?php
 
if (!defined ('TYPO3_MODE')) die ('Access denied.');
 
Tx_Extbase_Utility_Extension::configurePlugin(
    $_EXTKEY,
    'Pi1',
    array(
        'Overview' => 'index',
    )
);

Der erste Parameter der “configurePlugin()” Methode erwartet den extension key, der zweite den eindeutigen Namen unseres Plugins in UpperCamelCase. Als dritter Parameter wird ein Array mit den controller-action-combinations übergeben. Dieses Array definiert in welcher Reihenfolge Controller und deren Actions aufgerufen werden sollen. Wir würden mit dieser Angabe also aus dem “Overview” Controller die Action “index” aufrufen.

OverviewController.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?php
 
class Tx_Casestudies_Controller_OverviewController extends Tx_Extbase_MVC_Controller_ActionController
{
 
    public function indexAction()
    {
        $this->view->assign('aCaseStudies', $this->_getCaseStudies());
    }
 
    protected function _getCaseStudies()
    {
        ...
    }
 
}

View

Im Verzeichnis “Resources/Private/Templates/Overview/” wird nun das entsprechende View der aufgerufenen “index” Action erwartet. Das Template muss analog zur Action benannt werden, heißt in diesem Fall also “index.html”. Im View selber stehen bereits einige Helper zur Verfügung, die die Verarbeitung von komplexen Arrays und Objekten vereinfachen.

1
2
3

<f:for each="aTest" as="foo">
    foo
</f:for>

Jedem, der sich intensiv mit der Entwicklung von Extensions unter extbase und Fluid beschäftigen möchte, kann ich die O’Reilly Ausgabe “Zukunftssichere TYPO3-Extensions mit Extbase und Fluid” von Jochen Rau und Sebastian Kurfürst empfehlen.

dotfly freut sich über die Zusammenarbeit mit der GLS Bank

Die GLS Bank hat sich für eine enge Zusammenarbeit mit der Kölner Internetagentur dotfly entschieden. Die Online-Spezialisten werden die erste sozial-ökologische Universalbank der Welt zukünftig im digitalen Bereich betreuen.

Die GLS Bank ist dabei nicht irgendein Geldinstitut, sondern genau der Typ von Bank, der von vielen Experten nach den Erfahrungen mit der globalen Finanz- und Bankenkriese gefordert wird: Eine Bank für die Realwirtschaft, eine Bank deren Geschäftstätigkeit nicht auf kurzfristiger Gewinnmaximierung basiert, sondern auf nachhaltigem Wachstum und klar definierten, moralischen Prinzipien* und eine Bank, die durch ihre genossenschaftliche Organisation mitbestimmt wird.

Als Unternehmen mit bundesweit sieben Filialen, nehmen die Online-Aktivitäten eine zentrale Stellung für die Weiterentwicklung der GLS Bank ein. Als Beratungs-, Kreativ- und Umsetzungspartner wird sich dotfly in diesem Bereich zunächst um eine Plattform zur Mitgliedergewinnung kümmern und hierfür in einem ersten Schritt eine eigene Mitgliederinternetseite entwickeln.

Wir danken der GLS Bank für das entgegengebrachte Vertrauen und freuen uns sehr auf die gemeinsame Zusammenarbeit.

* Laut Ausschlusskriterien der GLS Bank werden u. a. folgende Unternehmens-
felder bzw. Herstellungsmethoden nicht finanziert: Atomenergie, Embryonen-
forschung, Gentechnik, Rüstung, Suchtmittel, Kinderarbeit und Tierversuche.

Die multiple Persönlichkeit des Störers

Würde ein Designer dieses kleine, aber essentielle, grafische Element personifizieren, so würde er ihn vermutlich wie folgt beschreiben: Als Paradiesvogel ohne Gleichen wagt er einen bunten Auftritt in seiner (hoffentlich) stilvollen Umgebung. Egozentrisch schreit er nach Aufmerksamkeit, provoziert seinen Betrachter und forciert ihn - im besten Falle - zu agieren. Mit ambivalenten Gefühlen begegnet der Betrachter diesem Einzelgänger. Hasst man ihn, liebt man ihn oder empfindet man beides für ihn? Wie auch immer die persönliche Meinung über diesen Freigeist ausfällt, Fakt ist, dass man sich seiner kaum entziehen kann.

Wer kennt ihn nicht - unseren verhassten und gleichzeitig geliebten Störer? Hier ein kurzer Auszug über das Enfant terrible, das sich besonders gerne im E-Commerce-Habitat bewegt:

Der klassische “Preis-Störer”:
Als Klassiker ist dieser Störer in Onlineshops ein favorisiertes Stilmittel, um Preise hervorzuheben und auf den ersten Blick sichtbar zu machen. In Form und Farbe kann der Preis-Störer variieren, ruft aber immer dieselbe Aktion hervor; nämlich den Blick auf sich zu ziehen und den Betrachter visuell zu umgarnen.

Beispiele:

Spanx Inc.:

Tshirt Factory:

BonLook:

evelMerch:

Der extravagante “Rabatt-Störer”:
Dieser Zeitgenosse liebt das Rampenlicht und stößt seinen Betrachter gerne vor den Kopf. Mit wenigen Worten und großen Prozentzeichen bewegt er den User, die Vielfalt vergünstigter Produkte zu durchstöbern und evtl. zu kaufen.

Beispiele:

Pip studio:

Brandos:

Der verführerische “Aktionsstörer”:
Dies ist wohl das auffälligste Kind der Störer-Familie. Nach Aufmerksamkeit schreiend hält es sich dort auf, wo man es nicht ignorieren kann, z.B. im sichtbaren Bereich des Onlineshops oder in einem Aktionsteaser des Headersbereichs etc. Egal wo er sich befindet, er ist unübersehbar und subtil manipulativ, sodass er es oftmals schafft, den User zu einem Kauf zu bewegen. Schließlich sind Aktionen innerhalb eines bestimmten Zeitraumes mit rabattierten Produkten ein verlockendes Angebot.

Beispiele:

The Brown Corporation:

Zalando:

Der facettenreiche “Tipp-Störer”:
Dieser Geselle trägt viele Gesichter und weist den potentiellen Käufer auf die Besonderheit eines Produkts hin. Produkte, die z.B. besonders trendy oder besonders günstig sind, werden gerne in Onlineshops mit diesem Störer versehen.

Beispiele:

Görtz:

Puma:

H&M:

Mouse To Minx:

Der schlichte “Neu-Störer”:
Anders als seine Geschwister fügt sich dieser Störer harmonisch in sein Umfeld ein. Zwar fällt er auf, doch ist sein Auftreten eher schlichterer Natur.
In Onlineshops wird er gerne für die Anküngidung neuer Ware verwendet, was oftmals die Reaktion hervorruft, nach neuen Produkten zu filtern und diese Auswahl zu durchsuchen.

Beispiele:

The agnès b. group:

Kickz:

Zappos:

Teez:

Der funktionale “Klick-mich-Störer”:
Als funktional und auffällig würde man diesen Störer beschreiben, der den User zu einer Aktion bewegt und hält, was er verspricht. In Onlineshops wird dieser Störer z.B. für Downloadlinks und Subscribtions usw. verwendet.

Beispiele:

The Little Cake Parlour:

Brand Neusense:

Metropolis Coffee Company:

20 schöne Beispiele für Faceted Filtering

Bei einer großen Anzahl von Produkten ist das Filtern per Eigenschaft oder Merkmal ein schöner Mehrwert. Die Faceted Search ist eine einfache und selbsterklärende Navigation, die jedem User einen bedürfnisorientierten Zugang zu seinem Wunschprodukt bietet, so lange sie durchdacht und gut gestaltet ist. Hier ein paar schöne Beispiele.

Blik

Bonlook

Besser gehen

Camper

Marley Coffee

Design by humans

Deichmann

Görtz

Grenson

Just Cuckoos

Loake

Makr Carry Goods

Mirapodo

Nike Store

Peter Hahn

Praxisdienst

Quatuor

Threadless

Unique Way

Hunters Wineshop

Online Shop Praxisdienst und Praxisdienst.VET

Die Praxisdienst Dieckhoff & Ratschow GmbH & Co. KG ist ein etablierter Anbieter von medizinischem Zubehör. Neben dem klassischen Kataloggeschäft nutzt das Unternehmen zwei B2B-Online-Shops als Vertriebskanäle. dotfly hat als neuer Agenturpartner für den Online-Bereich die Weiterentwicklung und Betreuung der beiden E-Commerce-Plattformen übernommen und diese im Rahmen eines Relaunchs jetzt komplett überarbeitet.

Für den strategisch entscheiden Onlinebereich wünschte sich Praxisdienst einen Agenturpartner, der die bestehenden E-Commerce-Plattformen fortentwickelt weiterentwickelt, umfassend betreut und dabei für sichere technische Abläufe sorgt. Voraussetzung waren umfassende Erfahrungen mit dem Shop-System OXID eCommerce. Als langjähriger OXID Premium Solution Partner kann dotfly genau diese Erfahrung bieten.

Echte Mehrwerte und technische Stabilität als Zielvorgaben

Basierend auf Usability-Tests und einem Experten Review der bestehenden Website hat dotfly die zwei Online-Shops komplett überarbeitet. Neben vielen neuen Funktionen, wie Produktvergleich, Facted Navigation, fehlertoleranter Suche und einem Kreditrechner, hat dotfly zwei besondere Highlights im Online-Shop von Praxisdienst realisiert: Zum einen den neuen Bestellmanager und zum anderen das Thema Unit Testing mit Continuous Integration.

Erfahren Sie mehr unter unsere Projektbeschreibung „Zum Projekt“.

Eine einZiegartige Tat verschenken.

Draußen wird es langsam kalt, der Erste Advent naht und die Frage nach einem tollen Weihnachtsgeschenk für die Liebsten treibt einem schon wieder den Schweiß auf die Stirn.
Ein neuer Fernseher? Ein neues Handy? Oder wie wäre es mit einer Ziege?
Eine Ziege? Damit werden wohl die wenigsten etwas anfangen können.
Die Menschen in Somalia schon!

Auf www.unverpackt.oxfam.de kann man ganz einfach, auch mit kleinem Geldbeutel, eine gute Tat verschenken.

Nicht nur (Klein)-Tiere, wie Hühner, Schafe oder Esel sind für die Menschen dort lebenswichtig, auch die Bildung steht bei Oxfam Deutschland e.V. ganz oben auf der Wunschliste.
Schon ab einem Betrag von 9 Euro kann man eine gute Tat verschenken und nicht nur seinen Liebsten ein Lächeln ins Gesicht zaubern!

Projizieren Sie sich einen Dottie an die Wand

Fast jeder kennt Sie noch aus der Schule – optische Täuschungen. Aber wissen Sie schon, wie Sie sich eine ganz persönliche, kleine Sinnestäuschung basteln?
Wir zeigen wie es geht und erklären den Effekt.

Probieren Sie es aus
Fixieren Sie mit Ihrem Blick für ca. 10-15 Sekunden den roten Punkt auf dem Bild. Wenden Sie Ihren Blick ab und schauen Sie auf eine weiße Fläche — jetzt blinzeln Sie ein paar Mal!

Wie es funktioniert
Das negative Nachbild entsteht durch eine „Ermüdung“ der Netzhaut. Werden Ihre Augen mehrere Sekunden lang dem gleichen Reiz ausgesetzt, schwindet vorübergehend das Seh-Potential. So werden für einige Sekunden weniger Signale von den Augen an das Gehirn übertragen. Es entsteht ein Phantombild in Komplementärfarben.

Neben negativen, gibt es auch positive Nachbilder. Diese entstehen durch helle Lichtquellen. Das Phantombild entspricht in diesem Fall den Farbwerten des leuchtenden Objekts.
Besonders stark ist dieser Effekt, wenn man beispielsweise direkt in die Sonne blickt.

Basteln Sie Ihr eigenes negatives Nachbild
Für die Erstellung einer solchen Sinnestäuschung sind keine besonderen Bildbearbeitungskenntnisse erforderlich.

Suchen Sie sich zunächst ein Bild eines beliebigen Objektes auf weißem Hintergrund aus. Nun müssen Sie die Farben des Bildes umkehren. Eine Funktion hierfür finden Sie sogar in dem kleinen Programm „Paint“, das mit jedem Windows-System ausgeliefert wird (Paint -> Bild -> Farben umkehren). Mac Benutzer finden eine gleichwertige Funktion in Ihrem iPhoto Programm.

Abschließend müssen Sie nur noch einen Fixpunkt in einem zentralen Bereich des Bildes setzen. Bei Personen bietet es sich an, einen kleinen, roten Punkt in der Mitte des Gesichtes zu platzieren.

Fertig ist Ihre persönliche Sinnestäuschung.

Usability Tests

Oft geben Zeit und Budget keine aufwändigen Usability-Test-Aufbauten her. Dann ist es Zeit für Guerilla-Testing. Ein einfach zu bedienendes Tool für solche Ad-hoc-Tests ist die Software Silverback.

Usability Testing mit Silverback

Die Software für den Mac filmt Probanden über die eingebaute iSight Kamera und erstellt parallel dazu einen Screencast der Benutzeraktivitäten. So kann man bei der Auswertung die Benutzerinteraktionen und den Gesichtsausdruck der Testperson zugleich verfolgen und miteinander vergleichen.

6 Tipps für die Praxis

Hier ein paar Tipps, die sich in unserer Praxis beim Guerilla-Usability-Testing bewährt haben:

01: Zu zweit testen:

Nehmen Sie einen Kollegen zu öffentlichen Tests mit, Ihr Test bekommt so einen offizielleren Charakter und sie können sich gegenseitig unterstützen oder bei Interviews abwechseln. Am besten hat Ihr Partner ein anderes Geschlecht als sie selbst. Leute reagieren auf gemischtgeschlechtliche Teams oft offener und positiver.

02: Spontan sein und improvisieren:

Guerilla-Tests sind schnell und preiswert. Machen sie keine Doktorarbeit daraus. Stecken Sie ein klares Ziel. Bereiten Sie den Einstieg vor, aber lassen Sie Raum für Spontaneität. Wenn der erste Test nicht wie gewünscht klappt, besprechen Sie sich mit Ihrem Kollegen und variieren Sie Ihr Vorgehen.

03: Keine Ablenkung:

Verwenden Sie einen leeren Desktop und deaktivieren Sie alle Software, die den Probanden mit Meldungen ablenken könnte.

04: Alte Browserdaten löschen:

Verwenden Sie ein neues Browser-Profil. So stellen Sie sicher dass gespeicherte Formulardaten oder die Autovervollständigungen von Suchanfragen die Tester nicht beeinflussen.

05: Für Rechtssicherheit sorgen:

Erläutern Sie den Zweck des Test und was mit den Nutzerdaten der Probanden geschieht, auch wenn das die Spontaneität der Tests bremst. Lassen Sie Ihre Testkandidaten ein entsprechende Einverständniserklärung unterzeichnen. Sorgen Sie dafür, dass die anfallenden Daten nur zum vereinbarten Zweck verwendet werden und keinem Unberechtigten zugänglich sind.

06: Ergebnisvideo schneiden:

Sie sollten Ihre Videos schneiden, bevor Sie sie einem Publikum zeigen. Sprungmarken für Highlights und Batch-Export von Silverback in der Version 2.0 leisten hier gute Dienste. Verdichten Sie einzelne thematische Aspekte, das hilft Ihnen bei der Ergebnisstrukturierung.

Über den Autor: Achim Zimmermann leitet die Unit Konzeption und arbeitet als User Experience Spezialist & Information Architect bei dotfly.

dotfly unterstützt die Elterninitiative KiTa Butterblume mit neuer Website

Genau diese Erfahrungen hat auch die Braunsfelder Elterninitiative Butterblume e.V. gemacht. Über den persönlichen Kontakt zur Agenturinhaberin Franziska Coenen war schnell eine Lösung gefunden: Es muss eine professioneller Internetauftritt her. Und damit das Budget des gemeinnützigen Vereins geschont wir, kommt diese unentgeltlich von der Kölner Typo3 Agentur dotfly.

DROOM / DESIGN YOUR ROOM

Wenn man sich in der eigenen Wohnung fühlt wie in einem IKEA-Showroom und irgendwie jegliche Kreativität in den eigenen 4 Wänden fehlt, dann ist man auf dieser Webseite genau richtig um etwas Pfiff in die Bude zu bekommen.

Hier kann man von Tischen, Sitzelementen bis zu Tapeten alles selber gestalten. Entweder man wählt aus dem großen DROOM eigenen Fundus, oder lädt seine eigenen Motive hoch.

Also viel Spaß beim stöbern und selber gestalten.

Webdesign anno 1997

Es war ein mal ein grüner Tag in der dotfly Web-Spinnerei, als ein Unbekannter aus der Umgebung sein Hab & Gut vor die Tore lud. Es waren seine antiquarischen Liebhaberwerke: seltene Bücher anno 1997 mit den Namen „The Webdesign WOW! Book“ & längst vergessenen Disketten mit der Prägung „The Internet Marketing Plan“. Das staunen über diese alten Schätze, war den dotties nicht mehr auszutreiben.

Und wenn sie nicht gestorben sind, dann lesen sie sie noch heute.

Hello, my name is…

...Tilano Roser & ich bin Praktikant bei dotfly. Mein Hintergrund ist ein abgeschlossenes Studium als Multimediendesigner in Dänemark, mit Schwerpunkt Web- und Print Design. Mein nächstes Ziel ist ein Professions Bachelor in Web Entwicklung, wofür ich ein 3-monatiges Praktikum als praktischen Teil absolviere.

In meinem Praktikum bei dotfly werde ich in der Design Unit arbeiten. Meine Aufgaben sind Websites zu pflegen, zu programmieren und frische Designs zu gestalten, was mir sehr zusagt.

In den ersten 2 Wochen habe ich schon die ersten spannenden Projekte hinter mir, wie dem großen Relaunch der dotfly Website, welcher sich nach viel Arbeit auch wirklich gelohnt hat. Ich empfehle einen Blick darauf: www.dotfly.de

Ich erhoffe mir weitere spannende Projekte, bei denen ich mich kreativ entfalten kann und noch einiges dazu lerne. Ich suche die Herausforderung und möchte neue Wege gehen. Dies kann technisch sein, mit neuen Programmiertechniken, wie jQuery, HTML5 & CSS3 oder auch im Bereich Design, mit dem Ausprobieren von neuen Stilen und Trends.

Meine bisherigen Erfahrungen mit dem Team zeigen mir, die Dotties sind alle super gut drauf und ich freue mich auf eine gemeinsame Zeit mit ihnen.

Das Photogenie von FUJIFILM

Eigene Fotoleinwände, Fotokalender, Fotogeschenke von den eigenen Bildern – All das und noch vieles mehr lässt sich nun kinderleicht und in aller Ruhe von zu Hause aus gestalten und bestellen.

Mit dem neuen Photogenie hat FUJIFILM mal wieder einen Geniestreich geschaffen. So kann man mit ihm die eigenen Lieblingsbilder bearbeiten und mit nur einem Klick auf eines vieler verschiedener Fotoprodukte drucken lassen.
Kreative dürfen sich auf die Collagen-Funktion freuen, mit der schon in kurzer Zeit tolle Fotokompositionen erstellt werden können.

Dotfly entwickelte für die Bestellsoftware eine intuitive Benutzeroberfläche im neuen Design mit sauberer Benutzerführung, die das Programm auch für Fotobegeisterte mit wenig Erfahrung komfortabel und funktionell macht.
Da wir uns natürlich nie nur mit Pragmatik zufrieden geben würden, gaben wir der Software ein emotionales Bildkonzept mit, das sich so perfekt in die klare Umgebung einfügt, dass die “Arbeit” mit der Bestellsoftware schnell zu einem Vergnügen wird.

Hier können Sie das aktuelle Photogenie runterladen:
www.fujidirekt.de

dotfly erschafft mal wieder etwas für’s Auge

Dank dotfly kann die Website von Optik Herter nun neu wahrgenommen werden. Um sich dem aktuellen Zeitgeist anzupassen, hat das Familienunternehmen aus dem Vorgebirge die “eigenen” Waffen genutzt: die Augen.

Während die drei Filialen in Alfter, Bornheim und Heimerzheim durch optimale Beratung und präzise Fertigung bestechen, sorgen auf der neuen Website klare und geradlinige Strukturen für ein Gefühl von Professionalität. Große, stimmungsvolle Moodbilder lösen gleichzeitig beim User ein Gefühl von Geborgenheit, Kompetenz und Erfahrung aus.
Das Trendgespür beweist Optik Herter schon seit fast 35 Jahren im Vorgebirge, nun soll die Leidenschaft, Innovation und Trendsicherheit auch im Netz fortgesetzt werden.

dotfly hat gerne geholfen, den entscheidenden Schritt in die Zukunft zu tun.

Fegers und Berts – Der Online-Shop für stilvolle Genießer

Mit einem neuen Online-Shop bietet der familiengeführte Traditions-Weinhandel Fegers und Berts Weinliebhabern eine bequeme Bestellmöglichkeit direkt aus den eigenen vier Wänden.

Die eleganten Fotomotive aus den Weinanbauregionen unterstreichen den hohen Qualitätsstandard des Unternehmens. Die klare Navigationsarchitektur bietet einen einfachen Zugriff auf verschiedene Produktkategorien. Für spezielle Kundenwünsche wurde die erweiterte Suche entwickelt, bei der eine Einschränkung nach Kategorien und nach weinproduzierenden Ländern vorgenommen werden kann. Ebenso ist eine kombinierte Suche nach dem gewünschten Produkt möglich. Mit interessanten Hintergründen zu einzelnen Weinsorten und Anbauregionen liefert der Newsbereich nicht nur informativen Mehrwert, sondern hält auch eine fachkundige Weinempfehlung für Weinkenner bereit. Dank einer internen Verlinkung können Weininteressenten aus dem Produkthighlight-Bereich unmittelbar in den Kauf- und Bestellbereich gelangen.

Mit dem integrierten Website-Zusatzmodul „Bestseller“ zielt Fegers und Berts auf einen erheblichen Anstieg der Kaufkraft ab, während die Newsfunktion einer nachhaltigen Kundenbindung dient.

Liebes Tagebuch,

seit dem 06.Juni bin ich nun auch Teil des dotfly-Teams und werde hier im Rahmen meiner Ausbildung als Mediengestalterin die nächsten drei Monate als Praktikantin in der Unit Grafik verbringen.

Ich bin fasziniert, wie strukturiert und organisiert dotfly ist, auch wenn ich zugeben muss, dass ich mich noch nicht ganz durch die ausgeklügelte Ordnerstruktur durchgearbeitet habe
Die Arbeitsabläufe sind bis ins kleinste Detail durchgeplant und bei Fragen steht mir immer jemand mit Rat und Tat zur Seite.
Die Arbeitsatmosphäre ist großartig! Daher bin ich mir sicher, dass ich hier gut aufgehoben bin und freue mich auf eine schöne Zeit voller interessanter Projekte!

Eine wahre Fundgrube für niveauvolle Unterhaltung

Vorhang auf für eine großartige Show der besonderen Art! Seit 15 Jahren beschert die Burscheider Künstlervermittlung „RUDI RENNER Agentur“ ihren großen und kleinen Gästen ein wahres Feuerwerk der Sinne. Wie auf der Bühne, so auch im Netz liefert die Agentur einen prächtigen farbenfrohen Auftritt.

Während große Fotografien erste Impressionen zu den eindrucksvollen Show-Acts geben und somit für eine starke Emotionalisierung sorgen, erfahren die Interessenten in den eingebauten Videos mehr zu ihrem Favorit und können diesen direkt von ihrem PC aus in Aktion erleben. Spielend leicht wird der Navigationsprozess insbesondere durch die plakativ wirkende Blockschrift. Zum Weiterblättern animiert eine bewegliche Bilderreihe, die ebenso die der Unternehmenskonzeption zugrundeliegende gelebte Lebendigkeit effektiv unterstreicht.

Der ruhige Farbkontrast in Rot-Grau knüpft an das Corporate Design an und verleiht der Unternehmenswebsite eine eigene unverwechselbare Handschrift. Somit ist und bleibt Rudi Renner eine wahre Fundgrube niveauvoller Unterhaltung.

Der elegante Arzt-Begleiter aus England stellt sich vor

In bester englischer Tradition präsentiert sich die neue Taschenkollektion der Marke M. Wright & Sons. Die schlichte Eleganz der funktionell anspruchsvollen Tragegelegenheit für medizinische Instrumente spiegelt sich auch im Webdesign der Microsite wieder.

Die klassische Farbgebung in Schwarz-Gold unterstreicht die Tradition des Unternehmens. Die großen Produktfotografien verstärken emotional den Kaufwunsch. Ein zügiges Blättern ermöglicht die einfache Seitennavigation. Zusätzlich bietet die externe Verlinkung zu den Produktshops ausgewählter Fachhändler eine unkomplizierte Möglichkeit, das gewünschte Taschenmodell direkt anzufordern.

Hallöchen!!

Seit dem 1. April und für die nächsten 11 Monate darf auch ich mich als Dottie bezeichnen, denn im Rahmen meiner Ausbildung zur Mediengestalterin Digital und Print verbringe ich hier meine Praktikumszeit.

Auch wenn ich erst seit ein paar Wochen hier bin, bin ich ganz begeistert von der tollen Atmosphäre. Neben netten Leuten und einer Menge Spaß gibt es hier viele interessante und tolle Projekte. In friedlicher, stimmungsvoller Atmosphäre lässt es sich super arbeiten und so lernt man hier jeden Tag fleißig was dazu. Auch wenn Flash nie zu meinen Lieblingsprogrammen gezählt hat, kann ich behaupten, dass ich es mittlerweile (ein kleines bisschen) mag!

Ich bin gespannt auf die kommenden Monate, auf weitere tolle Aufgaben und all das, was mich noch so erwarten wird. Ich bin mir sicher, dass es eine tolle Zeit wird und bin gespannt wie es weitergeht…

Dark Dudes on Facebook

Die Dark Dudes präsentieren sich ab sofort auch auf Facebook. In Zusammenarbeit mit dotfly wurde ein Konzept für das soziale Netzwerk erarbeitet. Der Auftritt der Dudes bleibt wie gewohnt frech, fügt sich aber trotzdem gut in die cleane Umgebung ein. Besonderes Augenmerk wurde auf eine bessere Positionierung der Dark Dudes Bekleidungsprodukte gelegt, die bisher durch das facettenreiche Sortiment eher in den Hintergrund gedrängt wurden. Dotfly realisierte für diese Zwecke einen Shopfinder als Facebook-App.

Das virale Potential soll durch lockende Inhalte und tägliche Posts die Reputation der Dark Dudes erhöhen. Grundlage dafür bilden eine Reihe von Apps, darunter das Spiel “Headbanger” und die “Diss a Dude”-App, die garantiert für jeden der Freunde einen frechen Spruch parat hat.
Nicht zu vergessen, der “Musicmaker”, mit dessen Hilfe man einen personalisierten Song für Freunde generieren und verschicken kann.

Sämtliche Grafiken wurden selbstverständlich eigens für Facebook von dotfly entworfen.

Eine Journalistin, die auf Worte verzichtet

Ohne viele Worte präsentiert sich Katrin Alvarez in neuem Glanz. Mittels ihrer gewaltigen Bildsprache erreicht sie den Geist des Betrachters und berührt ihn auf eine verwirrende, tiefgehende und nahezu erschreckende Weise. Ohne Zweifel hinterlässt Katrin Alvarez´ Bilderwelt einen spürbaren Nachklang in dem Betrachter – so als hätte dieser die unausgesprochene Botschaft eines Journalisten verstanden, der über die Abgründe der Menschheit schreibt.

Der von dotfly gestaltete Relaunch rückt die Persönlichkeit der Künstlerin Katrin Alvarez durch die Kombination aus klar strukturiertem Design und der Inszenierung ihrer Bilder in den Vordergrund. Um den Ausdruck ihrer Bilder zu unterstreichen und dem User gleichzeitig Hintergrundinformationen über die Künstlerin zu liefern, werden Texte gänzlich von der Bildwelt separiert und in einem eigenen Block aufgeführt.

Ein Lichtblick im Wirtschaftschaos

Um potentielle Kunden auf die Leistungen der contractus GmbH aufmerksam zu machen, realisierte dotfly eine Landingpage zum Thema Transfergesellschaft.
Als Herzstück der laufenden Google Adwords Kampagne hat sie zum Ziel die Konversionsrate zu steigern.
Die Seite bildet alle Informationen zu Dienstleitungen der Transfergesellschaft in einem klaren und leicht verständlichen Überblick ab. Das Design führt die Besucher strukturiert durch die Inhalte. Somit können die ausführlichen Informationen schnell aufgenommen werden.
Am Ende der Seite stehen vielseitige Möglichkeiten der Kontaktaufnahme. Unter anderem die unverbindliche Erstellung eines Angebotes, für die der Kunde über eine geschützte Verbindung eine Anfragedatei hochladen kann.

dotfly und das Elixier des Verlangens

Raffole platziert sein “Elixir de Désir” auf dem Markt der Edel-Düfte. Neben einem TV-Spot, der das Produkt auf dem französischsprachigen Markt bewirbt, liefert dotfly das Design für die neue Produktwebsite.
In einem offenen Casting sucht Raffole zurzeit nach dem perfekten Gesicht für die neue Kampagne. Die Favoriten werden nach der Vorbewertung zur finalen Abstimmung durch das Publikum auf der Site online gestellt. Ein Blog gibt Einblicke in die Hintergründe und Entstehungsgeschichte des neuen Duftes.

dotfly relauncht Praxisdienst

Ein weiterer Enterprise Kunde vertraut auf dotfly. Praxisdienst beauftragt dotfly mit dem Relaunch seines Webshops auf Basis der Shopsoftware OXID eSales Enterprise Edition und baut damit sein Erfolgskonzept für die Zukunft weiter aus.

Praxisdienst beliefert niedergelassene Ärzte, Krankenhäuser und Pflegeeinrichtungen mit Medizinprodukten von der Spritze bis zur kompletten Praxiseinrichtung in Deutschland, Österreich, Luxemburg, den Niederlanden, Frankreich und Belgien.

Zusätzlich bietet Praxisdienst seit 2009 unter der Marke Praxisdienst -VET ein umfangreiches Sortiment für die Veterinärmedizin.

Als führendes Unternehmen auf dem europäischen Markt steht Praxisdienst für kompetente und freundliche Beratung durch ausgebildete Medizinprodukteberater und zeichnet sich durch ein großes und stets aktuelles Sortiment aus. Modernste Logistik sorgt für schnelle Lieferung. dotfly liefert mit dem neuen eShop die passende Performance im Web.

Simon’s Cat

Simon’s Cat ist die verrückteste Katze, seit es Comics gibt. Mit hingebungsvoller Liebe zum Detail erweckt der Zeichner Simon Tofield das süße Kätzchen zum Leben - und das so realistisch, wie man es sich nur vorstellen kann.

Von einem Schlammassel in den nächsten maunzt sich der neugierige Vierbeiner und hält seinen Menschen ganz schön auf Trapp.

Naiv, egoistisch, dauerhungrig und dreist erschnurrt sich Simon’s Cat mit ihren großen, unschuldig dreinblickenden Augen die Sympathie ihrer Fans. Jeder Katzenkenner wird hier garantiert viel zu lachen haben!

Zu Simons cat Webseite