Professionelles Design

Eine Webseite aus einem Baukasten sieht oft nicht so professionell aus, wie eine Webseite, die eine Agentur individuell für Sie erstellt hat. Bei einer Agentur zahlen Sie in der Regel 1000-3000 EUR für eine kleine Webseite. Dazu kommen regelmäßige Kosten für Änderungen der Inhalte etc.

Um Ihr Budget zu schonen und flexibel selber Ihre Inhalte ändern zu können, haben Sie eine Webseite bei Beepworld erstellt. Damit die Webseite im Rahmen des kleinen Budgets annehmbar professionell aussieht und Sie damit Kunden gewinnen und Umsätze erzielen können, empfehlen wir folgende Vorgehensweise. Bitte begeben Sie sich in Ihre Beepworld Seitenbearbeitung und folgen diesen Punkten:

1. Design wählen

Wählen Sie unter "Design anpassen" => "Design wählen" eine Variation unseres Designs "Berlin" (Empfehlung) als Grundlage für Ihre Webseite aus. Es handelt sich um ein modernes und übersichtlichtliches Design. Andere Design sind auch ok, jedoch weniger modern und nicht so gut optisch anspassbar.

2. Hintergrund ändern

Klicken Sie, nachdem das Design in Ihrer Seitenbearbeitung gewählt wurde, auf den Link "Design anpassen" => "Hintergrund". Links in der Seitenleiste finden Sie dann die Einstellungsmöglichkeiten für die Farben und den Hintergrund.

3. Profi-Hintergrundbild kaufen

Sie benötigen ein professionelles Hintergrundbild, was genau thematisch zu Ihrer Webseite passt. Selbst geschossene Bilder haben nur selten die nötige Qualität, um dem Besucher Ihrer Webseite zu signalisieren "diese Webseite ist vertrauensvoll und professionell".

Öffnen Sie die Seite Fotolia und erstellen sich einen Account. Fotolia ist eine große Bilderdatenbank. Sie können dort ein Profi-Foto für den Hintergrund Ihrer Webseite kaufen (Kosten: ca. 5-30 EUR pro Bild). Öffnen Sie Ihre aktuelle Webseite und schauen auf das Zusammenspiel von Hintergrundbild und Inhalten. Sehr unruhige Bilder sind eher ungeeignet. Wählen Sie ein Bild mit mindestens Bildgröße L bei Fotolia, damit Ihr Hintergrund nicht unnötig bei größeren Bildschirmen vergrößert wird und dabei an Qualität einbüßt.

Nachdem Sie das Foto bei Fotolia gekauft haben, können Sie es in Ihrer Seitenbearbeitung hochladen.

4. Deckkraft anpassen

Ist Ihr Bild unruhig oder die Schrift Ihrer Texte nicht mehr gut lesbar? Dann erhöhen die die "Deckkraft" Ihres Inhaltsbereichs mit dem Regler unter "Design anpassen" => "Farben & Schrift".

5. Farbkombination ermitteln

Jetzt kommen die Farben an die Reihe. Ihr Hintergrundbild gibt vermutlich eine dominierende Farbe vor. Öffnen Sie die Webseite kuler.adobe.com und stellen dort die Hauptfarbe Ihres Hintergrundbilds ein. Ihnen werden nun dazu passende Farbvariationen ausgegeben. Bei den passenden Farben finden Sie bei Adobe Kuler im unteren Bereich den so genannten "HEX Farbwert".

6. Farben anwenden

Unser Farbauswähler bietet die Möglichkeit direkt den HEX Farbwert von Adobe Kuler einzugeben. Tragen Sie den HEX Farbwert z.B. bei Ihrer "Balkenfarbe" ein ("Design anpassen" => "Farben & Schrift"). Probieren Sie die Farben, die Ihnen Adobe Kuler geliefert hat, für die verschiedenen Elemente Ihrer Webseite aus (Balkenfarbe, Textfarbe, Linkfarbe, Inhaltsfarbe). Ihre Texte sollten gut lesbar sein und die Balkenfarbe sollte gut mit den Farben Ihres Hintergrundbilds harmonieren.

7. Kopfbereich anpassen

Passen Sie den Text "Titel" und "Untertitel" im Kopfbereich/Headerbereich an. Geben Sie beim "Titel" Ihren Firmennamen/Projektnamen ein und beim "Untertitel" einen prägnanten Slogan. Passen Sie den Schrifttypt sowie die Schriftgröße an, damit sich ein stimmiges Gesamtbild ergibt.

Klicken Sie auf "Design anpassen" => "Kopfbereich" und fügen dort ein Bild für Ihren Kopfbereich ein. Beim Design "Berlin" eignet sich das zuvor verwendete Hintergrundbild meist auch für den Kopfbereich.

Wir wünschen Ihnen viel Erfolg!