Servus liebe Leute, willkommen bei STARTUP SCHLAU, mein Name ist Marc. Ich bin Gründer aus Frankfurt am Main und ich habe ein Food Startup von 0 auf über 50 Mitarbeiter und über 5 Mio. Euro Jahresumsatz geführt und das Unternehmen 2020 erfolgreich verkauft.
In meiner Laufbahn habe ich weit über 50 Websites erstellt (WordPress, Shopify, Squarespace, …) und zeig’ Euch in diesem Video Schritt für Schritt wie’s geht. Und noch mehr!
Für die fiktive „Steffi Schlau“ planen und bauen wir LIVE einen Online-Auftritt auf https://steffi-schlau.de. Wir gestalten ein Logo, bauen eine Website und kaufen eine Domain + Hosting – Und
und alles als LIVE Tutorial zum Mitverfolgen in Echtzeit, damit Du siehst wie’s funktioniert (ohne Programmieren und ohne grosse Vorkenntnisse).
***
Timestamps
00:00:00 INTRO
00:01:11 Onlineauftritt für https://steffi-schlau.de
00:01:57 Struktur: So gehen wir vor
00:04:47 1. PLANUNG
00:04:53 – Vorüberlegungen & Ziele
00:06:29 – Recherche & Inspiration
00:07:27 2. LOGO GESTALTEN
00:07:32 – Gute & schlechte Beispiele
00:09:35 – „Steffi Schlau“ Logo gestalten mit Canva
00:13:38 – Logo auf mehrfarbigem Hintergrund
00:14:11 – Gestaltung Icon
00:16:32 – Logo & Icon finalisieren
00:20:58 – Finales Logo & Icon
00:24:21 3. WEBSITE BAUEN
00:24:33 – Vorteile von Squarespace
00:29:00 – Vorüberlegung: Website = Storytelling
00:29:53 – Welche Story erzählt Steffi Schlau’s Website?
00:31:07 – iPad: Wir skribbeln ein Grundgerüst (Wireframe)
00:39:17 – Fertiges Wireframe: So könnte die Website aussehen
00:41:50 – Vergleich Website-Story marcschlegel.net
00:44:06 – Auf Basis von Steffi Schlau’s Wireframe: Squarespace Vorlage auswählen
00:45:30 – Vorlage aufsetzen
00:46:24 – Einführung in Squarespace (Menu, Editor, …)
00:47:22 – Header & Navigation bauen (inkl. Logo, Farben, Schriften)
00:55:20 – Footer bauen
01:01:54 – Navigation verfeinern (Desktop & Mobil) und Social Media Icons
01:06:38 – Browsersymbol (Favicon) erstellen
01:08:13 – Bilder komprimieren mit tinypng.com
01:10:18 – Startseite erstellen
01:11:08 — Block Start: Nutzenversprechen, Button (Call to Action)
01:12:29 — Block Über mich: Überschriften, Textelemente, Bilder, Positionierung, Verlinkung
01:25:54 — Block Angebot: Produkt & Dienstleistung
01:28:45 — Block Trust: Testimonials
01:31:56 — Block FAQ: Häufig gestellte Fragen (FAQ)
01:34:03 — Block Kontakt
01:37:05 — Block Social Media Icons
01:39:31 – Seite Kontakt erstellen
01:42:33 – Seite Impressum (Muster) erstellen
01:44:11 – Seite Datenschutzerklärung (Muster) erstellen
01:44:50 – Sitemap im Footer hinzufügen
01:46:23 – Weiterentwicklungsmöglichkeit E-Commerce
01:47:58 – Mobil- vs. Desktop Ansicht
01:49:37 – Besucherstatistik (Analytics)
01:50:13 4. DOMAIN KAUFEN
01:50:22 – Domain auswählen und kaufen (18€/Jahr)
01:52:20 – Hosting buchen (ca. 120€/Jahr)
01:53:32 5. WEBSITE LIVE STELLEN
01:53:40 – Rückblick: Was haben wir gemacht?
01:54:03 – Domain Aktivierung abwarten und Website Go Live!
01:56:13 OUTRO
***
Tools die ich gerne verwende:
– Squarespace Website & E-Commerce Builder https://squarespace.com
– Canva Grafikprogramm https://canva.com
– tinypng Bild-Komprimierer https://tinypng.com
– Profilbild Creator https://pfpmaker.com
– Unsplash kostenlose Bild-Bibliothek https://unsplash.com
***
Meine Ausrüstung (Affiliate Links)
Kamera Sony A6500 https://amzn.to/3Hq9ZZ3
Objektiv Sigma 16mm 1.4 https://amzn.to/3sgPPKu
Fieldmonitor https://amzn.to/34vjUOu
Single Stand Setup:
– Neewer Pro https://amzn.to/3IRpyJA
– Superclamps Universal https://amzn.to/32ZVXOU
– Schwerlast Sandsäcke https://amzn.to/3Gw1A5a
– Blitzschuh- / Kaltschuh-Adapter https://amzn.to/3AUBt6w
– Neewer Verlängerungsgriff https://amzn.to/3saXvhn
– Neewer Mini-Kugelkopf-Kamerahalterung https://amzn.to/3LaGQ6y
– IMPACT 1Auslegearm mit Spigot https://amzn.to/3gn0EFi
– Ipow® Universal Tablet Stativ Halterung https://amzn.to/3oo1ypv
– Neewer Mikrofonständer https://amzn.to/3AUxerw
– RØDE VideoMicro https://amzn.to/3ghomD4
– RØDE VC1 VerlängerungsKabel https://amzn.to/3GsNBwG
Licht:
– Falcon Eyes RX-24TDX 150W https://amzn.to/3B3hTFq
Zubehör:
– BOLING BL-P1 RGB LED Videolicht https://amzn.to/3sbSMMx
– Sony Remote RMT DSLR2 https://amzn.to/3La2Yxy
– Brennenstuhl Bremounta Steckdosenleiste https://amzn.to/3rnz0hI
– JOBY GorillaPod 3K Kit flexibles und leichtes Stativ https://amzn.to/3ul9prR
***
Mehr über mich und startup schlau auf https://www.startup-schlau.de
Spambarrier – Cloud Antispam
Original Video