Michaela Nolte
Grafik Design
Für mehr Infos
scrollen Sie weiter
um mehr zu erfahren!
Portfolio Galerie
Grafikdesign
Über mich
Als Webdesignerin arbeite ich mit Figma und dem CMS WordPress bzw. dem Page Builder Elementor um Websites zu entwickeln.
Mit diesen Werkzeugen erstelle ich Websites die den Charakter Ihrer Marke authentisch und wirkungsvoll widerspiegeln.
Design Prinzipien
Ich designe nach den Gestalt-Prinzipien und erstelle responsive Designs den Ansprüchen an die Website entsprechend.
Weiterbildung Webdesign
Mit einer Weiterbildung bei der velpTec GmbH, baute ich auf meinen vorherigen Skills auf, um nun meinen Berufsweg im Webdesign fortzuführen.
Webtechnologien
Neben den gängigen Webdesign-Tools bringe ich zusätzliche Kenntnisse in HTML, CSS und ein bisschen JavaScript mit.
Mein Webdesign-Prozess
Briefing
Das Briefing legt klare Richtlinien für meine Arbeit fest, unabhängig davon, ob diese direkt vom Kunden oder aus einen strukturierten Fragebogen meinerseits stammen.
In dieser Phase ist es wichtig, die Erwartungen aufeinander abzustimmen, daher spielen offene Fragen eine entscheidende Rolle.
Recherche
Der nächste Schritt für ein gutes Design ist die Recherche. Dazu gehe ich die folgenden Fragen durch:
- Was machen Wettbewerber, die im gleichen Bereich tätig sind?
- Welche Komponenten werden häufig verwendet?
- Gibt es Komponenten die aus dem Schema fallen?
- Funktionieren diese?
Dann ist es an der Zeit, Referenzen in einem Referenz-/Moodboard zu sammeln.
Wireframing
In Figma arbeite ich in drei Phasen.
Erste Phase: Ich erstelle schnelle und grobe Layouts von Grund auf neu und halte mich dabei an vordefinierte Richtlinien.
Zweite Phase: Ich erstelle grundlegende, gängige Layouts auf der Grundlage des gesammelten Referenzmaterials.
Dritte Phase: Ich kombiniere Elemente aus der 1. und 2. Phase, um individuelle Entwürfe von Wireframes zu erstellen.
Typografie/Farbpalette
Wurde sich auf Wireframes geeinigt, ist es an der Zeit, die Farbpalette und die Typografie anzuwenden. Wenn diese nicht vom Kunden bereitgestellt werden, arbeite ich mit der Markenidentität, um eine passende Farbpalette und Typografie zu erstellen.
Prototyping/Screendesign
Wurde sich auf Wireframes geeinigt, ist es an der Zeit, die Farbpalette und die Typografie anzuwenden.
Wenn diese nicht vom Kunden bereitgestellt werden, arbeite ich mit der Markenidentität, um eine passende Farbpalette und Typografie zu erstellen.
Feedbackschleifen
Wurde sich auf Wireframes geeinigt, ist es an der Zeit, die Farbpalette und die Typografie anzuwenden.
Wenn diese nicht vom Kunden bereitgestellt werden, arbeite ich mit der Markenidentität, um eine passende Farbpalette und Typografie zu erstellen.
Umsetzung im CMS
Sobald alle Schritte abgenommen und genehmigt sind, wird das Design aus Figma in einem CMS Ihrer Wahl übertragen. Derzeit arbeite ich aktiv mit WordPress und Elementor.
Briefing
Das Briefing legt klare Richtlinien für meine Arbeit fest, unabhängig davon, ob diese direkt vom Kunden oder aus einen strukturierten Fragebogen meinerseits stammen.
In dieser Phase ist es wichtig, die Erwartungen aufeinander abzustimmen, daher spielen offene Fragen eine entscheidende Rolle.
Recherche
Der nächste Schritt für ein gutes Design ist die Recherche. Dazu gehe ich die folgenden Fragen durch:
- Was machen Wettbewerber, die im gleichen Bereich tätig sind?
- Welche Komponenten werden häufig verwendet?
- Gibt es Komponenten die aus dem Schema fallen?
- Funktionieren diese?
Dann ist es an der Zeit, Referenzen in einem Referenz-/Moodboard zu sammeln.
Wireframing
In Figma arbeite ich in drei Phasen.
Erste Phase: Ich erstelle schnelle und grobe Layouts von Grund auf neu und halte mich dabei an vordefinierte Richtlinien.
Zweite Phase: Ich erstelle grundlegende, gängige Layouts auf der Grundlage des gesammelten Referenzmaterials.
Dritte Phase: Ich kombiniere Elemente aus der 1. und 2. Phase, um individuelle Entwürfe von Wireframes zu erstellen.
#0A0B1A
#354077
#B1BAE7
#6A7DFF
#F2D785
Typografie und Farbpalette
Wurde sich auf Wireframes geeinigt, ist es an der Zeit, die Farbpalette und die Typografie anzuwenden.
Wenn diese nicht vom Kunden bereitgestellt werden, arbeite ich mit der Markenidentität, um eine passende Farbpalette und Typografie zu erstellen.
Prototyping und Screendesign
Um die Vision weiter zu verdeutlichen, verwende ich Figma, um Übergänge zu gestalten und subtile Animationen für Schaltflächen und andere Interface-Elemente zu erstellen.
Feedback-Schleifen und Ideenverfeinerung
Ich arbeite während des gesamten Prozesses in kontinuierlichen Feedback-Schleifen. Ziel ist es die Produktvision klar heraus zu arbeiten und ein qualitativ hochwertige Ergebnisse sicherzustellen.
Finales Produkt und CMS
Sobald alle Schritte abgenommen und genehmigt sind, wird das Design aus Figma in einem CMS Ihrer Wahl übertragen. Derzeit arbeite ich aktiv mit WordPress und Elementor.
Design Tools
Webdesign
Figma
Framer
WordPress
HTML
CSS
Figma
Framer
WordPress
HTML
CSS
Für Grafikdesign:
Kontakt
Kontaktieren Sie mich! Entweder per E-Mail oder über LinkedIn.
noltemichaela.work@gmail.com
www.linkedin.com/in/michaela-nolte