Web Design

Michaela Nolte

Michaela Nolte

Grafik Design

Für mehr Infos

scrollen Sie weiter

um mehr zu erfahren!

Ü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.

#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.

Taskly - Handy Mock Up - Front Page

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

Für die Konzept- und Prototyping-Phase

Figma

Für die Website-Entwicklung:

Content Management Systems

oder individuelle Designansprüche

HTML 5

CSS

Für Grafikdesign:

Adobe Photoshop Icon
Adobe Illustrator Icon
Adobe InDesign Icon

Kontakt

Kontaktieren Sie mich! Entweder per E-Mail oder über LinkedIn.

Email

noltemichaela.work@gmail.com