SwissMadeMarketing Website Strategie-Paket
Lernen Sie die Kunst erfolgreicher Webseiten
Wir bringen Ihr Business zu Ihnen nach Hause
Sie wollen Ihre Website auf ein neues Level bringen. Aber es scheitert irgendwie am Know-How.
Vielleicht haben Sie sogar schon ein paar gute Ideen, wie Ihre verbesserte Website oder Ihr Funnel aussehen könnte. Aber Sie kriegen es einfach nicht umgesetzt.
Genau da können wir Ihnen helfen.
Wir verraten Ihnen die wahren Elemente erfolgreicher Websites. Und zeigen Ihnen, wie Sie diese technisch umsetzen. Schritt für Schritt.
Exklusiv für Sie haben wir einen ausführlichen und schnell erlernbaren Online-Kurs zusammengestellt.
Das Thema: Lernen Sie die Kunst erfolgreicher Webseiten.
Folgende Themen werden behandelt:
- Die wahren Elemente einer erfolgreichen Website
- Welche Schriftarten, Farben und Formen für das perfekte Webdesign?
- Wie Sie das ideale Layout für Ihre Website finden und umsetzen
- Bildmaterial für Ihre Website richtig auswählen, bearbeiten und optimieren
- Responsive Design: Wie Sie Layout und Inhalte Ihrer Website für mobile Geräte optimieren
- User Experience: Wie Sie die Benutzererfahrung mit interaktiven Web-Komponenten verbessern
Die wahren Elemente einer erfolgreichen Website
- Wie Sie Ihre Seitenstruktur festlegen oder optimieren - mit einer einfachen Skizze
- Was Sie bei der Logo-Erstellung beachten müssen
- Wie Sie die richtige Schriftart auswählen
- Wie Sie die richtige Farbkombination auswählen
- SEO, Hosting und CMS: Die wichtigsten Tipps
- inkl. LIVE Demo
Welche Schriftarten, Farben und Formen für das perfekte Webdesign?
- Warum Schriftarten, Farben und Formen die wichtigsten Elemente Ihres Webdesigns sind
- Wie Sie diejenige Schriftart auswählen, die die Werte vermittelt, die Sie kommunizieren möchten
- Wie Sie ein Farbschema aus einem Stimmungsbild erstellen - Wie Sie über Elementformen entscheiden (z.B. rund, eckig, scharfe Kanten)
- Wie Sie Motiv-Design-Elemente erstellen
Links und Vorlagen
Ninja Chat SmartBox/SmartElement:
https://ninja.incms.training/SmartBox_NJ-Chat_v1.0.json.zip
Absätze:
https://fonts.google.com/?category=Sans+Serif&stylecount=10
Überschriften:
https://fonts.google.com/?category=Display,Handwriting
Paar-Schriftarten (pair fonts):
https://fontpair.co/fonts/
Konvertieren Sie *.TTF zu *.WOFF2
https://onlinefontconverter.com/
Farbpalette
http://coolors.co/palettes/trending
Verläufe:
https://webgradients.com/
https://gradienthunt.com/
Farbpaletten von einem Bild:
https://www.canva.com/colors/color-palette-generator/
Wie Sie das ideale Layout für Ihre Website finden und umsetzen
- Wie Sie das ideale Layout finden und umsetzen (je nach Ziel und Inhalt Ihrer Website)
- Wie Sie Header und Footer vorbereiten - Wie Sie Inhalte in Abschnitten organisieren
- Wie und wo Sie den Call-to-Action platzieren - Wie Sie das Layout von Unterseiten definieren und umsetzen
- Live Fragen und Antworten: Freuen Sie sich auf den interaktiven Austausch mit Tim und Mehmed!
Links und Vorlagen
Ninja SmartBox
https://ninja.incms.training/Layout-SmartBoxes.zip
Template Monster:
https://www.templatemonster.com/de/
Dribble (erfordert Registrierung):
https://dribbble.com/search/website
Pinterest (erfordert Registrierung):
https://www.pinterest.com/
Bildmaterial für Ihre Website richtig auswählen, bearbeiten und optimieren
- Welche Bilder und Formate Sie wählen sollten - und welche Sie lieber vermeiden sollten
- Wo Sie geeignete Bilder finden können
- Wo Sie geeignete Symbole und Icons finden können
- Wo Sie geeignete Grafiken finden können
- Wie Sie diese Bilder komprimieren und für das Web aufbereiten
- LIVE Fragen und Antworten: Freuen Sie sich auf den interaktiven Austausch mit Tim und Mehmed!
Links und Vorlagen
Hintergrund automatisch entfernen lassen:
https://www.remove.bg/
Kostenloser Bildoptimierer:
https://tinypng.com/
Kostenlose Stock Photos:
https://www.pexels.com/
https://pixabay.com/de/
https://unsplash.com/
https://picjumbo.com/
https://facebook.design/toolsandresources/
Kostenlose Icons & Illustrationen:
https://www.flaticon.com/
https://www.iconfinder.com/
https://undraw.co/illustrations
Speicherplatz, wo Sie Ihre MP4-Videos hochladen können:
https://cloudinary.com/
https://sirv.com/
Responsiveness: Wie Sie Layout und Inhalte Ihrer Website für mobile Geräte optimieren
- Wie Sie Ihre Website für mobile Geräte optimieren
- Die Regeln des Responsive Designs: Das müssen Sie beachten
- Reihen und Spalten richtig verwenden
- Zeitsparende CSS-Techniken, Tipps und Tricks
- LIVE Fragen und Antworten: Freuen Sie sich auf den interaktiven Austausch mit Tim und Mehmed!
Links und Vorlagen
Mobile SmartBox Collection:
https://ninja.incms.training/Mobile-SmartBoxes.zip
(Smart Burger Menu, Smart Mobile, Smart Table)
Kostenloser Bildoptimierer:
https://tinypng.com/
Ninja Chat v2.0:
https://ninja.incms.training/SmartBox_NJ-Chat_v2.0.json.zip
User Experience: Wie Sie die Benutzererfahrung mit interaktiven Web-Komponenten verbessern
- Welche interaktiven und animierten Elemente gibt es?
- Welche dieser Elemente sind sinnvoll für meine Website?
- Wie kann ich Carousels, Sliders, Preisvergleichstabellen und Animationen hinzufügen?
- LIVE Fragen und Antworten: Freuen Sie sich auf den interaktiven Austausch mit Tim und Mehmed!
Links und Vorlagen
SmartBox - Carousel Content Animation v1.0:
https://ninja.incms.training/SmartBox_Carousel-Content-Animation_v1.0.json.zip
Beispiel CSS-Animation:
https://www.w3schools.com/css/tryit.asp?filename=trycss3_animation2
Beispiel CSS-Übergang:
https://css-tricks.com/almanac/properties/t/transition/
Beispiel JavaScript-Animation:
https://www.w3schools.com/js/tryit.asp?filename=tryjs_dom_animate_3
https://vincentgarreau.com/particles.js/
https://niche-solidrockseo-2017.incms.net/
(inCMS Template)
Übersicht Animationen:
https://animate.style/
Beispiel für gute Animation:
https://carpentry-ninja.incms.net/
CSS-Code dazu:
/*ZOOM*/
.view-normal .zoom-hover .smart-mask{transform: scale(0.3);}
.view-normal .zoom-hover .smart-mask,.view-normal .zoom-hover .smart-box-container {opacity: 0;transition: all .4s ease;}
.zoom-hover:hover .smart-mask{transform: scale(1);}
.zoom-hover:hover .smart-mask,.zoom-hover:hover .smart-box-container {opacity: 1;}
.smart-box.smart-link-text {position: relative;}
.view-normal .smart-box.smart-link-text a {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;left: 0;text-decoration: none;}
Classes:
smart-link-text zoom-hover
Der Erfolg unserer Kunden liegt uns am Herzen
Ihr Online-Erfolg ist unser Business. Wir sind bestrebt, persönliche und individuelle Lösungen für unsere Kunden zu finden.
Lernen Sie das Team von SwissMadeMarketing kennen
Seit einigen Jahren wird der Wettbewerb im Online Markt immer anspruchsvoller und temporeicher. Der Schlüssel zum Erfolg heißt Automatisierung. Diese ist die treibende Kraft hinter SwissMadeMarketing. Seit 2010 erstellt SwissMadeMarketing neue Business-Lösungen für alle, die Online Marketing betreiben: von der Keyword Recherche bis hin zur CMS Plattform. SwissMadeMarketing strebt unaufhörlich danach, an der Spitze von Innovationen zu stehen. Ziel dieser Innovationen ist es, Geschäftsprozesse zu automatisieren und das Leben eines jeden Unternehmers effizienter und produktiver zu machen. In kürzerer Zeit. Das Team besteht aus hoch qualifizierten Programmierern in der Schweiz und einem internationalen Team von Marketing Experten, die alle mit Leib und Seele daran arbeiten, erstklassige Produkte für Sie zu entwickeln.
Unser Antrieb ist die Erkenntnis, dass dieses «Internet Ding» die mächtigste Plattform ist, die jemals existiert hat. Online Marketing ist in unserer Zeit so wichtig geworden, dass es über Erfolg oder Misserfolg von jedem Unternehmen entscheiden kann.