Webdesigns vom Feinsten(2/3)

    Längst findet der Verkauf nicht mehr nur auf der Straße statt, immer mehr Leute kaufen im Internet ein und immer mehr Dienstleistungen werden dort angeboten. Soweit, so bekannt.

    Umso wichtiger ist ein guter Auftritt im Web. Es reicht nicht eine gute Idee zu haben, sie muss auch visuell ansprechend verpackt sein. Eine Website, die nur aus Textelementen besteht, animiert niemanden sich für ein Produkt zu entscheiden.

    Deshalb haben wir die, unserer Meinung nach, besten Webdesigns aus verschieden Themengebieten für Sie ausgewählt.

    • Webdesigner
    • Softwareanbieter
    • Dienstleistungsanbieter & Onlineshops

    Gute Auftritte von Softwareanbietern

    Sie können eine sehr nützliche Software anbieten, der Webauftritt muss dem Produkt angemessen sein.
    Niemand hat Lust sich durch 100 Seiten zu klicken, bis er endlich die Software kaufen oder downloaden kann. Daher ist es gerade bei Websites von Softwareanbietern wichtig, dass der Link zum Produkt immer leicht zu finden ist. Am besten für diesen Zweck eignen sich Call-to-Action (CTA)- Elemente auf Ihrer Website.

    Im folgenden präsentieren wir fünf  Anbieter, deren Website besonders gut gelungen ist:

    1. Skype
    2. box 
    3. Launchlist 
    4. Mint 
    5. TechValidate

     

    Skype

    skype-startblid
    www.skype.com

     

    Wenn man die Website von Skype aufruft, ein Anbieter für audio-visuelle Kommunikation, öffnet sie sich mit einem Begrüßungsscreen. Nach fünf Sekunden wird man auf die Homepage weitergeleitet. Schon der Begrüßungsscreen zeigt sich in einem in Weiß und Hellblau gehaltenen, freundlich wirkenden Design. Die abgerundeten Ecken der Wolke und der CTA verstärken diese fröhliche Ausstrahlung. Auch der Pappaufsteller mit dem Herz und dem Skype-Logo heben dies hervor.

    Eine Slideshow gibt einen Überblick über die  Angebote von Skype. Hierbei hat jede Slide eine eigene Tag-Line und einen CTA. Der CTA hebt sich durch sein hellgrünes Layout farblich gut von dem blauen Hintergrund ab.

    Weiter unten auf der Homepage wird die Nutzung von Skype erklärt. Der Kunde kann sich ein Video zu dem jeweiligem Thema ansehen oder alternativ durch einen Klick auf ein Icon/Hyperlink auf eine Seite mit mehr Details gelangen. Auch auf diesen Seiten sind gut sichtbare CTAs integriert, welche zum Download des Produktes weiterführen.

    Das Produkt ist immer nur einen Klick entfernt, ganz im Sinne des Kunden.

    skype-startseite
    www.skype.com

     

    Hier geht es zur Website: www.skype.com

     

     box

    box-startseite
    www.box.com

     

    box ist eine weitere Website, die ein Design mit weiß, hellblau, abgerundeten Formen und Wolken benutzt. Die Wolken sind ein sehr nachvollziehbares Element, da es sich bei box um einen Anbieter für Clouds handelt. Wie bei Skype ist auch hier eine Slideshow in den oberen Teil der Website integriert. Anders als bei Skype ist der jeweilige CTA in blau. Ein Erklärvideo ist direkt in eine Slide integriert. Weiter unten befinden sich noch einmal detailliertere Angaben zu der Funktionsweise und der Sicherheit. Dabei sind die CTAs immer im Bild.

    Ein weiterer, gut gelungener Punkt ist die direkte Präsentation der bekanntesten Unternehmen unter den insgesamt 140.000 Kunden von box. Dies motiviert die Anwendung selbst auszuprobieren. Bei der Registrierungsseite sind die verschiedenen Angebote mit ihren Funktionen und Preisen angezeigt. Nebenbei sind Meinungen zufriedener Kunden eingeblendet, ein weiterer guter Ansatz.

    Zufriedene Kundenmeinungen helfen Unentschlossenen in der Kaufentscheidung.

    box-produktauswahl
    www.box.com

     

    Hier geht es zur Website: www.box.com

     

     Launchlist

    launchlist-startseite
    www.launchlist.net

     

    Launchlist ist eine Website, die sich vor allem durch ihren dunklen Hintergrund von anderen unterscheidet. Jedoch sind auch hier abgerundete Ecken ein Designmerkmal. Die Head-/Subline, der CTA und Bilder mit der laufenden Anwendung stehen in einer hellblauen Box. Dieser Kontrast zum Hintergrund führt den Blick automatisch darauf. Die Headline wird durch das in Klammern geschriebene „and a little bit of fun“ aufgelockert und lässt sie dadurch persönlicher wirken.

    Unter der blauen Box wird in kurzen Schritten erklärt, was der Kunde mit dem Programm machen kann. Jeder einzelner Punkt ist mit einem eigenen Icon ausgestattet und stellt einen visuellen Leitfaden her. Klickt man auf den CTA, um die Preise und genauen Angebote zu sehen, gelangt man zu einer neuen Seite. Auf dieser sind die Angebote mit kreativen, zum Logo passenden Namen aufgeführt. Die Rakete ist ein gut gewähltes Logo für ein Unternehmen, das Pre-Launching-Software anbietet. Sie verkörpert die Bereitschaft abzuheben und so die Website der Kunden vom Offline- in den Onlinemodus fliegen zu lassen.

    Für den Probeflug wird eine kostenlose Liteversion des Programmes angeboten. Guten Flug.

    Launchlist-angebot
    www.launchlist.net

     

    Hier geht es zu der Website: www.launchlist.net

    Mint

    mint-startseite
    www.mint.com

     

    Mint benutzt ein helles, schlichtes und seriös wirkendes Design. Der Blick führt auf die Bildmitte. Dort befinden sich die Head-/Subline, der Call-to-Action und Bilder von Geräten mit der laufenden Anwendung. Die Headline und die Subline versprechen eine Anwendung, die sich zur einfachen Verwaltung von Finanzen eignet und kostenlos ist. Der CTA („Free! Get Started“) betont dies.

    Auf einem Blick sieht der User außerdem, dass er von überall auf Mint zugreifen kann, sei es von seinem Smartphone, Tablet oder Rechner.

    Weiter unten werden die einzelnen Features vorgestellt. Sie sind jeweils mit einem Bild des Features und einem Link zu mehr Informationen versehen. Unten auf  der Homepage ist ein weiterer CTA, identisch mit dem oberen. Dadurch sind die Informationen perfekt eingerahmt und der Kunde hat  jederzeit die Möglichkeit, die Anwendung zu erhalten.

    Mit Mint behält der Kunde stets den Überblick über seine monatlichen Finanzen – auch von unterwegs!

    mint-seitenausschnitt
    www.mint.com

     

    Hier geht es zur Website: www.mint.com

    TechValidate

    techvalidate-startseite
    www.techvalidate.com

     

    TechValidate hat ein Design mit Grün als Hauptfarbe sowie ein sehr großes Hintergrundbild gewählt. Das Bild zeigt die Anwendung in Aktion und beinhaltet eine Extrabox in der sich Headline, Subline und die Call-to-Action-Icons befinden. Die Headline bringt den Effekt des unerwartet Erwarteten perfekt zum Ausdruck, da Produkte häufig mit „incredible“ angepriesen werden – ein intelligentes Wortspiel.

    Die CTAs sind farblich sehr gut in das Farbkonzept integriert. Der blaue CTA, der zu einem kurzem Erklärvideo führt, passt farblich zu dem Stuhl, auf dem die Frau sitzt, und zu den Grafiken auf den Bildschirmen. Der grüne CTA, der mehr Informationen liefert, passt farblich zu der Wandfarbe und der Tasse.

    Klickt man auf den grünen CTA, öffnet sich eine Seite mit weißem und grauem Hintergrund. Auf dieser sind Blau und Grün noch immer vorherrschende Farben bei den Grafiken, Texten und den ausgezeichnet platzierten Calls-to-Action. Auch die Integration von den Kundenmeinungen in die Grafik über die Funktion der Anwendung ist eine Innovation, die wir in der Redaktion vorher noch nicht gesehen hatten.

    Bei einem so guten Webauftritt ist die prominente Kundenliste durchaus verständlich.

    techvalidate-seitenausschnitt
    www.techvalidate.com

     

    Hier geht es zur Website: www.techvalidate.com

     

    Den ersten Teil unserer Webdesignreihe finden Sie hier: Webdesigns vom Feinsten (1/3)

     

     

    Bildnachweis (in der Reihenfolge des Auftretens):
    Screenshot von www.skype.com/intl/de/home
    Screenshot von  www.skype.com/intl/de/home
    Screenshot von www.box.com
    Screenshot von www.box.com/pricing/
    Screenshot von www.launchlist.net
    Screenshot von www.launchlist.net/sign-up
    Screenshot von www.mint.com
    Screenshot von www.mint.com
    Screenshot von www.techvalidate.com
    Screenshot von www.techvalidate.com/product

    Hinterlasse einen Kommentar:

    Kommentar
    Name