Webdesigner & Framer Developer
/willi Peschel
Projekte
Richtungen auf meinem Weg.
Diese Projekte zeigen unterschiedliche Stationen meiner Entwicklung als Designer. Jedes folgt einer eigenen visuellen Richtung, die zur jeweiligen Aufgabe passt.
Projekte
Richtungen auf meinem Weg.
Diese Projekte zeigen unterschiedliche Stationen meiner Entwicklung als Designer. Jedes folgt einer eigenen visuellen Richtung, die zur jeweiligen Aufgabe passt.
Projekte
Richtungen auf meinem Weg.
Diese Projekte zeigen unterschiedliche Stationen meiner Entwicklung als Designer. Jedes folgt einer eigenen visuellen Richtung, die zur jeweiligen Aufgabe passt.
Ablauf
Von den ersten Fragen bis zur fertigen Website.
Jedes Projekt ist anders, folgt aber einer klaren Struktur. Gemeinsam legen wir die Richtung fest, entwickeln die Gestaltung und setzen die Website in Framer um. Nach der letzten Abstimmung folgen Veröffentlichung und Übergabe.
Ablauf
Von den ersten Fragen bis zur fertigen Website.
Jedes Projekt ist anders, folgt aber einer klaren Struktur. Gemeinsam legen wir die Richtung fest, entwickeln die Gestaltung und setzen die Website in Framer um. Nach der letzten Abstimmung folgen Veröffentlichung und Übergabe.
Ablauf
Von den ersten Fragen bis zur fertigen Website.
Jedes Projekt ist anders, folgt aber einer klaren Struktur. Gemeinsam legen wir die Richtung fest, entwickeln die Gestaltung und setzen die Website in Framer um. Nach der letzten Abstimmung folgen Veröffentlichung und Übergabe.
01
Strategie & Inhalte
Zu Beginn sehe ich mir Ihren Fragebogen, gegebenenfalls Ihre bestehende Website und die verfügbaren Unterlagen an. Gemeinsam klären wir die Ziele, die Zielgruppe, die wichtigsten Botschaften und was Besucher auf der Website tun sollen. Darauf aufbauend entwickle ich die Seitenstruktur, ordne die Inhalte und halte fest, was vor der Gestaltung noch fehlt.
01
Strategie & Inhalte
Zu Beginn sehe ich mir Ihren Fragebogen, gegebenenfalls Ihre bestehende Website und die verfügbaren Unterlagen an. Gemeinsam klären wir die Ziele, die Zielgruppe, die wichtigsten Botschaften und was Besucher auf der Website tun sollen. Darauf aufbauend entwickle ich die Seitenstruktur, ordne die Inhalte und halte fest, was vor der Gestaltung noch fehlt.
01
Strategie & Inhalte
Zu Beginn sehe ich mir Ihren Fragebogen, gegebenenfalls Ihre bestehende Website und die verfügbaren Unterlagen an. Gemeinsam klären wir die Ziele, die Zielgruppe, die wichtigsten Botschaften und was Besucher auf der Website tun sollen. Darauf aufbauend entwickle ich die Seitenstruktur, ordne die Inhalte und halte fest, was vor der Gestaltung noch fehlt.
02
Konzept & visuelles Design
Auf dieser Grundlage erstelle ich die Wireframes direkt in Framer und entwickle die visuelle Gestaltung der Seiten. Typografie, Farben, Bildsprache, Abstände, Interaktionen und responsives Verhalten fasse ich in einem kompakten Style Guide zusammen. Nach der Abstimmung und Freigabe beginnt die Umsetzung.
02
Konzept & visuelles Design
Auf dieser Grundlage erstelle ich die Wireframes direkt in Framer und entwickle die visuelle Gestaltung der Seiten. Typografie, Farben, Bildsprache, Abstände, Interaktionen und responsives Verhalten fasse ich in einem kompakten Style Guide zusammen. Nach der Abstimmung und Freigabe beginnt die Umsetzung.
02
Konzept & visuelles Design
Auf dieser Grundlage erstelle ich die Wireframes direkt in Framer und entwickle die visuelle Gestaltung der Seiten. Typografie, Farben, Bildsprache, Abstände, Interaktionen und responsives Verhalten fasse ich in einem kompakten Style Guide zusammen. Nach der Abstimmung und Freigabe beginnt die Umsetzung.
03
Umsetzung in Framer
Das freigegebene Konzept setze ich in Framer als responsive Website um. Dabei arbeite ich mit wiederverwendbaren Komponenten und pflege die finalen Inhalte ein. Vereinbarte CMS-Bereiche, Formulare, Interaktionen und Integrationen richte ich ebenfalls ein. Anschließend gleiche ich die Umsetzung mit der freigegebenen Struktur und Gestaltung ab.
03
Umsetzung in Framer
Das freigegebene Konzept setze ich in Framer als responsive Website um. Dabei arbeite ich mit wiederverwendbaren Komponenten und pflege die finalen Inhalte ein. Vereinbarte CMS-Bereiche, Formulare, Interaktionen und Integrationen richte ich ebenfalls ein. Anschließend gleiche ich die Umsetzung mit der freigegebenen Struktur und Gestaltung ab.
03
Umsetzung in Framer
Das freigegebene Konzept setze ich in Framer als responsive Website um. Dabei arbeite ich mit wiederverwendbaren Komponenten und pflege die finalen Inhalte ein. Vereinbarte CMS-Bereiche, Formulare, Interaktionen und Integrationen richte ich ebenfalls ein. Anschließend gleiche ich die Umsetzung mit der freigegebenen Struktur und Gestaltung ab.
04
Feedback & Überarbeitung
Bevor Sie die Website prüfen, teste ich die Inhalte, die responsive Darstellung, Links, Formulare, Interaktionen und die wichtigsten Funktionen. In den vereinbarten Korrekturrunden geben Sie Ihr Feedback gesammelt ab. Ich setze die Änderungen um und prüfe die betroffenen Bereiche erneut. Wünsche, die über den vereinbarten Umfang hinausgehen, klären wir separat.
04
Feedback & Überarbeitung
Bevor Sie die Website prüfen, teste ich die Inhalte, die responsive Darstellung, Links, Formulare, Interaktionen und die wichtigsten Funktionen. In den vereinbarten Korrekturrunden geben Sie Ihr Feedback gesammelt ab. Ich setze die Änderungen um und prüfe die betroffenen Bereiche erneut. Wünsche, die über den vereinbarten Umfang hinausgehen, klären wir separat.
04
Feedback & Überarbeitung
Bevor Sie die Website prüfen, teste ich die Inhalte, die responsive Darstellung, Links, Formulare, Interaktionen und die wichtigsten Funktionen. In den vereinbarten Korrekturrunden geben Sie Ihr Feedback gesammelt ab. Ich setze die Änderungen um und prüfe die betroffenen Bereiche erneut. Wünsche, die über den vereinbarten Umfang hinausgehen, klären wir separat.
05
Veröffentlichung & Übergabe
Nach der finalen Freigabe bereite ich die Veröffentlichung vor, verbinde die Website mit Ihrer Domain und kontrolliere sie unter der Live-Adresse. Anschließend übergebe ich Ihnen das Framer-Projekt, die vereinbarten Zugänge und eine Anleitung für die Inhalte, die Sie selbst pflegen können. Laufende Betreuung oder spätere Änderungen können Sie separat beauftragen.
05
Veröffentlichung & Übergabe
Nach der finalen Freigabe bereite ich die Veröffentlichung vor, verbinde die Website mit Ihrer Domain und kontrolliere sie unter der Live-Adresse. Anschließend übergebe ich Ihnen das Framer-Projekt, die vereinbarten Zugänge und eine Anleitung für die Inhalte, die Sie selbst pflegen können. Laufende Betreuung oder spätere Änderungen können Sie separat beauftragen.
05
Veröffentlichung & Übergabe
Nach der finalen Freigabe bereite ich die Veröffentlichung vor, verbinde die Website mit Ihrer Domain und kontrolliere sie unter der Live-Adresse. Anschließend übergebe ich Ihnen das Framer-Projekt, die vereinbarten Zugänge und eine Anleitung für die Inhalte, die Sie selbst pflegen können. Laufende Betreuung oder spätere Änderungen können Sie separat beauftragen.
Über mich
Ein paar Dinge abseits der Arbeit.
Websites beschäftigen mich einen großen Teil des Tages. In meiner Freizeit mag ich Dinge, bei denen ich zur Ruhe komme, vom Bildschirm weg bin und den Moment genießen kann, ohne ständig darüber nachzudenken, was sich noch verbessern ließe.
Über mich
Ein paar Dinge abseits der Arbeit.
Websites beschäftigen mich einen großen Teil des Tages. In meiner Freizeit mag ich Dinge, bei denen ich zur Ruhe komme, vom Bildschirm weg bin und den Moment genießen kann, ohne ständig darüber nachzudenken, was sich noch verbessern ließe.
Über mich
Ein paar Dinge abseits der Arbeit.
Websites beschäftigen mich einen großen Teil des Tages. In meiner Freizeit mag ich Dinge, bei denen ich zur Ruhe komme, vom Bildschirm weg bin und den Moment genießen kann, ohne ständig darüber nachzudenken, was sich noch verbessern ließe.
Radfahren
(01)
Am liebsten bin ich auf ruhigen Straßen und in offenen Landschaften unterwegs. Mal genieße ich einfach die Natur, mal fordere ich mich selbst heraus. Fast genauso gern schraube ich im Garten an Fahrrädern und versuche zu verstehen, wie alles funktioniert.
Radfahren
(01)
Am liebsten bin ich auf ruhigen Straßen und in offenen Landschaften unterwegs. Mal genieße ich einfach die Natur, mal fordere ich mich selbst heraus. Fast genauso gern schraube ich im Garten an Fahrrädern und versuche zu verstehen, wie alles funktioniert.
Radfahren
(01)
Am liebsten bin ich auf ruhigen Straßen und in offenen Landschaften unterwegs. Mal genieße ich einfach die Natur, mal fordere ich mich selbst heraus. Fast genauso gern schraube ich im Garten an Fahrrädern und versuche zu verstehen, wie alles funktioniert.
Handpan
(02)
Beim Handpan-Spielen geht es mir nicht darum, ein bestimmtes Stück zu lernen. Ich beginne mit einem einfachen Muster, improvisiere und lasse den Klang entstehen. Nach ein paar Minuten rückt alles andere in den Hintergrund.
Handpan
(02)
Beim Handpan-Spielen geht es mir nicht darum, ein bestimmtes Stück zu lernen. Ich beginne mit einem einfachen Muster, improvisiere und lasse den Klang entstehen. Nach ein paar Minuten rückt alles andere in den Hintergrund.
Handpan
(02)
Beim Handpan-Spielen geht es mir nicht darum, ein bestimmtes Stück zu lernen. Ich beginne mit einem einfachen Muster, improvisiere und lasse den Klang entstehen. Nach ein paar Minuten rückt alles andere in den Hintergrund.
Camping
(03)
Am liebsten reise ich mit dem Auto, einem Zelt und ohne festen Plan. Ich bleibe, wo es mir gefällt, oder fahre spontan weiter. Besonders mag ich den Kaffee vom Gaskocher am Morgen und die Abende unter warmem Campinglicht.
Camping
(03)
Am liebsten reise ich mit dem Auto, einem Zelt und ohne festen Plan. Ich bleibe, wo es mir gefällt, oder fahre spontan weiter. Besonders mag ich den Kaffee vom Gaskocher am Morgen und die Abende unter warmem Campinglicht.
Camping
(03)
Am liebsten reise ich mit dem Auto, einem Zelt und ohne festen Plan. Ich bleibe, wo es mir gefällt, oder fahre spontan weiter. Besonders mag ich den Kaffee vom Gaskocher am Morgen und die Abende unter warmem Campinglicht.
Struktur.
Rhythmus.
Klarheit.
Tools
Meine täglichen Begleiter.
Mein Setup ist bewusst überschaubar. Ich arbeite mit wenigen Tools, die ich wirklich gut kenne und die meinen gesamten Ablauf abdecken. So kann ich Ideen direkt umsetzen, Projekte klar organisieren und Entscheidungen gemeinsam mit dem Kunden treffen.
Tools
Meine täglichen Begleiter.
Mein Setup ist bewusst überschaubar. Ich arbeite mit wenigen Tools, die ich wirklich gut kenne und die meinen gesamten Ablauf abdecken. So kann ich Ideen direkt umsetzen, Projekte klar organisieren und Entscheidungen gemeinsam mit dem Kunden treffen.
Tools
Meine täglichen Begleiter.
Mein Setup ist bewusst überschaubar. Ich arbeite mit wenigen Tools, die ich wirklich gut kenne und die meinen gesamten Ablauf abdecken. So kann ich Ideen direkt umsetzen, Projekte klar organisieren und Entscheidungen gemeinsam mit dem Kunden treffen.
Framer
(01)
(Design & Umsetzung)
Mit Framer gestalte und realisiere ich komplette Websites an einem Ort. Ideen lassen sich direkt responsiv umsetzen und früh als funktionierende Website erleben. Auch Interaktionen und dezente Animationen kann ich bereits während der Gestaltung testen.
Framer
(01)
(Design & Umsetzung)
Mit Framer gestalte und realisiere ich komplette Websites an einem Ort. Ideen lassen sich direkt responsiv umsetzen und früh als funktionierende Website erleben. Auch Interaktionen und dezente Animationen kann ich bereits während der Gestaltung testen.
Framer
(01)
(Design & Umsetzung)
Mit Framer gestalte und realisiere ich komplette Websites an einem Ort. Ideen lassen sich direkt responsiv umsetzen und früh als funktionierende Website erleben. Auch Interaktionen und dezente Animationen kann ich bereits während der Gestaltung testen.
Notion
(02)
(Planung & Organisation)
Notion bündelt die organisatorische Seite eines Projekts. Dort plane ich Aufgaben, sammle Inhalte und Feedback und halte Informationen, Fragebögen und Entscheidungen fest. So bleiben der aktuelle Stand und die nächsten Schritte während des gesamten Projekts übersichtlich.
Notion
(02)
(Planung & Organisation)
Notion bündelt die organisatorische Seite eines Projekts. Dort plane ich Aufgaben, sammle Inhalte und Feedback und halte Informationen, Fragebögen und Entscheidungen fest. So bleiben der aktuelle Stand und die nächsten Schritte während des gesamten Projekts übersichtlich.
Notion
(02)
(Planung & Organisation)
Notion bündelt die organisatorische Seite eines Projekts. Dort plane ich Aufgaben, sammle Inhalte und Feedback und halte Informationen, Fragebögen und Entscheidungen fest. So bleiben der aktuelle Stand und die nächsten Schritte während des gesamten Projekts übersichtlich.
Zoom
(03)
![](data:image/svg+xml,<svg display="block" id="1334912519" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="24px" id="Ehj2uqlyB" width="24px"><path d="M 0 8.229 C 0 5.349 0 3.909 0.56 2.808 C 1.053 1.84 1.84 1.053 2.808 0.56 C 3.909 0 5.349 0 8.229 0 L 15.771 0 C 18.651 0 20.091 0 21.192 0.56 C 22.16 1.053 22.946 1.84 23.439 2.808 C 24 3.909 24 5.349 24 8.229 L 24 15.771 C 24 18.651 24 20.091 23.44 21.192 C 22.947 22.16 22.16 22.946 21.192 23.439 C 20.091 24 18.651 24 15.771 24 L 8.229 24 C 5.349 24 3.909 24 2.808 23.44 C 1.84 22.947 1.053 22.16 0.56 21.192 C 0 20.091 0 18.651 0 15.771 Z" fill="rgb(64, 135, 252)" height="24px" id="nFM0Aega2" width="24px"/><path d="M 1.086 0 C 0.486 0 0 0.549 0 1.224 L 0 7.163 C 0 8.888 1.24 10.286 2.769 10.286 L 9.2 10.224 C 9.8 10.224 10.286 9.675 10.286 9 L 10.286 3 C 10.286 1.275 8.815 0 7.286 0 Z M 11.753 2.338 C 11.365 2.721 11.143 3.275 11.143 3.857 L 11.143 6.343 C 11.143 6.925 11.366 7.478 11.753 7.862 L 14.168 9.987 C 14.659 10.473 15.429 10.08 15.429 9.343 L 15.429 0.973 C 15.429 0.237 14.658 -0.158 14.168 0.328 Z" fill="rgb(255, 255, 255)" height="10.285714268684387px" id="wlihUbL7Q" transform="translate(4.571 6.857)" width="15.428570883614675px"/></g></svg>)
(Gespräche & Präsentationen)
Über Zoom finden die Gespräche statt, bei denen ein direkter Austausch am sinnvollsten ist. Dazu gehören Kennenlerngespräche, Projektstarts, Designpräsentationen, Feedbackrunden und die Übergabe. So lassen sich Fragen schnell klären und Entscheidungen gemeinsam treffen.
Zoom
(03)
(Gespräche & Präsentationen)
Über Zoom finden die Gespräche statt, bei denen ein direkter Austausch am sinnvollsten ist. Dazu gehören Kennenlerngespräche, Projektstarts, Designpräsentationen, Feedbackrunden und die Übergabe. So lassen sich Fragen schnell klären und Entscheidungen gemeinsam treffen.
Zoom
(03)
(Gespräche & Präsentationen)
Über Zoom finden die Gespräche statt, bei denen ein direkter Austausch am sinnvollsten ist. Dazu gehören Kennenlerngespräche, Projektstarts, Designpräsentationen, Feedbackrunden und die Übergabe. So lassen sich Fragen schnell klären und Entscheidungen gemeinsam treffen.
