October 25, 2023
Was ist die 30-Days-of-Webdesign-Challenge?
Es ist eine Challenge, für die sich jeder kostenlos hier anmelden kann, um die eigenen Webdesign Skills zu verbessern. An 30 aufeinanderfolgenden Tagen erhält man eine Email mit einem Design Prompt, den man am gleichen Tag bearbeiten und die Ergebnisse mit dem Hashtag #30daysofwebdesign hochladen muss. Man kann sie natürlich auch einfach nicht hochladen und nur für sich selbst machen.
Ich habe so viel aus dieser Challenge gelernt und empfehle dir, auch von Zeit zu Zeit an Design Challenges teilzunehmen.
1. Erkenntnis: Man wird ein/e schneller/e Designer/in
In jeder Challenge gestaltet man nur den Hero-Bereich (den oberen Teil) einer Website. Dafür sollte man 1 Stunde brauchen, einschließlich der Überlegung eines Namens für die Website, der Suche nach Schriftarten und Bildern und der Zusammenstellung des Ganzen. Als ich anfing, brauchte ich für diesen Prozess 2 bis 3 Stunden! Aber ich habe gemerkt, wie schnell ich schneller wurde. Am Ende der Challenge habe ich nur noch 45 Minuten bis 1 Stunde gebraucht!
2. Erkenntnis: Bilder sind essentiell
Am längsten habe ich immer gebraucht, um gute Bilder zu finden. Mir ist klar geworden, wie wichtig Bilder für eine Website sind. Ein unscharfes, unprofessionell aussehendes Bild lässt die gesamte Website unprofessionell aussehen, selbst wenn der Rest perfekt und auf die kreativste Art und Weise gestaltet ist.
Nimm dir also wirklich immer Zeit um richtig tolle Bilder zu finden! Meine besten Tipps für Websites, auf denen man großartige lizenzfreie Bilder finden kann (d. h. kostenlos ohne Urheberrechte zu verletzen), sind:
3. Erkenntnis: Die KI ist dein Freund
Ob du es glaubst oder nicht, die KI (Künstliche Intelligenz) kann der beste Freund eines/einer Webdesigners/Webdesignerin sein! Natürlich bist du selbst in der Lage, dir einen grandiosen Brand-Namen auszudenken und mitreißende Website-Texte zu schreiben! Aber: ES BENÖTIGT ZEIT! Während man selbst manchmal ein Brett vor dem Kopf hat und Dinge schreibt, umschreibt und paraphrasiert, kann die KI das für dich in Sekunden tun. Und dann kannst du es immer noch an deine Wünsche anpassen, aber ein Start ist gemacht.
Und ich sage dir nicht, dass du die KI alles für dich erledigen lassen sollst! Ich glaube, dass der menschliche Geist immer noch 100 % kreativer ist und in der Lage, schöne Dinge zu schaffen. Das ist nicht das, wovon ich rede. Ich spreche davon, Ressourcen zu nutzen, die dich dabei UNTERSTÜTZEN, deinen Designprozess zu BESCHLEUNIGEN und dir ANFÄNGLICHE IDEEN zu geben, die du dann weiterentwickeln kannst.
Zwei Ressourcen die ich benutzt habe waren dabei:
4. Erkenntnis: Benutze Google Fonts
Google Fonts ist eine großartige Ressource, um schöne Schriftarten zu finden und sie kostenlos herunterzuladen, um sie in deinem Design zu verwenden. Bei der Suche nach Schriftarten kannst du nach verschiedenen Kategorien filtern und sehen, wie dein Text in den verschiedenen Schriftarten aussehen würde.
5. Erkenntnis: Recherche ist wertvoll
Bevor du eine neue Design Challenge beginnst, solltest du zu dem Thema recherchieren. Jeder Tag der Challenge ist völlig anders. Sie reichen von Immobilien, über Sushi-Restaurants, Hochzeitssträuße, Verkaufsvideos, Flugsuche, Museen, Schmuckgeschäfte, Telefonversicherungen, Seifenläden, Surfbrettverleih, … und noch viele mehr. Die Chancen stehen gut, dass du noch nie etwas für diese speziellen Nischen designt hast.
Daher ist es extrem hilfreich, sich Zeit zu nehmen und Rechercheareit zu betreiben, zum Beispiel auf Pinterest oder Dribbble. Lass dich inspirieren, lerne verschiedene Stile kennen, aber kopiere natürlich nicht die Designs anderer!
6. Erkenntnis: Baue dein Design auf einem Foto, dem Logo oder einem Satz auf
Manchmal sieht man ein Bild und es gibt einem eine Idee für das Design der gesamten Website. Das Gleiche kann mit dem Logo oder einem einzelnen Satz passieren. Lassen mich dir ein Beispiel geben:

Hier bestand die Herausforderung darin, eine Website zu entwerfen, auf der lokale LandwirtInen ihre frischen Produkte online präsentieren können, damit Einheimische sie sehen und dann direkt bei ihnen kaufen können. Bei der Suche nach Bildern auf Unsplash fand ich dieses Bild von 2 Personen, die eine Orange austauschen. Ich habe mein gesamtes Design auf diesem Bild aufgebaut. Ich habe den Satz „Connecting local farmers with local households“ geschrieben, weil das Bild den Aspekt des „Verbindens“ transportiert, und ich habe auch die grünen und orangenen Farben aus dem Bild genommen und sie auf den Text der Website und die Schaltflächen übertragen.
7. Erkenntnis: Wie wichtig es ist, zuerst auf Papier zu skizzieren
Ich habe festgestellt, dass es hilfreich ist, seine Ideen auf Papier zu skizzieren, bevor man in einem Designprogramm startet. Nimm dir einfach ein Blatt Papier und einen Bleistift und beginne damit, deine Ideen aufzuzeichnen. Wenn sie dir nicht gefallen, beginne auf einem neuen Blatt. Du kannst auch einen Timer auf 2 Minuten oder 5 Minuten einstellen und so viele mögliche Entwürfe wie möglich zeichnen.
Mir hat das sehr geholfen, all die Ideen in meinem Kopf zu einem zusammenhängenden Design auf Papier und anschließend auf dem Computer zu bringen.
8. Erkenntnis: Die Kraft des Timers
Wenn ich etwas erledigen muss, stelle ich mir liebend gerne einen Timer, sei es für Webdesign oder für jede andere Aufgabe. Ich finde, das hilft mir, mich zu konzentrieren, weil ich es innerhalb des vorgegebenen Zeitrahmens schaffen will. Ich lasse mich nicht so leicht ablenken UND (und das ist wirklich wichtig für die meisten Designer/Innen) ich habe keine Zeit, ein perfektionistisch zu sein! 😉
Ihr wisst alle, was ich meine! Wenn man sich so viel Zeit nimmt, wie man will, kann man Stunden damit verbringen, einen winzigen Abschnitt einer Website zu bearbeiten. Stell dir stattdessen einen Timer und dein Leben wird viel entspannter, weil du mehr Zeit für die wichtigen Dinge im Leben hast, statt ein Design tausend Mal neu zu überarbeiten.
Das Ergebnis der 30-Tage-Webdesign-Challenge
Hier ist ein kleiner Einblick in meine Designs. Wenn du alle 30 Designs sehen willst, schau sie hier finden.








