Kostenlose Bilder und Videos für Kundenprojekte – meine Quellen (kommerzielle Zwecke)

Liste an Plattformen für kostenloses Bild- und Videomaterialien. Nutze ich als Webdesigner bei jedem Kundenauftrag.

Kostenlose Bilder und Videos für Kundenprojekte – meine Quellen (kommerzielle Zwecke)
Tool
Demo Beispiel enthalten
Mit Text-Anleitung
Diesen Trick und 43 weitere im Bundle kaufen
Für 49 € freischalten
Was ist enthalten?
Vorschau

Bilder sind oft das Herzstück einer Webseite. Sie vermitteln Emotionen und Botschaften. In diesem Beitrag teile ich eine Liste kostenloser Plattformen für Bild- und Videomaterial, die ich für meine Kundenprojekte nutze. Auf diesen Plattformen findest du wirklich wunderschöne Bilder und Videos – Kein Stock-Quatsch. Entdecke eine Fülle von Ressourcen, die mir helfen, beeindruckende Websites zu gestalten, die die Aufmerksamkeit meiner Besucher fesseln und bleibende Eindrücke hinterlassen.

Vorteile:

  1. Kostenfrei: Das Offensichtliche zuerst – die Ressourcen sind kostenlos und helfen, Budgets zu schonen, insbesondere für Start-ups und kleine Unternehmen.
  2. Professionelle Qualität: Diese Plattformen bieten eine breite Auswahl an hochwertigen Inhalten. Du kannst sicher sein, dass die visuellen Elemente auf deiner Website professionell und ansprechend wirken.
  3. Vielfalt: Die Quellen decken eine breite Palette von Themen ab. Egal, ob es sich um Bilder von Natur, Technologie, Menschen oder abstrakten Konzepten handelt – du findest das passende Material für jedes Projekt.
  4. Rechtliche Sicherheit: Diese Plattformen bieten Inhalte an, die unter Creative Commons-Lizenzen stehen oder gemeinfrei sind. Das bedeutet, du kannst sie für kommerzielle Zwecke verwenden, ohne dich um urheberrechtliche Probleme sorgen zu müssen.
  5. Zeitersparnis: Anstatt Stunden mit der Suche nach geeigneten Bildern und Videos zu verbringen, kannst du auf diese bewährten Quellen zugreifen und Zeit für das eigentliche Design und die Umsetzung deiner Website sparen.
  6. Kreative Inspiration: Das Stöbern durch diese Plattformen kann auch eine Inspirationsquelle sein. Du könntest auf visuelle Elemente stoßen, die dein Design auf unerwartete Weise verbessern.
  7. Kundenzufriedenheit: Mit hochwertigen Bildern und Videos kannst du beeindruckende Websites erstellen, die die Aufmerksamkeit deiner Besucher fesseln und bleibende Eindrücke hinterlassen. Dies führt zu zufriedenen Kunden, die gerne wiederkommen.

Die Nutzung dieser kostenlosen Ressourcen ist eine Win-Win-Situation – du sparst Kosten und Zeit und kannst dennoch beeindruckende Ergebnisse erzielen. Es lohnt sich, diese Quellen zu nutzen, um deine Kundenprojekte auf das nächste Level zu heben und gleichzeitig rechtlich auf der sicheren Seite zu sein.

Diesen Trick und 43 weitere im Bundle kaufen
Für 49 € freischalten
Was ist enthalten?

Weitere nützliche Webflow Tricks

Scrollen der Seite verhindern wenn eine Webflow Navigation geöffnet ist
Highlight
Freischalten
Scrollen der Seite verhindern wenn eine Webflow Navigation geöffnet ist

Dieser einfache Code, stoppt das Scrollen des Hintergrunds, wenn das Webflow mobile Menü geöffnet ist. Funktioniert auch auf Desktop.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Einmalig ein Info-Banner (Notification Bar) auf der Website anzeigen
Highlight
Freischalten
Einmalig ein Info-Banner (Notification Bar) auf der Website anzeigen

Sobald der Seitenbesucher den Info-Banner weggeklickt, wird er beim nächsten Laden der Website nicht mehr angezeigt, da die Entscheidung mit einem Cookie gespeichert wird. Über Attribute editierbar und ohne externe JS Library.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webflow Website Launch Checkliste
Freischalten
Webflow Website Launch Checkliste

Meine umfassende Checkliste aus meinem Webflow-Onlinekurs hilft dir bei einem reibungslosen Website-Launch um keine wichtigen Schritte zu übersehen.

Allgemein
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webflow Lightbox Hack: Gruppen-Slugs per JavaScript steuern
Freischalten
Webflow Lightbox Hack: Gruppen-Slugs per JavaScript steuern

Ein Trick, der dir zeigt, wie du in Webflow mehrere unabhängige Lightbox-Galerien mit dynamischen CMS-Gruppennamen erstellst, ohne dass sie sich in einer Gruppe öffnen.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Overflow auto (horizontal scrollen) mit vor und zurück Button
Highlight
Freischalten
Overflow auto (horizontal scrollen) mit vor und zurück Button

Wenn du mit horizontal scrollbaren Sektionen arbeitest, solltest du vorwärts und rückwärts Button hinzufügen, die der User als Backup klicken kann, da nicht jede Maus horizontal scrollen kann.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Automatisch nofollow zu externen Links in Webflow hinzufügen (Rich-Text, Blog etc)
Freischalten
Automatisch nofollow zu externen Links in Webflow hinzufügen (Rich-Text, Blog etc)

Automatisiert 'rel=nofollow' Attribut bei allen Links in Richt-Text-Elementen hinzufügen. Spart Zeit und verbessert SEO.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Copyright Jahreszahl im Footer automatisch aktualisieren
Kostenlos
Freischalten
Copyright Jahreszahl im Footer automatisch aktualisieren

Copyright Jahreszahl im Footer einer Webflow Website automatisch aktualisieren.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Eigenen Audio Player komplett in Webflow stylen
Kostenlos
Freischalten
Eigenen Audio Player komplett in Webflow stylen

Custom Audio-Player um auf deiner Webseite Audio-Dateien anzuziegen und zu stream. Der Player kann nach Wunsch in Webflow gestaltet werden.

Cloneable
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webdesign Animations-Inspiration – Godly
Kostenlos
Freischalten
Webdesign Animations-Inspiration – Godly

Jede verlinkte Seite hat eine Video-Vorschau, um schnell zu entscheiden, ob es als Inspiration geeignet ist, oder nicht.

Inspiration
Text-Anleitung
Demo Beispiel
Video-Anleitung
JavaScript Breakpoints für Webflow
Freischalten
JavaScript Breakpoints für Webflow

Wenn du mit zusätzlichem Custom Code in Webflow arbeitest, soll dieser auch manchmal nur bei einem bestimmten Breakpoint ausgegeben werden. Dieser Code hilft dir dabei.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Vimeo Video Playlist mit Webflow CMS erstellen
Kostenlos
Freischalten
Vimeo Video Playlist mit Webflow CMS erstellen

Erstelle ansprechende Vimeo Videoplaylists mithilfe dieses Webflow Cloneables. Nutzt die Vimeo API. Ideal für Tutorials und Kurse.

Cloneable
Text-Anleitung
Demo Beispiel
Video-Anleitung
Sammlung an guten Webflow Styleguide-Vorlagen zum klonen (kostenlos)
Kostenlos
Highlight
Freischalten
Sammlung an guten Webflow Styleguide-Vorlagen zum klonen (kostenlos)

Nutze diese kostenlosen Webflow Styleguide Vorlagen für einheitliches, professionelles Website-Design.

Cloneable
Text-Anleitung
Demo Beispiel
Video-Anleitung