01.11.2024 aktualisiert
100 % verfügbar
UI-Designer mit Frontend-Skills und einem Faible für Typografie
Frankfurt am Main, Deutschland
Deutschland
Mediengestalter für Digital- und Printmedien (Mediendesign non-print)Skills
WebdesignUser Interface (UI) DesignScreendesignVisual DesignWeb DesignDigital DesignAppdesignInclusive DesignUI-Design freelance UX/UI designer
User Experience Design
Miro, Mural, Typeform, Testiny, Adobe XD, Figma
User Interface Design
Figma, Adobe XD, Illustrator, Photoshop, Icomoon
Frontend-Entwicklung
PhpStorm, WebStorm, Pattern Lab, Bootstrap, MDBootstrap, Git (Gitlab)
Projektarbeit
Tools
Scrum, JIRA, Confluence, Trello, MS Teams, Slack, Zoom
- 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
- Accessibility & 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
- Living Stylguides
PhpStorm, WebStorm, Pattern Lab, Bootstrap, MDBootstrap, Git (Gitlab)
Projektarbeit
Tools
Scrum, JIRA, Confluence, Trello, MS Teams, Slack, Zoom
Sprachen
DeutschMutterspracheEnglischgut
Projekthistorie
User Interface 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
- Export aller Bilder und Grafiken für die Übergabe an die Redaktion und die Frontend-Entwicklung
- Erstellung, Auswahl und Anpassung von Icons und Integration in den Iconfont
Frontend-Entwicklung
- Technische Beschreibung neuer Komponenten und Erstellung von Komponentenstrukturen und JSON-Datenmodellen
- 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)
User Interface Design
- Konzeption und Ausarbeitung der Informationsarchitektur der Webseite
- Gestaltung der Webseite und neuer Inhaltselemente
- Auswahl von Icons und Anpassung weiterer Icons
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
User Interface Design
- 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
- Unterstützung des Entwicklers bei der Umsetzung mittels HTML5 und LESS
- Gestaltung eines Newsletter-Templates in Mailchimp