Hi, ich bin Natascha Winter

Ich bin eine leidenschaftliche UX/UI Designerin aus Gifhorn.

TADAAA, HIER BIN ICH!

Das bin ich, Natascha. Und Marly - Marly Quinn

Ich bin eine kreative Frontend & UX Entwicklerin mit einer Leidenschaft für visuell ansprechende und funktionale Lösungen.

Geburtstag: 31.07.1979
Website: www.web-stylistin.de
eMail: natascha[at]web-stylistin.de
Telefon: +49 152 2274 2732
Ausbildung: Mediengestalterin für Digital- und Printmedien
HTML / XML 90%
90%
CSS / SASS / LESS 90%
85%
JavaScript50%
50%
React50%
50%
Vue.js50%
50%
Webpack50%
50%
Node.js50%
50%
Tailwind50%
50%
Bootstrap 90%
90%
Git 90%
90%
Adobe Photoshop 90%
90%
Adobe Illustrator 50%
50%
Adobe Charakter Animator 33%
33%
Adobe Lightroom 50%
50%
Visual Studio Code90%
90%
Figma 33%
33%

Für mich und meinen Mann gibt es nichts schöneres als mit den Hunden in der Natur zu sein. Ob im eigenen Garten oder aber im Wald. Darum haben wir vor kurzem das Campen mit unserem Jeep für uns entdeckt.

Mit Markise, dazugehörigen Seitenwänden und weiteren Accessoires haben wir mit unseren beiden Hunden ausreichend Platz und die Möglichkeit für kurze Zeit autark zu stehen. (legal)
Einfach viele schöne Momente einfangen, neue Abenteuer erleben und bleibende Erinnerungen schaffen.

Vielleicht sieht man sich ja mal 👋🙂

Ich suche ab sofort eine feste Anstellung -Remote- im Bereich Web/UX/UI Design oder als Frontend Developer.

Ich glaube, dass meine Erfahrung und Fähigkeiten genau das sind, wonach viele suchen. Ich verfüge über fundierte Kenntnisse in den Bereichen UX/UI-Design, sowie Front-End-Entwicklung und weiß, wie ich meine Designs für eine optimale Nutzererfahrung umsetze.
Darüber hinaus habe ich Kenntnisse im Marketing und verfüge somit über die Fähigkeit, meine Arbeit nahtlos in eine umfassendere Unternehmensstrategie und -vision zu integrieren.

Ruf mich an
Dat bin ich, Natascha

Bootstrap

Als ich im Jahre 2003 anfing mich mit mit dem Thema "Webdesign" auseinanderzudetzen nutzte ich noch Microsoft "FrontPage". 'An dieser Stelle darf gerne gelacht werden* ^^ Ich war fasziniert davon was geht und vorallem WIE es geht. Also drückte ich Knöpchen und schaute was im Hintergrund passiert. Mein Feuer war entfacht, ich wollte "Webdesignerin" werden. Über einen kurzen Umweg (ich machte einen kurzen Abstecher nach Emden (schuliche weiterbildung Assistentin für Informatik) fing ich 2006 in Friedeburg (Ostfriesland) bei Mbit Media meine Ausbildung zur Mediendesignerin -nonprint- an. Man hat das Spaß gemacht. Wir waren ein tolles kleines Team von Software Enticklerin und mir, der Designerin^^

Damals wurde natürlich noch von Hand "gecoded" - d.h. keine Frameworks. Nur das was man selbst zur Vereinfachung geschaffen hat. Pures HTML und CSS ;-) ganz nach W3C Standard! Als Editor verwendete ich Ultra Edit. Erst viele Jahre später folgten Php PhpStorm und Virtual Studio Code. Auch ein Framework kam erst später zum Einsatz. Mit YAML fing dann eine neue Ärea an.. Seit vielen Jahren erleichtert mir Bootstrap die Arbeit, da ich damit deutlich schneller Ergebnisse erzielen kann und mich weniger um Browserkompatibilitäten kümmern muss. Die stetigen Updates und die wachsende Community sind ein großer Vorteil, da sie immer wieder neue Komponenten und Lösungen für aktuelle Designanforderungen bieten. So ist Bootstrap für mich ein verlässliches Werkzeug, das mich bei der Entwicklung moderner UI's effizient unterstützt. Einige Beispiele davon sind:

  • Chat UI
  • Webshops UI
  • Produkt Konfiguratoren
  • Dashboards
  • Blogs
  • (Mega) Menüs
  • Landingpages
  • Kachel und Listenansichten (Grids)
  • Lexika

SCSS

Seit Jahren nutze ich SASS bzw. SCSS, um die Flexibilität und Struktur einiger CSS-Projekte zu optimieren. Gerade in größeren Projekten sowie Shopsystemen erlaubt es eine klare Struktur und bessere Lesbarkeit der Stylesheets. Mit SCSS lassen sich umfangreiche Design-Systeme konsistent gehalten und Styles schnell anpassbar gemacht werden – ein unverzichtbares Werkzeug in meiner Arbeit als Frontend-Entwickler.

  • Kroschke.com
  • Kroschke.at

Git

Seit Jahren arbeite ich intensiv mit Git, das mir hilft, den Überblick über Projekte zu behalten und die Zusammenarbeit mit anderen Entwicklern zu optimieren.
Es ermöglicht mir, Codeänderungen effizient nachzuverfolgen, Fehler schnell zu identifizieren und stabile Versionen zu erstellen.

  • Verteilte Versionskontrolle
  • Schnelligkeit
  • Branching und Merging
  • Transparenz und Nachverfolgbarkeit

React

Vor kurzem habe ich mit React begonnen, einer JavaScript-Bibliothek, die es mir ermöglicht, interaktive Benutzeroberflächen für Webanwendungen zu erstellen. React hat mich besonders durch seine komponentenbasierte Architektur überzeugt, die es ermöglicht, UI-Elemente modular und wiederverwendbar zu gestalten.
Besonders hilfreich finde ich die Verwendung des „Virtual DOM“, das die Leistung meiner Anwendung optimiert, indem es nur die geänderten Teile der UI neu rendert.

Ich habe erfolgreich eine vier wöchige Weiterbildung (Vollzeitunterricht) "React JavaScript-Bibliothek" absolviert (Note: sehr gut (100 Punkte) und es macht mir Spaß, wie reaktiv und flexibel Anwendungen dadurch werden. Meine ersten Projekte (Portfolio folgt):

  • Rezept App
  • Movie App
  • meine Website folgt

JavaScript

JavaScript ist eine der vielseitigsten und am weitesten verbreiteten Programmiersprachen. Besonders in der Webentwicklung ist sie nicht mehr wegzudenken. Aus diesem Grund habe erfolgreich eine acht wöchige Weiterbildung (Vollzeitunterricht) zum "JavaScript Developer" absolviert. (Note: sehr gut (100 Punkte)) Was mich besonders fasziniert, ist die Möglichkeit, JavaScript in so vielen Bereichen anzuwenden, sei es für einfache Animationen, Formvalidierungen, komplexere Anwendungen wie Single-Page-Apps oder einfach nur um dynamische und interaktive Websites zu gestalten. Meine ersten Projekte (Portfolio folgt):

  • Memory
  • interaktiver Schhreibtisch

Adobe Photoshop

Adobe Photoshop ist für mich ein unverzichtbares Werkzeug, mit dem ich seit vielen Jahren (seit Adobe Photoshop 7.0 - 2002) arbeite. inzwischen bietet es eine riesige Palette an Funktionen, die es mir ermöglichen, Bilder auf professionelle Weise zu bearbeiten, zu retuschieren und kreative Ideen und Mockups umzusetzen. Ich habe in den Jahren 2006 - 2013 unzählige Templates aus den Bereichen Baugewerbe, Dienstleistung, Gartencenter, Möbelhäuser, Kücheneinrichtungen, Modebereich, Automobile, Immobilien..) (heute klingen Mockups natürlich cooler) designt, Flyer entwickelt und Bilder bearbeitet. (teilweise sogar noch selbst vor Ort fotografiert) Natürlich sind diese heute nicht mehr zeitgemäß, so dass es wenig Sinn macht diese in mein Portfolio aufzunehmen. Selbstverständlich habe ich auch für Kroschke vieles designt, allerdins bezieht sich dies "nur" auf dessen Webshops und Anwendungen im Hintergrund. (Dashboards z.B)

Projekte sind u.a.:

  • Webshops UI
  • Websites UI
  • Landingpages
  • Postkarten
  • Bildbearbeitung / Retusche / Composing
  • Präsentationen
  • Werbematerial
  • Flyer
  • Visitenkarten

Adobe Illustrator

Mit Illustrator habe ich die Möglichkeit, präzise Vektorgrafiken zu erstellen, die sich für alle Arten von Designs eignen – sei es für Logos, Illustrationen oder komplexe Grafiken.
Besonders schätze ich die Flexibilität des Programms, das es mir erlaubt, kreative Ideen schnell umzusetzen und bei Bedarf jederzeit Änderungen vorzunehmen, ohne an Qualität zu verlieren. Projekte sind u.a.:

  • Illustrationen
  • UI's und Icons
  • Präsentationen
  • Poster
  • Aufkleber
  • Visitenkarten
  • Logo-Design
  • Typografie und Schriftgestaltung
  • Flyer

Adobe Charakter

Adobe Character Animator ist ein leistungsstarkes Tool, für die Erstellung von 2D-Charakteranimationen. Ich habe vor kurzem erst damit begonnen zu arbeiten, da ich für Firma SARK Solutions (2023) eine ausgefallene Weihnachtskarte gestalten wollte. Auch mein Begrüßungs-Video ist mit diesem Programm realisiert worden. Da ich bei Firma Kroschke sign-international GmbH und nicht in einer Medienagentur arbeitete, verfüge ich nicht über ein "aussagekräftiges Portfolio" welches sich viele wünschen. Drum habe ich der Animations Figur Leben eingehaucht und versucht über sie zu erzählen was ich alles in der Vergangenheit machte. Meine bisherigen Projekte sind:

Meine letzten beruflichen Stationen

React, PHP, MySQL und Kotlin

19. Mai - 15. Aug. 2025
Weiterbildung

React JavaScript-Bibliothek

16. Sept - 11. Okt. 2024
Weiterbildung

JavaScript Developer

22. Juli - 13. Sept. 2024
Weiterbildung

Creative Frontend Developer / IT Marketing Manager

Mai 2023 - Mai 2024
SARK Solutions UG

  • Konzeption und Umsetzung maßgeschneiderter Softwarelösungen
  • Planung und Entwurf von Werbemitteln
  • Entwicklung und Realisierung von Logos
  • Erstellung und Umsetzung einer Werbefigur (Adobe Character Animator)
  • Planung, Umsetzung und Kontrolle von Marketingmaßnahmen
  • Erstellung von Social Media Beiträgen

Creative Frontend & UX Developer

August 2013 - April 2023
Kroschke sign-international GmbH

  • Aufbau, Entwicklung und Betreuung eines Drei-Landschaft Onlineshop-Ökosystems
  • Konzeption, Entwurf und Umsetzung von Mockups und Prototypen
  • Entwicklung von Dashboards in Zusammenarbeit mit Software-Entwicklern
  • Umsetzung der Mockups mittels Bootstrap Framework und JetBrains IDE sowie GitHub
  • Bildbearbeitung/-Optimierung für’s Web. (Foto-Retusche, Composing usw.)
  • Implementierung der Lösungen im Frontend gemäß UX/UI-Designkonzept
  • Responsive-Optimierung für verschiedene Endgeräte
  • Analyse & Optimierung von Webanwendungen hinsichtlich Sicherheit, Performance und Usability
  • Weiterentwicklung von bestehenden Front-End Lösungen z.B. hinsichtlich Performance-Optimierung und Verbesserung der User Experience

Medien-Designerin

August 2008 - Juli 2013

Freelancer

  • Konzeption und Entwurf von Mockups
  • Umsetzung der Mockups mittels Frameworks und IDE’s
  • Installation und Einrichtung von CMS sowie Administration
  • Kundensupport und Kundenschulungen im Umgang mit dem CMS
  • Implementierung der Lösungen im Frontend gemäß UX/UI-Designkonzept
  • Anpassung individueller Plugins und Snippets in Zusammenarbeit mit Software-Entwicklern
  • Produktfotografie und Bildbearbeitung/-Optimierung für’s Web
  • Gestaltung von Flyern und Broschüren
  • Entwurf und Umsetzung von Newslettern

Ausbildung

Ausbildung zur Mediendesignerin

August 2006 - Juli 2008

MBit Media Friedeburg

Ausbildung zur Mediengestalterin für Digital- und Printmedien

Auszüge aus meinen Arbeitszeugnissen

SARK Solutions UG

Ihre ausgereifte Fähigkeit einer konzeptionellen und konstruktiven Arbeit, sowie ihre präzise Urteilsfähigkeit sind hier hervorzuheben.

SARK Solutions UG

Ihr vielseitiges Fachwissen setzte Frau Winter wirkungsvoll und sicher in ihrer täglichen Arbeit ein. Aus eigener Initiative und durch den Besuch interner und externen Seminare bildete sich Frau Winter beruflich weiter und war dabei sehr erfolgreich.

SARK Solutions UG

Frau Winter förderte zu jederzeit aktiv eine gute Zusammenarbeit innerhalb des Unternehmens und integrierte sich in bester Weise.

Kroschke

sign-international GmbH

Die Leistungen von Frau Winter haben stets und in ieder Hinsicht unsere volle Anerkennung gefunden.

Kroschke

sign-international GmbH

Frau Winter verfügt über ein umfassendes Fachwissen, welches sie stets effektiv und erfolgreich in der Praxis einsetzte.

Kroschke

sign-international GmbH

Auch für schwierige Problemstellungen fand sie effektive Lösungen, die sie erfolgreich in die Praxis umsetzte, wodurch sie sehr gute Resultate erzielte.

Kroschke

sign-international GmbH

Frau Winter erledigte ihre Aufgaben mit beispielhaftem Engagement und sehr großem persönlichen Einsatz während ihrer gesamten Beschäftigungszeit in unserem Unter- nehmen. Auch unter schwierigsten Arbeitsbedingungen bewältigte sie alle Aufgaben in hervorragender Weise.

Portfolio

Mein Team

Tyler Rake - Appenzeller Sennenhund

Tyler Rake

Feel Good Manager
Marly Quinn - X-Malinois

Marly Quinn

Datenschutzbeauftragte

Kontakt

Get in touch

Freue mich von euch zu hören oder zu lesen.

Location:

Schierkenring 17, 38543 Hillerse

eMail:

natascha[at]web-stylistin.de

Phone:

0152 2274 2732

Loading
Your message has been sent. Thank you!