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 40 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 40 weitere im Bundle kaufen
Für 49 € freischalten
Was ist enthalten?

Weitere nützliche Webflow Tricks

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
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
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
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
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
Page Load Animation nur 1x in Webflow abspielen
Highlight
Freischalten
Page Load Animation nur 1x in Webflow abspielen

Erstelle eine Ladeanimation, die nur dann abgespielt wird, wenn der Besucher zum ersten Mal auf die Website kommt und nach Page Reload nicht mehr.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webflow SEO Checkliste (mehrere zusammengefasst)
Freischalten
Webflow SEO Checkliste (mehrere zusammengefasst)

Ich habe dir einige wichtige Punkte von verschiedenen SEO Beiträgen in diesem Beitrag zusammengefasst.

Allgemein
Text-Anleitung
Demo Beispiel
Video-Anleitung
Video Playback in einem Popup bei schließen stoppen
Freischalten
Video Playback in einem Popup bei schließen stoppen

Dieser Code stoppt automatisch das weitere abspielen eines Videos in einem Popup / Modal Fenster, sobald dieses geschlossen wird.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webflow Slider bei einem bestimmten Slide starten lassen
Highlight
Freischalten
Webflow Slider bei einem bestimmten Slide starten lassen

Entscheide welcher Slide beim laden der Seite zuerst angezeigt werden soll. Einfach über Attributes editierbar.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webdesign Galerie mit ganzen Screenshots – Landbook
Kostenlos
Freischalten
Webdesign Galerie mit ganzen Screenshots – Landbook

Jeder Screenshot beinhaltet eine ganze Website-Seite und nicht nur einen Ausschnitt. Zudem gibt es gute Filtermöglichkeiten.

Inspiration
Text-Anleitung
Demo Beispiel
Video-Anleitung
Tabs in Tabs, die auf Mobile zu Dropdown werden
Kostenlos
Freischalten
Tabs in Tabs, die auf Mobile zu Dropdown werden

Eine individuell gestaltete Tabs-in-Tabs-Komponente, die sich auf dem Mobile Breakpoint in eine Dropdown-Komponente verwandelt.

Cloneable
Text-Anleitung
Demo Beispiel
Video-Anleitung
Horizontales Text / Bilder Karussell (ohne Webflow Interaktionen) | Infinite Marquee
Freischalten
Horizontales Text / Bilder Karussell (ohne Webflow Interaktionen) | Infinite Marquee

Lass Bilder, Logos und Texte mit nur zwei Zeilen CSS Code horizontal durch den Bildschirm wandern. Mit dieser Code-Vorlage musst du nur ein Attribut vergeben.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung