be.creative
(swipe or click around to draw)

Webdesign

be.creative

Heute muss man kreativ sein. Gut, man muss nicht. Aber es hilft! Insbesondere bei der großen Konkurrenz, die sich online so tummelt. Nur mit innovativen Ideen lockt man heute noch jemanden hinterm Sofa vor. Oder lässt ihn genau von dort aus bestellen, buchen oder anfragen. Aktuell folgt Webdesign meistens einem ähnlichen Schema. Und das ist auch okay so – denn viele Kunden haben sich an bestimmte Layouts gewöhnt. Aber muss das so sein? Nein! Ihre Webseite soll Sie und Ihr Unternehmen wiederspiegeln. Das kann gerne sehr schlicht sein – es darf aber auch extravagant werden! Gemeinsam erarbeiten wir Ihre Traum-Webseite, genau so, wie sie Ihnen am Besten gefällt. 100% frei von Baukastensystemen, Themes, Templates und Einschränkungen.

Sie haben jetzt Lust bekommen, Kontakt mit uns aufzunehmen?
Sehr gute Entscheidung!

Webdesign Heidelberg

HTML

CSS

JS

PHP

Webdesign Projekte

been.creative

Schauen Sie sich an, was wir schon so gewebdesigned haben!

starkes Webdesign

hand.made

Wir sind alle Workaholics und komplett banane 🍌 Das heißt, wir sind immer für unsere Kunden da. Nicht IMMER immer, aber so gut wie immer. Klar, wir haben reguläre Öffnungszeiten. Aber unsere eigenen Bio-Rhythmen sind so unterschiedlich, dass eigentlich zu jeder Tageszeit jemand im Büro ist. Und manchmal auch nachts. Wieso auch nicht? Unsere Agentur ist ein zweites Zuhause und wenn man mal im Flow ist – wer hört denn da bitte auf? Die Kommunikation mit uns ist direkt und einfach. Wir reagieren schnell wenn es Rückfragen gibt und noch schneller, wenn es irgendwo brennt. Nur nicht Mittwochabend – da ist Basketball Training 🏀

starkes Webhosting

Raidboxes Webdesign Partner Agentur

Jede Webseite und jeder Shop muss irgendwo ein Zuhause finden. Da wir so viel mit WordPress machen, hat sich eine hervorragende Zusammenarbeit mit dem innovativsten und besten WordPress Hoster Raidboxes ergeben. Als unsere Kunden genießen auch Sie unsere Vorteile! Blitzschnelle Einrichtung der Entwicklungs-Umgebung, automatische Back-Ups, sicheres Hosting, eigener Cache für schnellere Ladezeiten etc. pp. – hier haben wir alle unsere eigenen Seiten liegen und am Liebsten auch die unserer Kunden. Sie können natürlich trotzdem bei Ihrem Hoster bleiben. Wenn Sie das wünschen. Aber empfehlen würden das nicht 😉

Lieben Sie es auch, fotografiert zu werden? Vollkommen natürliche Fotos.

Mobile Responsive Webdesign Heidelberg

get.flexible

Wieso sollte mich Mobile Responsivität interessieren?

Eine moderne Website wird immer häufiger auf mobilen Endgeräten wie Smartphones und Tablets betrachtet. Bereits im Jahr 2017 lag der Anteil mobiler Endgeräte an allen Seitenaufrufen in Europa bei knapp 41%. In anderen Regionen der Welt ist dieser Anteil noch wesentlich höher: in Asien werden Webseiten zu beinahe 70% nur noch auf Handy oder Tablet geöffnet. Der Trend ist ebenfalls klar abzusehen: Die Zukunft des Internets ist mobil. Wer seinen Kunden in diesem responsive web keine mobil-optimierte Homepage bietet, der verliert diese schneller, als ihm lieb ist.

Dass dies jede Menge Kunden sein könnten, wird beim Blick auf die Nutzerzahlen deutlich: 2019 sollen bereits 56,3 Millionen Deutsche auf ihren iPhones und Samsungs im Internet unterwegs sein — doppelt so viele User wie noch 2013. Und das sind nicht nur Teenager, sondern vorallem auch die Hauptzielgruppe unserer meisten Webdesign Kunden: die zahlungskräftige Kundschaft im Alter von 30 bis 49 Jahren. Diese stellten schon 2017 39% aller mobilen Nutzer. Hochgerechnet heißt das:

Annähernd 22 Millionen High Priority Kunden surfen im mobilen Web.

Können Sie sich erlauben, diesen Kunden ein veraltetes Web Design zuzumuten?

Entscheiden Sie sich jetzt für eine professionelle mobile responsive Homepage!

Wenn Sie sich von uns eine neue Homepage erstellen lassen, legen wir als Ihre Webdesign Agentur großen Wert auf Responsive Web Design (RWD). Wie wir dies technisch umsetzen, erklären wir Ihnen gerne in den folgenden Absätzen. Sie können sich auch gerne ein Bild unserer Arbeit in unserem Webdesign Portfolio machen oder uns Ihre Fragen direkt stellen.

Wie funktioniert Mobile Responsive Webdesign?

Es gibt mehrere Möglichkeiten, Ihre Inhalte optimal auf mobilen Endgeräten anzuzeigen.

App

Den Großteil der Zeit verbringen mobile User mit ihren Lieblingsapps. Viele Webdesign Agenturen und Freelancer werden Ihnen also nahe legen, sich auch eine App programmieren zu lassen — doch das ist meistens nicht ratsam. Statistiken belegen zwar, dass User bis zu 80% der Zeit mit Apps verbringen, der Löwenanteil davon entfällt jedoch auf Social Media, Gaming und große Shops. Kleinere Apps von Unternehmen werden nur selten installiert und dann kaum effektiv genutzt. Schnell ist die App wieder gelöscht. Aufwand und Kosten für eine eigene App lohnen sich nur für die wenigsten Unternehmen, zumal Sie dann auch immernoch eine Homepage benötigen. Denn nach wie vor sind Browser und Suchmaschine das Mittel der Wahl, wenn es um die Suche nach Informationen im Internet geht.

Mobile Homepage

Der erste und noch immer weit verbreitete Lösungsansatz der Webdesigner, Webseiten auf Handys nutzbar zu machen. Sie kennen das: Sie rufen eine Homepage am Handy auf und werden zu einer Subdomain bspw. https://m.stark.marketing weitergeleitet, auf welcher sich eine meist abgespeckte Version der Desktop Homepage befindet. Vorteil ist hier, dass ein rein mobiles Layout verwendet werden kann — Traffic-intensive Elemente wie bspw. hochauflösende Bilder werden einfach entfernt oder ersetzt, um schnellere Ladezeiten zu garantieren. Nachteilig ist hier der erhöhte Pflegeaufwand — Inhaltsänderungen müssen doppelt vorgenommen werden.

Mobile responsive Webdesign

Die moderne Variante, schöne Webseiten auf jedem Endgerät richtig anzuzeigen. Ob im Fixed or Fluid Layout — Ihre Website passt sich einfach an die zur Verfügung stehende Bildschirmgröße an. Und dies in Echtzeit, verändern Sie die Größe des Browserfensters, verkleinern oder ordnen sich die Elemente entsprechend neu an, werden ein- oder ausgeblendet. Dazu werden im Custom Style Sheet (CSS) sogenannte Responsive Breakpoints definiert, an welchen das Design sich wieder neu anpasst.

Im Fixed Layout sind alle Größen und Verhältnisse festgeschrieben — dadurch haben Sie immer genau das gleiche Layout. Es kann bei eher ungewöhnlichen Bildschirmgrößen jedoch zu viel Whitespace oder gar horizontalen Scrollbalken kommen — etwas, das wir in einem responsiven Layout eigentlich gerne vermeiden würden. Daher entscheiden wir uns mit WordPress und Divi für die flexibelste Lösung, das Fluid Layout. Die meisten Elemente werden nicht absolut definiert, sondern prozentual.

WordPress Webdesign Heidelberg

managed.content

100% WordPress Agentur

WordPress begann als Online Plattform für Blogs. Mittlerweile ist es das am Weitesten verbreitete Content Management System (CMS) der Welt — lt. eigener Aussage nutzen bereits beinahe 35% aller Webseiten WordPress im Backend. Bei uns sind es 100%! Wir erstellen jede Homepage mit WordPress — vom Handwerker bis zum Global Player. Unsere Erfahrung ermöglicht uns optimierte Prozesse für Projekte jeder Größe — und das wirkt sich wiederum positiv auf unsere Webdesign Preise aus.

Wieso WordPress als Content Management System (CMS)?

Wenn wir eine Webseite erstellen, lassen wir nichts anbrennen. Eine WordPress Installation ist mittlerweile bei jedem Hoster mit wenigen Klicks und in ein paar Minuten abgeschlossen — wir können also sofort mit der Gestaltung Ihrer Internetseite beginnen. Die Möglichkeiten für Webdesign mit WordPress sind unendlich. Es gibt unzählige WordPress Themes (Designvorlagen und Frameworks) und Plug-Ins (Erweiterungen der Website Funktionen). Sollten Sie sich bereits für ein Theme entschieden haben, benutzen wir dieses gerne für Ihr Webdesign.

Nach der Wahl des Themes und der benötigten Funktionen, nehmen wir den von Ihnen zur Verfügung gestellten Content und gestalten verschiedene Seiten, Blog-Beiträge oder Projekte nach Ihren Design Vorgaben. Der Unterschied zu einer statischen HTML-Programmierung ist die Verwendung von Datenbanken und PHP in WordPress: dadurch werden dynamische Seiten ermöglicht und Inhaltsänderungen gehen immer direkt auf allen betroffenen Seiten live. Sollten Sie später Änderungen oder neuen Content implementieren wollen, ist dies ohne Webdesigner oder Programmierkenntnisse möglich. Nach Abschluss Ihres Webdesign Projekts erhalten Sie von uns gerne eine kurze WordPress Schulung und schon können Sie alleine neue Blog-Beiträge, Produkte oder ganze Seiten online stellen.

Divi

Völlige Gestaltungsfreiheit: bei all den Webseiten, die sich mit Divi erstellen lassen. Jede Divi Page sieht erstmal gleich aus — aber dann kommt Ihre Divi Agentur und plötzlich wird Alles möglich.

Wir nutzen WordPress in Verbindung mit Divi beinahe für jedes unserer Web Design Projekte. Soll Ihr Projekt günstig oder schnell abgeschlossen werden? Dann suchen wir uns gemeinsam eines der zahlreichen Templates oder Child Themes aus, fügen Ihre Inhalte ein, passen Farben, Typographie und Bilder Ihrem Corporate Design an und schon ist Ihre neue, professionelle Homepage fertig für den Launch. Keine Sorge, dass irgendjemand jemals die gleiche Page haben könnte, wie Sie. Divi ist kein “Baukasten System”, sondern ein voll funktionsfähiger Layout und Page Builder. Selbst bei der Nutzung von Templates haben wir so viel Spielraum für Individualisierung, wie Sie wünschen. Wir freuen uns natürlich auch ganz besonders über Kunden, die bereits mit einer Vision für ihr eigenes Webdesign zu uns kommen. Entweder bringen Sie bereits Vorlagen von einer anderen Werbeagentur mit und wir setzen diese gerne schnell und technisch sauber um. Oder wir übernehmen das Webdesign Ihrer bisherigen, eventuell veralteten Website und transformieren es in Ihre Wunsch Homepage. Eventuell haben Sie auch bereits eine Vorstellung, aber noch keine Idee ob und wie sich diese umsetzen lässt. Melden Sie sich bei uns und wir finden die passende Lösung für Ihr Webdesign Projekt!

Webdesign FAQ

questions.answered

Wie finde ich den richtigen Webdesigner für meine Anforderungen?

In den meisten Fällen ist es nicht leicht einen Webde­signer zu finden, welcher Ihre Ansprüche voll abdecken kann. Eine gute Website für Ihr Unter­nehmen bewirkt meist mehr, als man zuerst denken mag. Kunden werden von einer guten, struk­tu­rierten Website angezogen. Ist die Website von mangel­hafter Qualität, schreckt es diese meist ab. Erfahren Sie nun, wie Sie einen guten Webde­signer finden können.

Welche Anfor­de­rungen haben Sie und wie sollte Ihre Website aussehen?

In den meisten Fällen beginnt die Recherche nach einem guten Webde­signer mit den eigenen Überle­gungen. Sie müssen sich klar werden, was Sie suchen und brauchen. Soll Ihre Website komplett neu aufge­setzt werden, oder nur einmal wieder aufge­frischt werden. Das sind grobe Ideen für Fragen, welche Sie sich stellen sollten. Weiter sollten Sie sich klar werden, ob Sie eine Seite brauchen, welche rein infor­mativ genutzt wird, oder auch einen Online-Shop imple­men­tiert. All diese Faktoren grenzen die Auswahl der Webde­signer ein. Somit gelingt es Ihnen sich auf einen Teil der Webde­signer auf dem Markt zu konzentrieren.

Faktor: Standort

Der Faktor Standort wird von vielen unter­schätzt. Suchen Sie sich eine Agentur, welche bei Ihnen in der Nähe gelegen ist. Wenn sie in Karlsruhe sind bringt es nichts nach Werbe­agen­turen zu googlen. Somit steht einem Treffen, wo man das Projekt zusammen plant nichts mehr im Weg. Außerdem können Treffen helfen, das Gegenüber besser einzu­schätzen. Falls Probleme bei der Umsetzung auftreten sollten, kann ein persön­liches Gespräch in bestimmten Situation sehr helfen. Somit hilft es Ihnen, aber auch Ihrem Webde­signer seine Arbeit besser umzusetzen.

Schauen Sie auf die angebotene Vielfalt.

Kann Ihr Webde­signer Erfahrung bei der Program­mierung oder bei dem Design? Oder verfügt er über weitere Kompe­tenzen? Erkun­digen Sie sich. Prüfen Sie, ob er sich in den gängigen Content Managment Systemen wie zum Beispiel Typo3 oder WordPress auskennt. Des weiteren sollten Sie nachfragen, ob auch Erfah­rungen im Bereich Design vorliegen, oder ob er mit einer Kreativ­ab­teilung zusam­men­ar­beitet. Wenn die Program­mierung und das Design aus einer Hand kommen, erleichtert dies oft die Zusam­men­arbeit und das Resultat spiegelt dies wieder. Weiter spielt der Aspekt des Marke­tings eine Rolle. Ihre fertige Website sollte auch entspre­chend vermarktet werden. Somit fallen immer wieder Schlag­wörter wie zum Beispiel SEO oder Content Marketing. Für viele Unter­nehmen ist dies eine inter­es­sante Option. Für Sie auch?

Referenzen prüfen!

Abschließend sind mögliche Referenzen zu prüfen. Meist ist Branchen­er­fahrung ein wichtiges Kriterium. Außerdem erkennen Sie so, ob Ihr Webde­signer bereits größere Projekte erfolg­reich umgesetzt hat. Die Vita Ihres Webde­si­gners kann auch in bestimmten Fällen Auskunft über die Arbeit geben. Wie lange arbeitet er in diesem Bereich schon und wie erfolg­reich agiert er? 

Die Recherche

Hören Sie sich bei Ihrer Auswahl auch in Ihrem Netzwerk um. Haben andere positive Erfah­rungen gemacht? Beschränken Sie sich nicht nur auf die Suchergeb­nisse von Google. Teilweise haben auch Freunde oder Bekannte einen guten Tipp, welcher zur glück­lichen Suche beitragen kann.

Wenn Sie diese Schritte befolgen steht der Auswahl eines für Sie perfekten Webde­si­gners nichts mehr im Wege.

Was macht ein gutes Website Homepage Design aus?

Nicht jede Seite ist perfekt, aber die besten Homepage-Designs machen viele davon richtig:

1) antwortet eindeutig: „Wer ich bin“, „Was ich tue“ und/oder „Was kannst du (der Besucher) hier tun“.
Wenn Sie eine bekannte Marke oder ein bekanntes Unter­nehmen (z.B. Coca Cola) sind, können Sie vielleicht damit durch­kommen, dass Sie nicht beschreiben müssen, wer Sie sind und was Sie tun; aber die Realität ist, dass die meisten Unter­nehmen diese Fragen immer noch beant­worten müssen, damit jeder Besucher weiß, dass er sich am „richtigen Ort“ befindet. Steven Krugg fasst es am besten in seinem Bestseller Don’t Make Me Think zusammen: Wenn Besucher nicht innerhalb von Sekunden erkennen können, was Sie tun, werden sie nicht lange hier bleiben.

2) Resonanz bei der Zielgruppe.
Eine Homepage muss eng fokus­siert sein – und mit den richtigen Leuten in ihrer Sprache sprechen. Die besten Homepages vermeiden „Corporate Gobble­dygook“ und besei­tigen den Fluff.

3) Kommu­ni­ziert eine überzeu­gende Wertvor­stellung.
Wenn ein Besucher auf Ihrer Homepage ankommt, muss er ihn zwingen, in der Nähe zu bleiben. Die Homepage ist der beste Ort, um Ihr Leistungs­ver­sprechen so zu formu­lieren, dass poten­zielle Kunden auf Ihrer Website bleiben und nicht zu Ihren Mitbe­werbern navigieren.

4) Optimiert für die Benut­zer­freund­lichkeit mehrerer Geräte.
Alle hier aufge­führten Homepages sind sehr benut­zer­freundlich, d.h. sie sind leicht zu navigieren und es gibt keine „auffäl­ligen“ Objekte, die dem Surfen im Wege stehen, wie z.B. Flash-Banner, Anima­tionen, Pop-ups oder zu kompli­zierte und unnötige Elemente. Viele von ihnen sind auch mobil optimiert, was in der heutigen mobilen Welt ein unglaublich wichtiges Must-Have ist.

5) Umfasst Calls-to-Action (CTAs).
Jede hier aufge­führte Homepage nutzt effektiv primäre und sekundäre Call-to-action, um die Besucher zum nächsten logischen Schritt zu führen. Beispiele sind „Kostenlose Testversion“, „Demo verein­baren“, „Jetzt kaufen“ oder „Mehr erfahren“. Denken Sie daran, dass das Ziel der Homepage darin besteht, die Besucher zu zwingen, tiefer in Ihre Website einzu­dringen und sie weiter unten im Trichter zu bewegen. CTAs sagen ihnen, was sie als nächstes tun sollen, damit sie nicht überfordert oder verloren gehen. Noch wichtiger ist, dass CTAs Ihre Homepage in eine Verkaufs- oder Leadge­nera­ti­ons­ma­schine verwandeln und nicht nur in Broschürenwäsche.

6) Ändert sich immer.
Die besten Homepages sind nicht immer statisch. Einige von ihnen, wie Whitehouse.gov, ändern sich ständig, um die Bedürf­nisse, Probleme und Fragen ihrer Besucher zu berück­sich­tigen. Einige Homepages wechseln auch von A/B‑Tests oder dynami­schen Inhalten.

7) Verwendet großes Gesamt­design.
Eine gut gestaltete Seite ist wichtig, um Vertrauen aufzu­bauen, Werte zu vermitteln und die Besucher zum nächsten Schritt zu führen. Somit nutzen diese Homepages effektiv Layout, CTA-Platzierung, White­space, Farben, Schriften und andere unter­stüt­zende Elemente.