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

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
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
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
SVG Code Zeichenlimit für Embed Felder in Webflow umgehen
Freischalten
SVG Code Zeichenlimit für Embed Felder in Webflow umgehen

Umgehe das 10.000 Zeichen Limit für Webflow Embed Fields und füge große SVG Bilder als Code zu deiner Website hinzu.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Tabellen für Rich-Text Inhalte visuell erstellen
Freischalten
Tabellen für Rich-Text Inhalte visuell erstellen

Webflow bietet keine Tabellen-Funktion in Rich Text Elementen. Mit diesem Tool kannst du Tabellen und Inhalte visuell gestalten und den Code als Embed einfügen.

Tool
Text-Anleitung
Demo Beispiel
Video-Anleitung
Ändere die standard Browser Hintergrundfarbe wenn Text markiert wird
Freischalten
Ändere die standard Browser Hintergrundfarbe wenn Text markiert wird

Passe die Standard-Hintergrundfarbe des Browsers an, wenn Text markiert ist, und steuere diese mit deinen Webflow Variablen.

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
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
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