Eure besten Kommentare,
endlich mit eigener Bühne.
Eine schlanke Webflow-Website, die CMOs in Sekunden zeigt, warum ein Kommentar mehr bewegt als eine Anzeige. Mit Cases, Blog und ohne Entwickler pflegbar. Live vor Weihnachten.
Was wir von euch gehört haben.
Auf Basis unseres Gesprächs vom 14. Oktober und eures Pitch-Decks haben wir so verstanden, wo Made by Humans heute steht und wohin ihr wollt. Falls wir etwas falsch verstanden haben, sagt es uns. Darauf baut das ganze Angebot auf.
Herausforderungen heute
- WordPress-Seite veraltet, nach Updates fehlen Elemente
- Niemand pflegt die Seite mehr technisch
- Lidl, Teufel, Sixt: die besten Cases stecken in Decks
- Das Fly Wheel braucht zu lange zum Erklären
Wohin ihr wollt
- CMOs verstehen in Sekunden, warum Kommentare verkaufen
- Cases mit echten Zahlen, immer gleich aufgebaut
- Ein Blog, der SEO und KI-Suche füttert
- Inhalte selbst pflegen, ohne Entwickler
Unsere Bilanz.
Was enthalten ist.
Sitemap · 7 Seitentypen
Insight, Fly Wheel, Hero-Kommentare mit Zahlen, Logos, Kundenstimme
- Über uns
Eure Story, Kommi Tommi und die Cultural Avengers
- Cases
Alle Cases, filterbar nach Marke und Plattform
Case-DetailCMSFeste Struktur für jeden Case
- Blog
Alle Artikel mit Kategorien
BlogartikelCMSMit Verweisen auf passende Cases
- Kontakt & Rechtliches
Formular, Impressum, Datenschutz
Warum kein One-Pager?
Ihr wolltet eine schlanke Seite. Das bleibt sie, nur sauber aufgeteilt statt alles auf eine Seite gepresst.
Jeder neue Case und jeder Artikel wird eine eigene Seite. Die Startseite bleibt kurz und muss nie umgebaut werden.
Jede Seite rankt mit eigener URL, eigenem Titel und eigener Beschreibung, bei Google und in KI-Suchen. Ein One-Pager hat dafür nur eine einzige Chance.
CMOs springen direkt zu den Cases, die sie interessieren, statt durch eine lange Seite zu scrollen. Und ihr verlinkt jeden Case gezielt in euren LinkedIn-DMs.
Wireframes
- Low-Fidelity-Wireframes in Figma für bis zu 7 Seitentypen
- Optionale Notizen zu Funktionen, zum Beispiel CTA-Verhalten und Scroll-Sektionen
- Wireframes als Figma-Link zur Ansicht
- Storyline der Startseite aus eurem Pitch-Deck: vom Insight „Die Party findet in den Kommentaren statt“ über das Community Fly Wheel bis zu den Hero-Cases
- Feste Case-Study-Struktur, die für jeden Case gleich bleibt: Ausgangslage, der Kommentar, was danach passiert ist, Zahlen, Kundenstimme
Webdesign
- Finale UI-Designs in Figma für bis zu 7 Seitentypen
- Responsive Designs für Desktop und Mobile
- Visuelle Gestaltung im Einklang mit eurer Markenidentität (Farben, Schriften, Icons, Bildwelt)
- Design-Komponentensystem, zum Beispiel Buttons, Formularfelder, Navigation, Karten
- Hover-, Fokus- und Aktiv-Zustände für die wichtigsten Elemente
- Sauber organisierte und benannte Figma-Datei für eine reibungslose Übergabe an die Entwicklung
- Eure Kommentare als echte Social-Momente gestaltet: Kommentar-Karten, Like-Zahlen, Promi-Reaktionen, so wie sie im Feed aussehen
- Das Community Fly Wheel als klare Grafik für das Web statt als Folie
Webflow-Entwicklung
- Vollständig entwickelte Webflow-Website auf Basis der freigegebenen Designs
- Responsive Umsetzung für Desktop, Tablet und Mobile
- CMS-Setup für dynamische Inhalte, zum Beispiel Blogartikel und Case Studies
- Globale Styles und Klassen für ein skalierbares Designsystem
- Komponentenbibliothek, die euer Team einfach wiederverwenden kann
- UX-Animationen, zum Beispiel Hover-Effekte und Seitenübergänge
- On-Page-SEO- und AEO-Struktur (Titel, Meta-Beschreibungen, Alt-Texte, Überschriftenstruktur, Schema-Markup, llms.txt)
- DSGVO-konformer Cookie-Banner
- Neue Cases und Blogartikel legt ihr selbst im Webflow-Editor an, Cases filterbar nach Marke und Plattform
- Instagram- und TikTok-Videos sowie Kommentar-Screenshots performant eingebunden
Content- & SEO-Migration
- Übertragung der bestehenden Inhalte und bis zu 20 CMS-Einträge, zum Beispiel die ersten Cases wie Lidl × Die Jindaouis, Lidl-Pinguin und Teufel × Felix Lobrecht, aus euren Unterlagen ins CMS
- 301-Weiterleitungen aller bisherigen WordPress-URLs, damit kein Ranking verloren geht
- Übernahme von Bildern, Videos und Assets
- Abschaltplan für die bisherige WordPress-Website
Qualitätssicherung & Launch-Begleitung
- Cross-Browser-Tests (Chrome, Safari, Firefox, Edge)
- Responsive-Tests auf den wichtigsten Breakpoints (Desktop, Tablet, Mobile)
- Funktionstests: Formulare, Buttons, Animationen, CMS-Einträge, Filter, eingebettete Videos
- SEO-Basics geprüft: Meta-Tags, Alt-Texte, semantische Überschriften
- Anleitung für Domain-Umzug und DNS-Einträge
- Webflow Optimize & Analyze eingerichtet
- Begleitung während des Go-live-Fensters
Schulung & Übergabe
- Ein Workshop à 1 Stunde für euer Team: Webflow-Editor, neuen Case anlegen, Blogartikel veröffentlichen, Texte und Bilder tauschen
- Aufzeichnung des Workshops zum Nachschauen
- Übergabe-Checkliste: alle Zugänge geprüft, Made by Humans ist alleiniger Owner von Workspace, Site und Domain
Support nach dem Launch
- 10 Stunden kostenloser Support nach dem Launch für Punkte außerhalb des Umfangs, verfügbar für 21 Tage nach dem Go-live
- Fragen eures Teams zu Editor und CMS beantworten wir in dieser Zeit direkt
Nicht enthalten
- Texte: Made by Humans liefert die Inhalte für Seiten, Cases und Artikel. Wir bauen sie ein und geben Feedback zur Storyline
- Rebranding: Logo, Farben und Schriften bleiben wie sie sind
- Englische Version: als Option unten wählbar
- Anbindung eures Tracking- und Reporting-Tools: Zahlen kommen als Inhalte ins CMS, nicht live aus dem Dashboard
- Drittkosten: Webflow-Hosting, Domain, kostenpflichtige Integrationen, direkt vom Anbieter an Made by Humans verrechnet
Ergebnisse unserer Kunden.
So arbeiten wir.
7 Wochen von Kickoff bis Launch.
Jeder Balken ist eine Phase. Angenommener Kickoff: Montag, 2. November (KW45). Launch in der Woche vom 14. Dezember, also vor der Weihnachtspause. Den verbindlichen Zeitplan legen wir beim Kickoff gemeinsam fest. Die Schulung findet in der Launch-Woche statt.
Eure Investition.
Fixpreis für den oben beschriebenen Leistungsumfang, ausgehend von 7 Seitentypen (gemeinsam zu bestätigen). Alles darüber hinaus benennen wir vorher und stimmen es mit euch ab, bevor Aufwand entsteht.
| Wireframes7 Seitentypen, Storyline der Startseite, feste Case-Struktur | 1.500 EUR |
| Webdesign7 Seitentypen, responsive, auf eurem Branding, Komponentensystem | 5.250 EUR |
| Webflow-EntwicklungCMS für Cases und Blog, Komponentenbibliothek, SEO- und KI-Grundstruktur | 6.000 EUR |
| Content- & SEO-MigrationBis zu 20 CMS-Einträge, 301-Weiterleitungen, Rankings erhalten | 500 EUR |
| Qualitätssicherung & Launch-BegleitungCross-Browser-, Responsive- und Funktionstests, Begleitung beim Go-live | Inklusive |
| Schulung & Support nach dem Launch1 Stunde Workshop, 10 Stunden Support für 21 Tage nach dem Launch | Inklusive |
| Eure Investition | 13.250 EUR |
Alle Preise netto, zuzüglich der gesetzlichen Mehrwertsteuer.
Optionen
Wählt aus, was ihr braucht. Die Summe passt sich an.
Zahlung
33 % bei
Projektstart
33 % zu Beginn
der Entwicklung
34 % nach Launch
& Übergabe
Gültigkeit
Dieses Angebot ist gültig bis 30. Oktober 2026. Danach kann es sich je nach Auslastung ändern.
Feedbackrunden
Jedes Arbeitsergebnis enthält zwei Feedbackrunden. Weitere Runden oder Wünsche außerhalb des Umfangs zu 100 EUR/h, nur nach eurer schriftlichen Freigabe.
Worauf wir von eurer Seite zählen.
Die Arbeitsannahmen, auf denen Preis und Zeitplan beruhen.
Onboarding & Kickoff
- Made by Humans füllt die Onboarding-Unterlagen (Briefing, Fragebogen) vor dem Kickoff aus
- Made by Humans stellt zum Kickoff alle Assets bereit: Logo als Vektor, Farbcodes, Schriften, Pitch-Decks, Kommentar-Screenshots, Videos und Fotos
- Made by Humans legt den Webflow-Workspace auf eigenen Namen an und lädt magier als Gast ein. Den Hosting-Plan bucht ihr direkt bei Webflow
- Die 7 Seitentypen bestätigen wir beim Kickoff gemeinsam
Inhalte
- Made by Humans liefert die Texte für Startseite und Seiten bis zum Start des Webdesigns. Bis dahin arbeiten wir mit realistischen Platzhaltern
- Texte, Zahlen und Freigaben der Kunden für die ersten Cases liefert ihr bis zum Start der Entwicklung
- Ihr klärt mit euren Kunden, welche Marken und Zahlen öffentlich gezeigt werden dürfen
- Bilder komprimiert unter 1 MB; Videos als MP4 oder als Link
Feedback & Kommunikation
- Arbeitsergebnisse werden innerhalb von 24 Stunden nach Erhalt geprüft und freigegeben, sofern nicht anders vereinbart
- Feedback wird gebündelt über den vereinbarten Kanal (Figma, BugHerd) gegeben
- Thomas ist die feste Ansprechperson und bündelt die Rückmeldungen aus dem Team
Zugänge & Verantwortlichkeiten
- Made by Humans stellt rechtzeitig Zugänge zu Drittplattformen sicher (Webflow, WordPress, Domain/DNS, Google Analytics) und trägt deren Kosten
- Made by Humans holt vor dem Go-live alle rechtlichen Freigaben ein (Datenschutz, Impressum)
- Kein individueller Code und keine Integrationen über den beschriebenen Umfang hinaus
Feedbackrunden & Zusatzaufwand
- Jedes Arbeitsergebnis (Wireframes, Designs, ein Paket umgesetzter Seiten auf Staging) enthält bis zu zwei Feedback- und Überarbeitungsrunden
- Eine Runde ist ein Durchgang, in dem ihr ein Arbeitsergebnis prüft und Feedback gebt
- 10 % des Gesamtpreises sind für Anpassungen nach dem Launch reserviert: Wird ein bereits freigegebenes Ergebnis nochmals geöffnet, kommt es auf die Liste nach dem Launch. So bleibt der Zeitplan verbindlich
- Zusätzliche Runden und Änderungswünsche außerhalb des Umfangs: 100 EUR/h netto, nur nach schriftlicher Freigabe
Was Kunden sagen, wenn wir nicht im Raum sind.
As a VC-backed startup growing fast, we didn't have time for a six-month project. We needed someone fast, and magier proved they could deliver. Their Webflow expertise and past work impressed us, and in the end, we were super happy with the outcome. Magier was always on the project together with us - we felt like they were part of our team. I've never seen that in other agencies. They were fast, bold, and innovative. I would totally recommend them.
Working with Magier feels like having an entire design and web team plugged directly into our marketing engine. They move fast, they think with us, and they enabled us to execute ideas we simply didn't have the resources for before.
We partnered with Magier to relaunch our entire CI and website, and the experience was outstanding. The team delivered excellent work - communication and execution exceeded our expectations. If you want a website that stands apart with a uniquely creative interpretation of your CI, Magier is the partner to choose. Big thanks to the whole team! :)
I used maybe 5-6 other design/webflow agencies before finding Magier. All the usual ones you get FB ads for... I think I found Magier through my Y-combinator network... been super impressed with the quality of the design and Webflow development. Like, they've been able to do everything I threw at them. Also, they've worked well alongside our SEO agency and even provided many unsolicited speed improvements etc. Can't recommend them enough.
After our rebranding, we needed a partner to help us build a new website in Webflow - and Magier stepped in seamlessly. From day one, they were committed, enthusiastic, and solution-oriented, tackling every challenge we faced with ease. Communication was always smooth and effortless, making the entire process stress-free. Thanks to their dedication, we launched our brand-new website on schedule, despite a tight deadline. It was a fantastic experience, and we highly recommend the Magier team!
What a great pleasure it is to work with the design team at magier!! The team is very talented and customer focussed. From the moment you start working with them, it feels like a partner who is focussed at solving your problems. Their support post delivery was fantastic - helping quickly resolve any small issue that came up or in some cases doing some quick design revisions based on user feedback. In summary, if you are looking for a long term partner who keep you first, look no further!