Normly

Web
Problem wird behoben...

Normly ist eine webbasierte Anwendung, die im Rahmen meiner Bachelorarbeit konzipiert, prototypisch implementiert und praxisorientiert evaluiert wurde. Das Tool nutzt moderne KI-Technologien, um Barrierefreiheitsprobleme in digitalen Anwendungen automatisiert zu erkennen und konkrete, WCAG-konforme Handlungsempfehlungen zu deren Behebung zu generieren. Der Fokus des Projekts lag auf der Entwicklung einer nutzerzentrierten User Experience, der semantischen Analyse von Benutzeroberflächen sowie der automatisierten Ableitung verständlicher Optimierungsschritte für Entwicklerinnen und Designerinnen.

Meine Rolle

Research, Konzeption, UX/UI Design, Frontend, Backend und KI-Integration

Timeline

6 months development cycle.

November 2024 – Februar 2025

Tools

Figma, Next.js, shadcn UI, MongoDB, PrismaORM, Pinecone und OpenAI API

Overview

Design

  • - Entwicklung eines benutzerzentrierten UX/UI-Designs auf Basis umfangreicher User-Flows und Nutzungsszenarien
  • - Aufbau eines modularen Design-Systems in Figma zur Gewährleistung konsistenter UI-Komponenten
  • - Erstellung von Wireframes, High-Fidelity-Mockups und interaktiven Prototypen zur Visualisierung zentraler Abläufe

Frontend

  • - Implementierung der Benutzeroberfläche mit Next.js für performantes serverseitiges Rendering
  • - Einsatz von shadcn UI zur Entwicklung skalierbarer, modularer und zugänglicher UI-Komponenten
  • - Fokus auf Barrierefreiheit gemäß WCAG – inklusive sinnvoller Rollen, ARIA-Attribute, Farbkontraste und Tastaturnavigation

Backend

  • - Verwendung von MongoDB für eine flexible und skalierbare Speicherung der Analyse- und Nutzungsdaten
  • - Integration von Pinecone zur effizienten Vektorverarbeitung und semantischen Suche
  • - Einsatz von Prisma ORM für eine sichere und verständliche Datenbankabstraktion
  • - Anbindung der OpenAI-APIs, um KI-gestützte Auswertungen durchzuführen und automatisch verständliche Optimierungsmaßnahmen zu generieren