D/7 A01
Sanft eingeblendet
Gut für: Textbereiche · Leistungen · Intro-Blöcke
Ein ruhiger Einstieg reicht oft völlig.
Der Inhalt kommt leicht von unten und wird dabei sichtbar.
Mehr erfahren →
← Zur D/7 Designbibliothek
12 Animationen & Scroll-Effekte, die Bewegung reinbringen, ohne zu nerven.
Bewegung kann Inhalte führen, Übergänge ruhiger machen oder genau im richtigen Moment Aufmerksamkeit erzeugen. Entscheidend ist, dass die Animation nicht wichtiger wird als der Inhalt.
Hier finden Sie zwölf Ideen aus typischen Website-Situationen – von sanften Einblendungen bis zu etwas aufwendigeren Scroll-Effekten. Gefällt Ihnen etwas, setzen Sie es auf Ihren D/7 Merkzettel. Wenn Sie selbst bauen, können Sie den Code direkt übernehmen.
D/7 A02
Zeile für Zeile
Gut für: Hero-Bereiche · große Aussagen · Editorial
Eine gute Website muss nicht laut sein. Nur klar.
HTML, CSS & JS für A02
D/7 A03
Karten nacheinander
Gut für: Leistungen · Vorteile · Referenzen
01
Webdesign
02
WordPress
03
SEO
HTML, CSS & JS für A03
D/7 A04
Bild wird freigelegt
Gut für: Projekte · Referenzen · große Bilder
Projektansicht
Referenz ansehen →
HTML, CSS & JS für A04
D/7 A05
Zahl zählt hoch
Gut für: Erfahrung · Kennzahlen · Vertrauen
0
Jahre Erfahrung
HTML, CSS & JS für A05
D/7 A06
Linie zeichnet sich
Gut für: Prozesse · Timelines · einzelne Schritte
01
Kennenlernen
02
Konzept
03
Umsetzung
HTML, CSS & JS für A06
D/7 A07
Sticky Story
Gut für: Abläufe · Leistungen · erklärungsbedürftige Themen
So entsteht ein Projekt.
Verstehen
Was soll die Website leisten und für wen ist sie gedacht?
Ordnen
Inhalte, Seiten und Schwerpunkte bekommen eine klare Struktur.
Gestalten
Aus der Richtung wird ein Auftritt, der zum Unternehmen passt.
HTML & CSS für A07
D/7 A08
Dezente Parallax-Bewegung
Gut für: Hero-Bilder · Referenzen · Premium-Bereiche
Projektansicht
Bild und Hintergrund bewegen sich unterschiedlich.
HTML, CSS & JS für A08
D/7 A09
Bild und Text zeitversetzt
Gut für: Über uns · Leistungen · Referenzen
Erst das Bild. Dann die Aussage.
Beide Elemente kommen ruhig, aber nicht gleichzeitig ins Bild.
HTML, CSS & JS für A09
D/7 A10
Ruhiger Hintergrund
Gut für: Hero-Bereiche · CTA-Flächen · Premium-Seiten
Bewegung, die man eher spürt als sieht.
Der Hintergrund bleibt ruhig und verändert sich nur sehr langsam.
HTML & CSS für A10
D/7 A11
CTA im richtigen Moment
Gut für: lange Leistungsseiten · Ratgeber · Landingpages
Was sollte vor einer Anfrage klar sein?
Nicht alles. Oft reichen ein Ziel, ein grober Rahmen und ein paar Gedanken dazu, was die neue Website besser machen soll.
Erst wenn der Inhalt fast gelesen ist, erscheint der nächste sinnvolle Schritt.
Projekt besprechen →HTML, CSS & JS für A11
D/7 A12
Scroll Signature
Gut für: besondere Projekte · Premium-Hero · große Aussagen
Aus Idee wird Website. Schritt für Schritt.
HTML, CSS & JS für A12
D/7 Designbibliothek
Weitere tolle Ideen für Ihre Website entdecken.
Einfach weiterstöbern – Ihr D/7 Merkzettel bleibt erhalten.
01
Seitenanfang
Hero-Bereiche
Entdecken →
02
Hintergrund
Bewegte Premium-Hintergründe
Entdecken →
03
Farben
Farben & Farbtöne
Entdecken →
04
Schrift
Typografie
Entdecken →
05
Inhalte
Karten & Boxen
Entdecken →
06
Kontakt
CTA-Bereiche
Entdecken →
07
Buttons
Button-Effekte
Entdecken →
08
Interaktion
Hover-Effekte
Entdecken →
09
Bewegung
Animationen & Scroll-Effekte
Entdecken →
10
Premium
Premium & Glossy
Entdecken →
Gefunden, was Ihnen gefällt? Den Rest können wir auch übernehmen.
Die D/7 Designbibliothek ist zum Anschauen, Ausprobieren und Merken da. Wenn daraus eine neue Website, ein Relaunch, SEO oder laufende Betreuung werden soll, finden Sie hier die passenden Bereiche.
Neue Website
Webdesign
Webdesign ansehen
Webdesign
Berlin
Wenn aus einzelnen Ideen eine komplette Website werden soll: Gestaltung, WordPress und Umsetzung direkt bei dailyseven.
Erst einmal draufschauen
Website-
Website prüfen lassen
Website-
Check
Muss wirklich alles neu? Wir schauen, was gut ist, was stört und wo sich eine Änderung tatsächlich lohnt.
Wenn ein Update nicht mehr reicht
Website-
Relaunch ansehen
Website-
Relaunch
Die alte Website darf bleiben, wo sie ist. Wir übernehmen, was noch gut funktioniert, und bauen den Rest sauber neu.
Wenn bei Google mehr passieren soll
SEO &
SEO ansehen
SEO &
Google
Gute Gestaltung allein bringt noch keine Besucher. Wenn Sie gezielt besser gefunden werden möchten, kümmern wir uns auch darum.
Auch nach dem Start
Website-
Betreuung ansehen
Website-
Betreuung
Updates, Änderungen, neue Inhalte oder technische Fragen: Wenn Sie sich darum nicht selbst kümmern möchten, machen wir das.
Wenn auch verkauft werden soll
WooCommerce
WooCommerce ansehen
WooCommerce
Shops
Produkte, Bestellungen und Bezahlung direkt über WordPress. Für kleinere Shops genauso wie für umfangreichere Projekte.