UI-Designer mit Frontend-Skills
Aktualisiert am 06.11.2024
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 06.11.2024
Verfügbar zu: 100%
davon vor Ort: 20%
Webdesign
User Interface Design
Visual Design
GUI-Design
Interface Design
Layout-Design
Screen Design
Screen-Design
Template Design
Template-Design
UI Design
User-Interface-Design
User-Interface-Designer
User Interface Designer
Web-design
Web design
Visual-Design
UI-Design
Web-Application-Designer
Web Application Designer
Web-Applikation-Designer
Web Applikation Designer
UX-Design
deutsch
Muttersprache
englisch
gut

Einsatzorte

Einsatzorte

Frankfurt am Main (+50km) Stuttgart (+50km) Nürnberg (+50km) Hannover (+50km) Dortmund (+50km) München (+50km)
Deutschland


möglich

Projekte

Projekte

6 Jahre 1 Monat
2018-11 - heute

Neugestaltung des umfangreichen Extranets eines führenden Einkaufsverbandes

UI-Designer & Frontend-Entwickler UI Design Design Pattern Front-End ...
UI-Designer & Frontend-Entwickler

Design

  • Übernahme der Art-Direktion des Projekts in einem interdisziplinären Scrum-Team
  • Gestaltung neuer Komponenten, Übergabe an die Frontend - Entwicklung und Dokumentation im Wiki
  • Erstellung, Auswahl und Anpassung von Icons und Integration in den Iconfont


Kernaufgaben (frontend-entwicklung)

  • Technische Beschreibung neuer Komponenten und Erstellung von Komponentenstrukturen
  • Umsetzung der Templates auf Basis der Design-Vorlagen mittels HTML5/Twig und Sass/SCSS (MDBootstrap 4 & 5)
  • Pflege und Dokumentation der Komponenten im Design System (Pattern Lab
Adobe XD Adobe Illustrator PhpStorm
UI Design Design Pattern Front-End HTML(5) CSS(3) Sass
MHK Group AG
Frankfurt am Main
1 Jahr 5 Monate
2019-10 - 2021-02

Gestaltung der Webseite eines spezialisierten Übersetzungsbüros

UI-Designer & Frontend-Entwickler UI-Design Front-End HTML(5) ...
UI-Designer & Frontend-Entwickler

Design

  • Konzeption und Ausarbeitung der Informationsarchitektur der Webseite
  • Gestaltung der Webseite und neuer Inhaltselemente
  • Auswahl von Icons und Anpassung weiterer Icons


Kernaufgaben (Frontend-Entwicklung)

  • Umsetzung der Templates auf Basis der Design-Vorlagen mittels HTML5 und Sass/SCSS (Bootstrap 4)
  • Installation und Konfiguration des CMS TYPO3
  • Integration der Templates in das TYPO3 Sitepackage
  • Entwicklung und Umsetzung neuer Inhaltselemente

Adobe Photoshop Adobe Illustrator TYPO3 CMS
UI-Design Front-End HTML(5) CSS(3) Sass
ostwest Kommunikation GmbH
Frankfurt am Main
2 Jahre 4 Monate
2018-03 - 2020-06

Gestaltung der neuen Webseiten eines Entwicklers und Resellers für Visualisierungssoftware

UI-Designer UI-Design Icon Design HTML5 ...
UI-Designer
  • Konzeption des Designs und der Informationsarchitektur in enger Abstimmung mit dem Kunden
  • Ausarbeitung zweier zueinander passender Farbsysteme für die beide Webseiten
  • Gestaltung unterschiedlicher Seitentypen der Webseiten
  • Auswahl passender Icons, Erstellung und Anpassung weiterer Icons und Integration in den Iconfont

Adobe Photoshop Mailchimp
UI-Design Icon Design HTML5 CSS3
Ziffer Consulting GmbH
Frankfurt am Main

Aus- und Weiterbildung

Aus- und Weiterbildung

1 Monat
2022-03 - 2022-03

Certified UX & Usability Expert

XDi Experience Design Institut
XDi Experience Design Institut
2 Jahre 9 Monate
2004-09 - 2007-05

Mediendesign non-print

Mediengestalter für Digital- & Printmedien, Schubert & Berg GbR
Mediengestalter für Digital- & Printmedien
Schubert & Berg GbR

Position

Position

Ich gestalte digitale Produkte wie Apps und Webseiten und ergänze dabei als UI-Designer agil arbeitende Teams. Meine Stärken liegen in der Verknüpfung von Konzept, Design und Entwicklung und freue mich darauf Sie und Ihr Projekt kennenzulernen.

Kompetenzen

Kompetenzen

Top-Skills

Webdesign User Interface Design Visual Design GUI-Design Interface Design Layout-Design Screen Design Screen-Design Template Design Template-Design UI Design User-Interface-Design User-Interface-Designer User Interface Designer Web-design Web design Visual-Design UI-Design Web-Application-Designer Web Application Designer Web-Applikation-Designer Web Applikation Designer UX-Design

Aufgabenbereiche

User Interface Design
Experte
Frontend-Entwicklung
Fortgeschritten
User Experience Design
Basics
User Experience Design
  • User Journey Maps & User Flows
  • Informationsarchitektur
  • Umfragen & Interviews
  • UI-Test-Management
  • Wireframes
  • Prototypen
 
User Interface Design
  • CI/CD-konforme Gestaltung
  • Typografie
  • Design Systeme & Styleguides
  • Responsive Design
  • Icon & Key Visual Design
  • Bildbearbeitung & Retusche
  • Accessibility & Barrierefreiheit
 
Frontend-Entwicklung
  • Templating (HTML5 & CSS3)
  • CSS-Preprozessoren LESS & Sass
  • Kenntnisse in verschiedenen CMS (TYPO3, WordPress)
  • Komponentenstruktur & Datenmodell
  • Atomic Design
  • Living Stylguides

Produkte / Standards / Erfahrungen / Methoden

Adobe XD
Experte
Figma
Fortgeschritten
Adobe Illustrator
Experte
Adobe Photoshop
Experte
PhpStorm
Fortgeschritten
WebStorm
Fortgeschritten
Icomoon
Fortgeschritten
Pattern Lab
Fortgeschritten
Bootstrap
Fortgeschritten
Scrum
Fortgeschritten
JIRA
Fortgeschritten
Confluence
Fortgeschritten
MS Teams
Fortgeschritten
Testiny
Fortgeschritten
Miro
Fortgeschritten
Mural
Basics
Gitlab
Basics

Profil:

Ihr benötigt Unterstützung beim Design eurer Webseite oder Web-Anwendung?

Ich habe mehrere Jahre Erfahrung mit der Arbeit in agilen Teams und der Erstellung und Betreuung von Design Systemen für digitale Plattformen. Hierbei stehen der Nutzer und die Qualität des Produkts immer im Mittelpunkt. Wenn dies auch auf euch zutrifft, würde ich mich freuen euch kennenzulernen.


Fachliche Kompetenzen

User experience design

  • User Journey Maps & User Flows
  • Informationsarchitektur
  • Umfragen & Interviews
  • UI-Test-Management
  • Wireframes
  • Prototypen
  • Miro 
  • Mural 
  • Typeform
  • Testiny 
  • Adobe Xd 
  • Figma


User interface design

  • CI/CD-konforme Gestaltung
  • Typografie
  • Design Systeme & Styleguides
  • Responsive Design
  • Icon & Key Visual Design
  • Bildbearbeitung & Retusche
  • Inclusive Design & Barrierefreiheit
  • Figma 
  • Adobe Xd
  • Illustrator
  • Photoshop 
  • Icomoon


Frontend-Entwicklung

  • Templating (HTML5 & CSS3)
  • CSS-Preprozessoren LESS & Sass
  • Kenntnisse in verschiedenen CMS (TYPO3, WordPress)
  • Komponentenstruktur & Datenmodell
  • Atomic Design
  • UI-Test-Automation
  • PhpStorm 
  • WebStorm 
  • Pattern Lab
  • Bootstrap 
  • MDBootstrap 
  • Git (Gitlab)


Projekttools

  • Scrum
  • MS Teams 
  • Slack
  • Zoom
  • Jira
  • Confluence
  • Trello


Beruflicher Werdegang

08/2022 ? heute

Rolle: UI-Designer & Geschäftsführer

Kunde: auf Anfrage


10/2014 ? 07/2022

Rolle: UI-Designer & Inhaber

Kunde: websetzerei ? Agentur für Online-Kommunikation


09/2015 ? 12/2017

Rolle: App-Designer & Gesellschafter

Kunde: F. Bischoff & J. Kröger GbR


09/2009 ? 06/2014

Rolle: Webdesigner

Kunde: macrocom GmbH


01/2009 ? 06/2009

Rolle: Mediendesigner

Kunde: TYPOSITION. ? Botschaft für Typografie und Gestaltung


06/2008 ? 12/2008

Rolle: Mediendesigner

Kunde: BERG. Kommunikation und Organisation


06/2007 ? 05/2008

Rolle: Mediendesigner

Kunde: Schubert & Berg GbR

Betriebssysteme

macOS
Windows

Einsatzorte

Einsatzorte

Frankfurt am Main (+50km) Stuttgart (+50km) Nürnberg (+50km) Hannover (+50km) Dortmund (+50km) München (+50km)
Deutschland


möglich

Projekte

Projekte

6 Jahre 1 Monat
2018-11 - heute

Neugestaltung des umfangreichen Extranets eines führenden Einkaufsverbandes

UI-Designer & Frontend-Entwickler UI Design Design Pattern Front-End ...
UI-Designer & Frontend-Entwickler

Design

  • Übernahme der Art-Direktion des Projekts in einem interdisziplinären Scrum-Team
  • Gestaltung neuer Komponenten, Übergabe an die Frontend - Entwicklung und Dokumentation im Wiki
  • Erstellung, Auswahl und Anpassung von Icons und Integration in den Iconfont


Kernaufgaben (frontend-entwicklung)

  • Technische Beschreibung neuer Komponenten und Erstellung von Komponentenstrukturen
  • Umsetzung der Templates auf Basis der Design-Vorlagen mittels HTML5/Twig und Sass/SCSS (MDBootstrap 4 & 5)
  • Pflege und Dokumentation der Komponenten im Design System (Pattern Lab
Adobe XD Adobe Illustrator PhpStorm
UI Design Design Pattern Front-End HTML(5) CSS(3) Sass
MHK Group AG
Frankfurt am Main
1 Jahr 5 Monate
2019-10 - 2021-02

Gestaltung der Webseite eines spezialisierten Übersetzungsbüros

UI-Designer & Frontend-Entwickler UI-Design Front-End HTML(5) ...
UI-Designer & Frontend-Entwickler

Design

  • Konzeption und Ausarbeitung der Informationsarchitektur der Webseite
  • Gestaltung der Webseite und neuer Inhaltselemente
  • Auswahl von Icons und Anpassung weiterer Icons


Kernaufgaben (Frontend-Entwicklung)

  • Umsetzung der Templates auf Basis der Design-Vorlagen mittels HTML5 und Sass/SCSS (Bootstrap 4)
  • Installation und Konfiguration des CMS TYPO3
  • Integration der Templates in das TYPO3 Sitepackage
  • Entwicklung und Umsetzung neuer Inhaltselemente

Adobe Photoshop Adobe Illustrator TYPO3 CMS
UI-Design Front-End HTML(5) CSS(3) Sass
ostwest Kommunikation GmbH
Frankfurt am Main
2 Jahre 4 Monate
2018-03 - 2020-06

Gestaltung der neuen Webseiten eines Entwicklers und Resellers für Visualisierungssoftware

UI-Designer UI-Design Icon Design HTML5 ...
UI-Designer
  • Konzeption des Designs und der Informationsarchitektur in enger Abstimmung mit dem Kunden
  • Ausarbeitung zweier zueinander passender Farbsysteme für die beide Webseiten
  • Gestaltung unterschiedlicher Seitentypen der Webseiten
  • Auswahl passender Icons, Erstellung und Anpassung weiterer Icons und Integration in den Iconfont

Adobe Photoshop Mailchimp
UI-Design Icon Design HTML5 CSS3
Ziffer Consulting GmbH
Frankfurt am Main

Aus- und Weiterbildung

Aus- und Weiterbildung

1 Monat
2022-03 - 2022-03

Certified UX & Usability Expert

XDi Experience Design Institut
XDi Experience Design Institut
2 Jahre 9 Monate
2004-09 - 2007-05

Mediendesign non-print

Mediengestalter für Digital- & Printmedien, Schubert & Berg GbR
Mediengestalter für Digital- & Printmedien
Schubert & Berg GbR

Position

Position

Ich gestalte digitale Produkte wie Apps und Webseiten und ergänze dabei als UI-Designer agil arbeitende Teams. Meine Stärken liegen in der Verknüpfung von Konzept, Design und Entwicklung und freue mich darauf Sie und Ihr Projekt kennenzulernen.

Kompetenzen

Kompetenzen

Top-Skills

Webdesign User Interface Design Visual Design GUI-Design Interface Design Layout-Design Screen Design Screen-Design Template Design Template-Design UI Design User-Interface-Design User-Interface-Designer User Interface Designer Web-design Web design Visual-Design UI-Design Web-Application-Designer Web Application Designer Web-Applikation-Designer Web Applikation Designer UX-Design

Aufgabenbereiche

User Interface Design
Experte
Frontend-Entwicklung
Fortgeschritten
User Experience Design
Basics
User Experience Design
  • User Journey Maps & User Flows
  • Informationsarchitektur
  • Umfragen & Interviews
  • UI-Test-Management
  • Wireframes
  • Prototypen
 
User Interface Design
  • CI/CD-konforme Gestaltung
  • Typografie
  • Design Systeme & Styleguides
  • Responsive Design
  • Icon & Key Visual Design
  • Bildbearbeitung & Retusche
  • Accessibility & Barrierefreiheit
 
Frontend-Entwicklung
  • Templating (HTML5 & CSS3)
  • CSS-Preprozessoren LESS & Sass
  • Kenntnisse in verschiedenen CMS (TYPO3, WordPress)
  • Komponentenstruktur & Datenmodell
  • Atomic Design
  • Living Stylguides

Produkte / Standards / Erfahrungen / Methoden

Adobe XD
Experte
Figma
Fortgeschritten
Adobe Illustrator
Experte
Adobe Photoshop
Experte
PhpStorm
Fortgeschritten
WebStorm
Fortgeschritten
Icomoon
Fortgeschritten
Pattern Lab
Fortgeschritten
Bootstrap
Fortgeschritten
Scrum
Fortgeschritten
JIRA
Fortgeschritten
Confluence
Fortgeschritten
MS Teams
Fortgeschritten
Testiny
Fortgeschritten
Miro
Fortgeschritten
Mural
Basics
Gitlab
Basics

Profil:

Ihr benötigt Unterstützung beim Design eurer Webseite oder Web-Anwendung?

Ich habe mehrere Jahre Erfahrung mit der Arbeit in agilen Teams und der Erstellung und Betreuung von Design Systemen für digitale Plattformen. Hierbei stehen der Nutzer und die Qualität des Produkts immer im Mittelpunkt. Wenn dies auch auf euch zutrifft, würde ich mich freuen euch kennenzulernen.


Fachliche Kompetenzen

User experience design

  • User Journey Maps & User Flows
  • Informationsarchitektur
  • Umfragen & Interviews
  • UI-Test-Management
  • Wireframes
  • Prototypen
  • Miro 
  • Mural 
  • Typeform
  • Testiny 
  • Adobe Xd 
  • Figma


User interface design

  • CI/CD-konforme Gestaltung
  • Typografie
  • Design Systeme & Styleguides
  • Responsive Design
  • Icon & Key Visual Design
  • Bildbearbeitung & Retusche
  • Inclusive Design & Barrierefreiheit
  • Figma 
  • Adobe Xd
  • Illustrator
  • Photoshop 
  • Icomoon


Frontend-Entwicklung

  • Templating (HTML5 & CSS3)
  • CSS-Preprozessoren LESS & Sass
  • Kenntnisse in verschiedenen CMS (TYPO3, WordPress)
  • Komponentenstruktur & Datenmodell
  • Atomic Design
  • UI-Test-Automation
  • PhpStorm 
  • WebStorm 
  • Pattern Lab
  • Bootstrap 
  • MDBootstrap 
  • Git (Gitlab)


Projekttools

  • Scrum
  • MS Teams 
  • Slack
  • Zoom
  • Jira
  • Confluence
  • Trello


Beruflicher Werdegang

08/2022 ? heute

Rolle: UI-Designer & Geschäftsführer

Kunde: auf Anfrage


10/2014 ? 07/2022

Rolle: UI-Designer & Inhaber

Kunde: websetzerei ? Agentur für Online-Kommunikation


09/2015 ? 12/2017

Rolle: App-Designer & Gesellschafter

Kunde: F. Bischoff & J. Kröger GbR


09/2009 ? 06/2014

Rolle: Webdesigner

Kunde: macrocom GmbH


01/2009 ? 06/2009

Rolle: Mediendesigner

Kunde: TYPOSITION. ? Botschaft für Typografie und Gestaltung


06/2008 ? 12/2008

Rolle: Mediendesigner

Kunde: BERG. Kommunikation und Organisation


06/2007 ? 05/2008

Rolle: Mediendesigner

Kunde: Schubert & Berg GbR

Betriebssysteme

macOS
Windows

Vertrauen Sie auf Randstad

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.