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

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
Showreels Inspiration
Kostenlos
Freischalten
Showreels Inspiration

Showreelz ist ein kreativer Feed, der inspirierende und bemerkenswerte Designvideos präsentiert.

Inspiration
Text-Anleitung
Demo Beispiel
Video-Anleitung
7 Effekte um Bilder einzublenden, sobald sie in den Viewport scrollen
Kostenlos
Freischalten
7 Effekte um Bilder einzublenden, sobald sie in den Viewport scrollen

Dieses kostenlose Webflow Cloneable bietet gleich sieben verschiedene Effekte, um einen faszinierenden Bild-Reveal-Effekt zu erzeugen.

Cloneable
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
Bilder in Webflow in zwei Stufen groß ran zoomen
Kostenlos
Freischalten
Bilder in Webflow in zwei Stufen groß ran zoomen

Vorlage um in Webflow ein hochauflösendes Bild in zwei Stufen ran zu zoomen. Ähnlich wie der Galerie Effekt auf medium.com

Cloneable
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
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
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
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
Erstes FAQ Accordion standardmäßig geöffnet anzeigen
Freischalten
Erstes FAQ Accordion standardmäßig geöffnet anzeigen

Zeige beim laden einer Seite das erste Element einer FAQ Liste standardmäßig geöffnet an.

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