Webdesign in den H├Ąnden der besten Spezialisten

Wir ├╝berpr├╝fen Ihr Webdesign-Projekt und bringen Sie mit dem richtigen Experten zusammen, um es zu realisieren. Unsere jahrelange Erfahrung stellt sicher, dass Ihr Projekt ein Erfolg wird.

WIR K├ľNNEN JEDES WEBDESIGN-PROJEKT DURCHF├ťHREN

Symbol Stift und Lineal

Individuelles Webdesign

Symbol Papiervorlage

Webdesign-Vorlage

Symbol Pinsel

Neugestaltung einer Website

Symbol Pfeile nach oben

UX-Optimierung

Symbol Gl├╝hbirne

Oder was immer Sie ben├Âtigen!

Wir bieten individuelles Webdesign, das an jede Art von Firma oder Unternehmen angepasst ist.

  • Sie wissen nicht, wo Sie anfangen sollen? Wir von Yeeply begleiten Sie bei der Definition Ihres Webdesign-Projekts.
  • Wir verbinden Sie mit Designern, die bereits an ├Ąhnlichen Projekten wie Ihrem gearbeitet haben.
  • Kommunizieren Sie direkt mit Ihrem Team, wann immer Sie m├Âchten, und verfolgen Sie den Fortschritt Ihres Projekts.
SME Webdesign
  • Arbeiten Sie mit einem erfahrenen Team von Webdesignern zusammen, die Sie Schritt f├╝r Schritt durch das Projekt f├╝hren.
  • Erhalten Sie einen oder mehrere individuelle Angebote f├╝r das Design Ihrer Website, die mit Ihrem Budget abgestimmt sind.
  • Geben Sie Ihr Projekt in gute H├Ąnde – alle Informationen, die Sie mit Yeeply teilen, sind vertraulich.
Webdesign f├╝r Start-ups
  • Grafikdesigner, UX-Experten, UI-Spezialisten usw. Finden Sie Profis f├╝r jeden Bereich des Webdesigns auf einer Plattform.
  • Erhalten Sie einen oder mehrere personalisierte Vorschl├Ąge, die zu Ihrem Budget passen, bei v├Âlliger Transparenz ├╝ber die Endkosten des Projekts.
  • Verfolgen Sie den Status Ihres Webdesign-Projekts und sprechen Sie mit Ihrem Team, wann immer es n├Âtig ist.
Webdesign f├╝r Agenturen
  • Sparen Sie Zeit bei der Suche nach dem idealen Team f├╝r Ihr Webdesign. Wir sorgen daf├╝r, dass Sie mit den Experten, die Sie ben├Âtigen, in Kontakt kommen.
  • Finden Sie Experten aus jedem Bereich auf einer Plattform, sei es f├╝r Webdesign oder ein anderes digitales Projekt.
  • Yeeply bietet Ihnen gro├če Flexibilit├Ąt bei der Besch├Ąftigung von Ressourcen. Schalten Sie Mitarbeiter je nach Bedarf ein und aus.
Website-Design f├╝r gro├če Unternehmen

Webdesign mit Yeeply: Schritt-f├╝r-Schritt

Symbol Checkliste

1. Erz├Ąhlen Sie uns von Ihrem Webdesign-Projekt

Beschreiben Sie, was Sie ben├Âtigen und stellen Sie m├Âglichst viele Informationen zur Verf├╝gung.

Symbol Mensch

2. Wir finden f├╝r Sie das passende Team

Unser Algorithmus k├╝mmert sich darum, das richtige Team f├╝r die Gestaltung Ihrer Website zu finden.

Symbol Preisschild

3. Ein individuelles Angebot erhalten

Erhalten Sie einen oder mehrere personalisierte Angebote. Verhandeln Sie mit Ihrem Team und unterschreiben Sie, wenn alles passt.

Symbol Hand und Herz

4. Lasst uns die Website gestalten!

Wir k├╝mmern uns um die Formalit├Ąten, damit Sie sich auf die Durchf├╝hrung des Projekts konzentrieren k├Ânnen.

SIE M├ľCHTEN WISSEN, WIE VIEL IHRE WEB(NEU)GESTALTUNG KOSTEN W├ťRDE?

MEHR ALS 7 JAHRE ERFAHRUNG IN DER GESTALTUNG VON WEBSITES H├ľCHSTER QUALIT├äT

ÔÇťUnsere Erfahrung mit den Entwicklungs-, Design- und SEO-Teams von Yeeply war ausgezeichnet. Zweifellos handelt es sich um eine talentierte Gruppe von Menschen, die in der Lage waren, sich an die Werte des Unternehmens anzupassen und die Bed├╝rfnisse, die wir hatten, zu verstehen. Kurz gesagt, es war ein gutes Tandem.ÔÇŁ

CEO von Credexia Jos├ę Luis Gonz├ílez

Jos├ę Luis Gonz├ílez
CEO von Credexia

UNSER TALENT WIRD ANERKANNT DURCH:

Logo Santander
Logo LaLiga
Logo movistar
Logo Zara
Logo Starbucks

Wir sind f├╝hrend in der Software-Entwicklung in der Region Westeuropa

Auszeichnung Top B2B Unternehmen Westeuropa 2020 - Clutch

Wir verbinden Sie mit erstklassigen Webdesignern, um Sie zu unterst├╝tzen

INHALTSVERZEICHNIS:

  1. Ben├Âtigte Profile f├╝r das Design einer Website
  2. Wo Sie das richtige Team f├╝r Ihr Webdesign finden
  3. Was kostet das Design einer Website
  4. Kundenspezifisches Webdesign vs. Webdesign mit Vorlage
  5. Schritte beim Design Ihrer Website

1. Ben├Âtigte Profile f├╝r das Design einer Website

Bei dem Design von Websites gibt es verschiedene Anforderungsprofile, die die verschiedenen Bereiche des Designprozesses abdecken. Manchmal kann eine Person alle Designfunktionen ├╝bernehmen, insbesondere f├╝r kleinere Projekte mit entsprechend geringem Budget.

Es kommt h├Ąufig vor, dass die Zust├Ąndigkeiten der einzelnen Profile verwechselt werden. Deshalb kl├Ąren wir im Folgenden die Funktionen der einzelnen.

1.1 Grafischer Webdesigner

Der grafische Webdesigner ist f├╝r den gesamten visuellen Teil des Webdesigns verantwortlich: Auswahl der Farbpalette, Typografien, Bannerdesign, Illustrationen… Das sind die klassischen Aufgaben.

Die Arbeit zielt darauf ab, der Website visuelle Einheitlichkeit zu verleihen, so dass der Benutzer eine Kontinuit├Ąt in der Navigation wahrnimmt. Dar├╝ber hinaus stellt er einige Grundlagen bez├╝glich der Verwendung von Farben, Bildern, Logos und Schriften und Schriftgr├Â├čen auf, die die Arbeit des UI Designer leiten sollen.

1.2 UX Designer

Das Design der User Experience oder UX besch├Ąftigt sich mit allen Interaktionen, die ein Benutzer beim Besuchen einer Website vornehmen kann.

Der Erfolg eines guten UX Designs ist erreicht, wenn der Benutzer nach der Interaktion mit der Website ein gutes Gef├╝hl hat. Eine schlechte Erfahrung kann dazu f├╝hren, dass der Benutzer ein Produkt oder eine Dienstleistung als schlecht wahrnimmt, obwohl dies nur aus den Interaktionen mit der Website resultiert. Somit ist die Arbeit eines UX Designers f├╝r die Zielerreichung der Website bedeutsam. 

UX und UI Design werden oft verwechselt, aber die Aufgaben sind sehr unterschiedlich. Die Benutzererfahrung (UX) beinhaltet analytische und recherchierende Aufgaben, um eine gute Erfahrung bereitstellen zu k├Ânnen. Zu den Aufgaben des UX Designers geh├Âren Nutzer-Recherche, Prototyping und Task Flow. UI Design hingegen betrifft den visuellen Teil der Website und besch├Ąftigt sich mit kreativen Komponenten.

1.3 UI Designer

Die Benutzeroberfl├Ąche (User Interface oder UI) beinhaltet jene Elemente der Website, die dem Benutzer bei der Navigation und Interaktion durch die Seite helfen: Men├╝s, Schaltfl├Ąchen, Pfeile oder Scrollbalken… 

Es kann verlockend sein, sich bei der Navigation innovative Komponente zu ├╝berlegen. Jedoch sollte bei der Gestaltung der Benutzeroberfl├Ąche einige konventionelle Elemente eingehalten werden, damit ein Benutzer intuitiv wei├č, wie er sich bewegen oder eine bestimmte Aktion ausf├╝hren muss.

Ziel ist es, die Navigation und Bedienbarkeit so einfach wie m├Âglich zu gestalten. Der Benutzer sollte keine Zeit aufwenden m├╝ssen, um zu verstehen, wie man bestimmte Aktionen auf einer Website ausf├╝hrt. 

Der UI Designer folgt den vom UX Designer vorgegebenen Richtlinien, um die Benutzeroberfl├Ąche zu gestalten. Er besch├Ąftigt sich zum Beispiel mit der Hervorhebung von Links, der Gestaltung von Mikro-Interaktionen, der Verschiebung von Bildern in einer Slideshow, der Anpassung der Farben einer Schaltfl├Ąche etc.

2. Wo Sie das richtige Team f├╝r Ihr Webdesign finden

Nun, da Sie die Unterschiede zwischen UX, UI und grafischen Webdesignern kennen, k├Ânnen wir uns die Orte anschauen, an denen Sie Ihr Webdesign Team f├╝r Ihr Projekt finden k├Ânnen.

2.1 Technologie Marktplatz

Wenn Sie die besten Webdesign Profis f├╝r Ihr Projekt finden wollen und keine Zeit zu verlieren haben, ist ein Technologie Marktplatz wie Yeeply die ideale Option. M├Âchten Sie wissen, wie Sie Zeit und Geld sparen k├Ânnen?

  1. Erz├Ąhlen Sie uns von Ihrem Projekt. Nehmen Sie einfach Kontakt mit uns auf und nennen Sie uns die grundlegenden Details Ihres Projekts.
  2. Mit diesen Informationen lassen wir unseren Algorithmus arbeiten, bis wir die am besten geeigneten Profile zu Ihren Anforderungen finden.
  3. Von Yeeply schicken wir Ihnen ein oder mehrere Angebote, damit Sie alle bewerten und sich f├╝r ein Team entscheiden k├Ânnen.

Vor der Unterzeichnung des Vertrags stehen wir Ihnen immer zur Verf├╝gung. So k├Ânnen wir alle aufkommenden Zweifel bez├╝glich des Projekts gemeinsam l├Âsen.

Bei Yeeply k├╝mmern wir uns um alles, so dass Sie keinen Aufwand bei der Suche nach dem richtigen Team haben. Sobald das Projekt unterzeichnet ist, begleiten wir Sie im Prozess und stellen sicher, dass alles nach Ihren Vorstellungen l├Ąuft. 

Leicht, einfach und ohne Komplikationen!

2.2 Agentur oder Unternehmen f├╝r Webdesign

Wenn Sie mehrere Designprofile ben├Âtigen, kann die Beauftragung einer Agentur/Unternehmen eine L├Âsung sein. Unabh├Ąngig von Ihrem Wohnort, gibt es in der Regel viele Angebote, mit einer gro├če Vielfalt an Stilen und Projekttypen. Au├čerdem gibt es heutzutage keine physischen Grenzen mehr und Ihr Webdesign kann auch aus der Ferne realisiert werden.

Je mehr Vielfalt es gibt, desto komplizierter wird die Auswahl. Sie m├╝ssen die Zeit einkalkulieren, die Sie f├╝r die Suche nach einer Agentur aufwenden m├╝ssen. W├Ąhlen Sie ein Team, das zu Ihrem Projekt passt und das Erfahrung mit ├Ąhnlichen Projekten wie Ihres hat. Achten Sie auf die Reputation der Agentur und stellen Sie sicher, dass sie Ihr Projekt im gegebenen Zeitrahmen fertigstellen k├Ânnen.

2.3 Webdesign Freelancer

Es gibt verschiedene Freelancer Portale, auf denen Sie nach freiberuflichen Webdesignern suchen k├Ânnen. Einige funktionieren wie eine Suchmaschine f├╝r Experten, in die Sie das gesuchte Profil und den Ort eingeben, um die passenden Ergebnisse zu erhalten. In anderen F├Ąllen m├╝ssen Sie ein Anzeige mit dem Projekt ver├Âffentlichen, worauf sich die Freelancer bewerben k├Ânnen. 

In beiden F├Ąllen sollten Sie die Portfolios und Angebote pr├╝fen und sich Zeit f├╝r die richtige Auswahl nehmen. Diese Option nimmt oft viel Zeit f├╝r die Suche in Anspruch. Und vergessen Sie nicht, zus├Ątzlich nach Referenzen zu suchen und diese zu ├╝berpr├╝fen. Daher ist es m├Âglicherweise nicht die beste Option, wenn Sie eine Frist f├╝r die Gestaltung Ihres Webdesign haben.

2.4 Die Wahl des richtigen Experten

Besonders wenn Sie keine Erfahrung mit Technologieprojekten haben, haben Sie vielleicht Zweifel, ob Sie mit dem richtigen Experten(team) erfolgreich sein werden. Deshalb haben wir hier einige Aspekte aufgelistet, die Sie f├╝r Ihre Entscheidung beachten k├Ânnen.

  • Das Budget passt in meine Preisklasse. H├Ąufig werden die Kosten des Projekts angegeben, ohne dass es viel Spielraum f├╝r Verhandlungen gibt. Deshalb ist es wichtig, Freiberufler oder Agenturen zu finden, die in Ihre Preisklasse passen. Vergewissern Sie sich auch, ob es irgendwelche Aspekte gibt, die den Endpreis erh├Âhen k├Ânnen, oder ob man Ihnen ein geschlossenes Budget anbietet.
  • Sie k├Ânnen die Fristen einhalten. Manchmal hat das Projekt bereits feste Fristen, die nicht ge├Ąndert werden k├Ânnen. Daher ist es wichtig sicherzustellen, dass der ausgew├Ąhlte Partner die Liefertermine problemlos einhalten kann.
  • Der Stil passt zu Ihrem Projekt. ├ťber die Referenzen hinaus ist es wichtig, das Portfolio der Webdesign Experten zu ├╝berpr├╝fen, um ihren Stil bewerten zu k├Ânnen. Gef├Ąllt er Ihnen und vor allem, passt er zu Ihnen? Eine schlechte Wahl kann zu Unstimmigkeiten und Verz├Âgerungen bei den vorgegebenen Terminen f├╝hren.
  • Sie haben Erfahrung im Webdesign. Dass Sie mit dem Entwurf zufrieden sind, ist sehr wichtig, aber Sie d├╝rfen nicht vergessen, dass dieses Material sp├Ąter an die Programmierer f├╝r die Entwicklung weitergegeben wird. Z├Âgern Sie nicht und vergewissern Sie sich, dass sie Erfahrung im Webdesign haben und nicht nur im allgemeinen Grafikdesign. Nicht alle Grafikdesigner haben Kenntnisse im Webdesign.

3. Was kostet das Design einer Website

Wenn Sie den ganzen Weg hierher gekommen sind, um den Preis f├╝r ein Webdesign zu finden, m├╝ssen wir Ihnen leider sagen, dass die Antwort „es kommt darauf an“ lautet. Es ist sehr schwierig, einen einzigen Standardpreis f├╝r die Gestaltung einer Website anzugeben, da je nach Projekt unterschiedliche Variablen ins Spiel kommen. 

Deshalb empfehlen wir immer, ein individuelles Angebot anzufordern, das auf die Anforderungen Ihres Projekts abgestimmt ist. Wir k├Ânnen jedoch die Faktoren aufzeigen, die den Preis f├╝r ein Webdesign beeinflussen – finden Sie es heraus!

3.1 Faktoren, die den Preis f├╝r ein Webdesign beeinflussen

  • Sie m├Âchten eine bestehende Website neu gestalten oder komplett neu entwerfen? Die Kosten variieren, wenn das Designteam bei Null anf├Ąngt oder das Projekt auf eine Aktualisierung der visuellen Identit├Ąt abzielt.
  • Ben├Âtigen Sie ein exklusives oder ein Vorlagen basiertes Design? Es mag offensichtlich erscheinen, aber Exklusivit├Ąt hat ihren Preis. Wenn Sie etwas Neues und Auff├Ąlliges f├╝r Ihr Unternehmen schaffen wollen, brauchen Sie ein exklusives Webdesign. Wenn Sie jedoch ein professionelles Ergebnis mit geringem Budget w├╝nschen, ist auch die Verwendung einer bestehende Vorlage eine gute M├Âglickeit. Dies wird die Projektzeit ebenfalls verk├╝rzen.
  • Wie viele Seiten sind zu gestalten? Auch die Anzahl der zu gestaltenden Seiten und grafischen Elemente beeinflusst den Endpreis des Projekts. 
  • Welche Art von grafischen Elementen m├Âchten Sie in die Website einbauen? Die neuesten Trends im Webdesign, setzen auf  Illustrationen und anderen animierten Elementen, die die Interaktion mit dem Benutzer f├Ârdern. Das kann die Kosten erh├Âhen, vor allem, wenn es sich um ein umfangreiches Webdesign Projekt handelt.

3.2 Geld sparen durch die Vermeidung dieser Webdesign Fehler

  • Gestalten nach einem Trend. Egal, ob Sie Ihre Website neu gestalten oder ein neues Projekt starten, Sie haben wahrscheinlich die Trends recherchiert und wollen etwas Aktuelles. Aber denken Sie daran: Inspiration ist eine Sache und Kopieren eine andere. Wenn Sie eine andere Website kopieren, wird Ihre Seite unbemerkt bleiben oder Sie verlieren die M├Âglichkeit, Ihre Besucher zu ├╝berzeugen.
  • Bilder von geringer Qualit├Ąt. Ein professionelles Webdesign kann es sich nicht leisten, verpixelte oder verzerrte Bilder bzw. Illustrationen zu verwenden. Abh├Ąngig von Ihrem Budget, k├Ânnen sie originelle Illustrationen anfertigen oder auf eine Bank von Bildern zur├╝ckgreifen. Passen Sie jedoch auf, welche Bilderbanken Sie verwenden, Low-Level und kostenlose Banken haben meistens geringe grafische Mittel und ├ťberzeugungskraft.
  • Unzureichende Farbpalette. Abgesehen von der ├ästhetik kann eine unzureichende Farbpalette die Benutzererfahrung eines guten Webdesigns ruinieren. Eine schlechte Kombination kann zu einem geringen Kontrast zwischen Text und Hintergrund f├╝hren, was die Lesbarkeit der Texte erschwert. 
  • Schlecht lesbare Typografie. In Anlehnung an den vorherigen Punkt muss das Webdesign Typografien verwenden, die leicht zu lesen sind. Sie m├╝ssen ber├╝cksichtigen, dass das Webdesign eine Navigation durch einen Bildschirm vorgibt. Schriftarten mit seltsamen Formen passen nicht gut in die Website und es wird empfohlen, serifenlose Schriften f├╝r ├ťberschriften und Serifenschriften f├╝r Texte zu w├Ąhlen. 
  • ├ťberm├Ą├čiger Text. Zu lange Textbl├Âcke schaffen eine schlechte Benutzererfahrung. Wenn Ihre Zeit wertvoll ist, ist die Zeit Ihrer Besucher noch wertvoller. Deshalb sollte das Design den Besuchern helfen, die gesuchten Informationen auf einen Blick zu finden. Die Priorisierung und die Hervorhebung der wichtigsten Inhalte ist entscheidend.
  • Komplexe Navigation. Je nach Zielsetzung der Website wird in der Recherchephase ├╝ber Nutzerprofile herausgefunden, wie die Inhalte am besten strukturiert und die Navigation vereinfacht werden kann. Wenn die Aufgabe vom UX Designer nicht richtig ausgef├╝hrt wird, kann es dazu f├╝hren, dass die Inhalte f├╝r den Benutzer nicht logisch strukturiert sind. Er wird die Website verlassen, bevor er gefunden hat was er sucht.

4. Kundenspezifisches Webdesign vs. Webdesign mit Vorlage

Je nach Art, Zielsetzung und Budget kann das Webdesign individuell gestaltet werden oder auf einer vorgefertigten Vorlage basieren. Wir erkl├Ąren Ihnen den Unterschied und welche Vorteile sie haben.

4.1 Kundenspezifisches Webdesign

Kundenspezifisches Webdesign bedeutet, eine Website von Grund auf neu zu erstellen, so dass das Ergebnis genau an die Vorstellungen des Kunden angepasst werden kann. Dadurch kann das Design an das Corporate Image angepasst werden und erm├Âglicht es dem Unternehmen, sich von anderen Webdesigns zu unterscheiden.

Im Allgemeinen haben diese Arten von Seiten ein besseres Benutzererlebnis und laden schneller als Vorlagen basierte Seiten. 

Als Nachteil sind die erh├Âhten Kosten und die l├Ąngere Erstellungszeit hervorheben. Wenn es jedoch in Ihr Budget und Ihren Zeitrahmen passt, dann ist diese Art von Website zu empfehlen. Sie werden den Unterschied bemerken.

4.2 Webdesign mit Vorlage

Eine andere M├Âglichkeit ist, sich f├╝r ein Webdesign auf Basis einer vordefinierten Vorlage zu entscheiden. Wenn Sie vorhaben, ein Content Management System wie WordPress f├╝r Ihre Website zu verwenden, gibt es Vorlagen mit vordefinierten Designs, mit denen Sie in Rekordzeit ein Webdesign erstellen k├Ânnen.

Der Kauf einer Vorlage ist g├╝nstiger als die Erstellung eines Webdesigns von Grund auf. Es ist also eine gute Option f├╝r knappes Budget. Dies bedeutet ├╝brigens nicht, dass das Endergebnis schlechter oder von geringerer Qualit├Ąt ist als ein individuelles Design.

Die Vorlagen k├Ânnen zwar ver├Ąndert werden, erlauben aber keine komplette individuelle Anpassung. Wenn Sie jedoch einen engen Zeitplan haben und so schnell wie m├Âglich ein Minimum Viable MVP oder ein Produkt haben wollen, sind sie eine gute Option.

5. Schritte beim Design Ihrer Website

Nun wissen Sie, welche Experten am Webdesign beteiligt sind, sowie wo und wie Sie das passende Team finden k├Ânnen. Jetzt ist es an der Zeit, sich mit dem eigentlichen Prozess des Webdesigns zu besch├Ąftigen

Vor einigen Jahren hatte das Design einer Website eine lineare Herangehensweise. Dank der aktuellen agilen Methodik kann ein gutes und koordiniertes Team jedoch in mehreren Punkten des Designs gleichzeitig vorankommen und sogar parallel zu den Entwicklern arbeiten.

5.1 Webmap: Definieren Sie Ihre Web-Architektur

Die Web-Architektur ist grundlegend f├╝r das Benutzererlebnis. Das Webdesign muss darauf ausgerichtet sein, dem Benutzer die Navigation zu erleichtern und gleichzeitig die Ziele der Seite (Registrierung, Download, Verkauf, etc.) zu erreichen. Einige Tipps, um dies zu erreichen, sind:

  • Zug├Ąngliches und einfaches Men├╝. Das Men├╝ ist das Hauptelement der Navigation, daher gilt hier „weniger ist mehr“. Vergessen Sie die riesigen Men├╝s mit Dropdown-Untermen├╝s. W├Ąhlen Sie die relevantesten Seiten aus und heben Sie, wenn m├Âglich, das Hauptziel der Seite (zum Beispiel in Form eines CTA) neben dem Men├╝ hervor. Dadurch wird der Benutzer zu der wichtigsten auszuf├╝hrenden Aktion gef├╝hrt.
  • Sichtbare interne Suchmaschine. Wenn ein Benutzer etwas finden muss und es nicht auf den ersten Blick finden kann, dann ist es f├╝r ihn am leichtesten, das Gesuchte ├╝ber eine interne Suchmaschine zu finden.
  • Machen Sie es sich leicht. Gutes Design steckt in den Details. Wenn es einen Datensatz gibt, minimieren Sie die Schritte oder erstellen Sie einen Balken, der den Benutzer ├╝ber den Fortschritt informiert. Reduzieren Sie in den Formularen die Felder auf das Wesentliche und sorgen Sie daf├╝r, dass alle Elemente von jedem Ger├Ąt aus nutzbar sind: Dropdown-Men├╝s, Datumsauswahl …

5.2 Wireframes: Definieren Sie die Struktur Ihrer Seiten

Wireframes sind erste Skizzen der einzelnen Seiten des Webdesigns. Sie legen die Struktur und die Hauptkomponenten der Navigation fest: Schaltfl├Ąchen, Men├╝s, Icons, Pfeile, Dropdown-Men├╝s… 

Die Wireframes gehen nicht ins Detail des Designs oder der Inhalte, sondern repr├Ąsentieren einen Startpunkt, der sp├Ąter weiter entwickelt wird. An dieser Stelle des Webdesigns steht die User Experience im Vordergrund, d.h. die Verteilung der Inhalte und der Navigationselemente zur Erleichterung der Interaktionen.

Wir d├╝rfen den Multi-Device-Zugriff nicht vergessen. Daher m├╝ssen Wireframes f├╝r verschiedene Bildschirmtypen erstellt werden, um sicherzustellen, dass die Benutzererfahrung von allen Ger├Ąten aus gleich gut ist.

5.3 Mockups: Arbeiten Sie an den visuellen Aspekten

Die Mockups gehen noch einen Schritt weiter. Jetzt ist es an der Zeit, der vorher definierten Struktur mehr Leben einzuhauchen. 

Hier gilt es ein statisches Bild von den einzelnen Seiten zu erstellen. Es ist an der Zeit, in die Details von Farben, Navigationselementen, Men├╝s, CTA der Schaltfl├Ąchen, Schriftarten und -gr├Â├čen usw. einzugehen.

Um dem Design Kontinuit├Ąt zu verleihen und auch f├╝r zuk├╝nftige Seiten die gleiche visuelle Identit├Ąt zu erhalten, ist die Definition eines Styleguides f├╝r den gesamten Designprozess von Nutzen. Darin k├Ânnen Sie Hinweise auf die Farbpalette, die Typografien oder den Designstil von Buttons, CTA, Symbolen, Icons… sammeln.

5.4 Responsive: Designen Sie Ihre Website f├╝r jedes Ger├Ąt

Jahrelang war das Webdesign auf den Desktop-Zugriff ausgerichtet, aber mit dem technologischen Fortschritt reicht dies nicht mehr aus. Heutzutage besuchen die meisten Leute eine Website von ihrem Mobilger├Ąt aus. So sollte das Webdesign eine gute Leistung von jeder Bildschirmgr├Â├če aus gew├Ąhrleisten. 

Tats├Ąchlich beeinflusst das Mobile First Design die SEO-Positionierung: Google priorisiert in seinen Ergebnissen die Seiten, die eine gute User Experience vom Smartphone aus bieten. Einige Tipps f├╝r responsives Webdesign sind…

  • Optimieren Sie die Typografie. Stellen Sie sicher, dass die Texte der Website in einer gut lesbaren Gr├Â├če angezeigt werden (nicht zu gro├č, nicht zu klein), auch wenn sie von einem kleinen Bildschirm aus aufgerufen wird.
  • Stellen Sie die Gr├Â├če der Bilder ein. Stellen Sie sicher, dass das Design auf die Bildschirmgr├Â├če skaliert oder gerahmt ist. Es sollte niemals den Bildschirm ├╝berlaufen lassen, indem sie eine Seitenverschiebung erzwingen.
  • Passen Sie das Men├╝ an. Pr├╝fen Sie, ob es vom Smartphone gut erkennbar ist. Reduzieren Sie ggf. die Abschnitte, so dass nur die wichtigsten ├╝brig bleiben. Der Trend geht dahin, die einh├Ąndige Navigation zu erleichtern. So kann man das mobile Webdesign so anpassen, dass das Men├╝ im unteren Bereich des Bildschirms angezeigt wird und das obere Men├╝ nur in der Desktop-Version bleibt.
  • Beseitigen Sie st├Ârende Elemente. Pop-ups sind eines der am meisten gehassten Elemente bei Benutzern. Wenn Sie sich jedoch f├╝r solche Anzeigen entscheiden, stellen Sie sicher, dass sie die Navigation auf kleinen Bildschirmen nicht behindert. Es kommt h├Ąufig vor, dass einige Elemente auf dem Handy nicht korrekt angezeigt werden, was es schwierig macht, sie zu schlie├čen. Der Benutzer wird so Ihre Seite schnell verlassen.

5.5 Alles bereit f├╝r die Entwicklung!

Haben Sie Ihr responsives Webdesign fertig? Wenn Sie mit dem neuen Design Ihrer Website zufrieden sind, kommt jetzt der spannendste Teil: die Umsetzung. Ein Frontend Entwickler ist f├╝r die Umsetzung der Mockup Entw├╝rfe in HTML, CSS und Javascript zust├Ąndig, w├Ąhrend der Backend Entwickler f├╝r die Programmierung verantwortlich ist.

Sie k├Ânnen mit einem Team von Experten zusammenarbeiten, das sowohl Design als auch Entwicklung abdeckt. In diesem Fall beginnt die Entwicklung vielleicht schon, bevor das Design fertig ist: Wie wir Ihnen bereits gesagt haben, sind die Prozesse bei agilen Methoden nicht immer linear, sondern evolution├Ąr.

Ihre neue Website ist n├Ąher denn je!