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

SVG Linien animieren (wenn im Viewport)
Kostenlos
Freischalten
SVG Linien animieren (wenn im Viewport)

Mit nur zwei Attributen kannst du jedes SVG mit Line Paths animieren und das Timing anpassen.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webflow Lightbox Schließen-Button stylen
Freischalten
Webflow Lightbox Schließen-Button stylen

Dieser CSS Code überschreibt das Standard-Design von Webflow, welches jedem Lightbox-Schließen-Button mitgegeben wird. Du kannst es mit deinem eigenen Icon versehen.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
CMS Rich-Text Bullet Liste mit eigenem Icon (spart dir CMS fields)
Freischalten
CMS Rich-Text Bullet Liste mit eigenem Icon (spart dir CMS fields)

Ersetze die Standard CSM Rich-Text-Bullet-Liste in Webflow mit eigenen SVG-Icons, die sich automatisch skalieren. Perfekt für individuell gestaltete Aufzählungen.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Lazy Loading Background Videos in Webflow
Highlight
Freischalten
Lazy Loading Background Videos in Webflow

Viele Background Videos auf einer Website führen zu einer hohen Netzwerknutzlast und schlechteren Page-Speed Score. Dieser Code hilft dir dabei, Videos erst zu laden, sobald sie im Viewport des Seitenbesuchers sind.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Position Sticky innerhalb von overflow auto / hidden
Highlight
Freischalten
Position Sticky innerhalb von overflow auto / hidden

Ein Accordeon mit einer großen Tabelle verwendet "overflow: hidden", während die Tabelle selbst "overflow: auto" nutzt, um sowohl horizontal als auch vertikal gescrollt werden zu können. Eigentlich funktioniert "position: sticky" innerhalb dieser Tabelle nicht mehr, mit dieser Code-Vorlage allerdings schon.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Hunderte Device Mockups mit Menschen schnell kostenlos erstellen
Freischalten
Hunderte Device Mockups mit Menschen schnell kostenlos erstellen

Falls man für eine Präsentation oder zum einbinden auf der Website mal ein schnelles Mockup braucht (kostenlos). Einfach Screenshot hochladen und High-Res Bild wieder runterladen.

Tool
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
Autoplay Webflow Tabs
Highlight
Freischalten
Autoplay Webflow Tabs

Passe Webflow Tabs mithilfe von Attributen so an, dass sie automatisch nach einer festgelegten Zeit zum nächsten Tab wechseln (mit animierter Tab-Bar).

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Kostenlose Bilder und Videos für Kundenprojekte – meine Quellen (kommerzielle Zwecke)
Freischalten
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.

Tool
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
DSGVO konforme Alternative zu Webflow Forms
Freischalten
DSGVO konforme Alternative zu Webflow Forms

Mit einem Kostenlosen Plan von 250 Absendungen pro Monat, sehr einfacher Integration und du kannst weiterhin die Webflow Form-Komponente verwenden.

Tool
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