Frag ZEBRA Website Relaunch

Konzeption ⦁ Wireframing ⦁ UX / UI ⦁ Web Development ⦁ Headless CMS
2024
Modernes UX/UI Design nach dem Website Relaunch.

Die Challenge

Frag ZEBRA, eine Initiative der Landesanstalt für Medien NRW, ist eine Online-Plattform, die Jugendlichen und jungen Erwachsenen die Möglichkeit bietet, anonym und sicher Fragen zu digitalen Themen zu stellen und von Experten echte, fundierte Antworten zu erhalten. Ziel ist es, ein bewusstes und sicheres Verhalten im digitalen Raum zu fördern. Für die Plattform wurde eine Konzeptionsphase & ein Website Relaunch angesetzt, um die Nutzerführung und -freundlichkeit zu verbessern, das Erscheinungsbild mit modernem UX/UI Design aufzufrischen und die Seite weiterzuentwickeln.

Modernes UX/UI Design nach dem Website Relaunch.

Altes Design und Layout der Plattform

Modernes UX/UI Design nach dem Website Relaunch.

Konzeption der Nutzerführung anhand von Wireframes

Modernes UX/UI Design nach dem Website Relaunch.

Prototyping der Website inkl. Design der UI-Elemente

Services: KI & AI Beratung und Entwicklung​

Die Umsetzung

Nach einer detaillierten Analyse der bestehenden Website erfolgte die Konzeption des aktualisierten Auftritts. Dabei wurden Wireframes erstellt, um die geplante verbesserte Nutzerfreundlichkeit zu visualisieren und die Plattform mit neuen Funktionen zu erweitern. Basierend darauf wurde ein funktionaler Click-Dummy entwickelt, der das frische UX/UI Design präsentiert, welches sich am neuen Corporate Design (CD) von ZEBRA orientiert. Die technische Umsetzung des Website Relaunches erfolgte mit modernsten Technologien, darunter Angular, ServersideRendering (SSR) & Tailwind CSS, um eine solide Basis für UX, SEO und die Zukunft zu schaffen.

Modernes UX/UI Design nach dem Website Relaunch.

Das Ergebnis

Die neu gestaltete Plattform zeichnet sich durch ihre klare, mobile-optimierte Struktur und ein attraktives UX/UI Design aus, das den Nutzern dank einer überarbeiteten Navigation und zahlreichen gestalterischen Verbesserungen ein frisches und benutzerfreundliches Erlebnis bietet. Der Website Relaunch ermöglicht den Nutzern, sich schnell einen Überblick über die Dienste von ZEBRA zu verschaffen, zu erfahren, wie und wo Fragen eingereicht werden können, und welche Fragen bereits beantwortet wurden. Die Plattform wurde im bestehenden Craft CMS neu entwickelt, um eine unkomplizierte Inhaltsverwaltung und effizientes Bearbeiten von Anfragen durch das Ticket-System zu ermöglichen.

Drei mobile Screens der neuen ZEBRA-Website zeigen das moderne UX/UI Design nach dem Relaunch.

Ablauf der Fragestellung

Drei mobile Screens der neuen ZEBRA-Website zeigen das moderne UX/UI Design nach dem Relaunch.

Übersicht über gestellte Fragen inkl. neuentwickelter Suchfunktion

Modernes UX/UI Design nach dem Website Relaunch.

Frag ZEBRA auf Desktop

Weitere Cases aus dem Bereich Web

Screenshot eines Packlisten-Tools auf einem Handgerät, das Teile und deren Scan-Status anzeigt.

RiCo US-Parts Packlisten-Tool

Konzeption ⦁ Wireframing ⦁ UX / UI ⦁ Web Development
Screenshot der Brucklyn Quartier Website, die moderne Wohn- und Arbeitsräume mit hohen Standards für Bewohner zeigt.

Brucklyn Quartier Website

Konzeption ⦁ Webdesign ⦁ UI/UX ⦁ Webentwicklung ⦁ SEO ⦁ Animation ⦁ 3D ⦁ Videoschnitt ⦁ Conversion Optimierung und Monitoring
Gameplay-Szene des Siemens COMOS Pipe Planners

Siemens COMOS Pipe Planner

Game Development ⦁ 3D-Visualisierung ⦁ Konzeption ⦁ UX / UI ⦁ Webentwicklung ⦁ Animation ⦁ Illustration ⦁ SFX
Back- und Frontend des Siemens MMVS

Siemens MMVS

Frontend & Backend Entwicklung ⦁ Content Management ⦁ UI / UX
Website für Tadano Something Big

Tadano Something Big

WebGL ⦁ Konzeption ⦁ Webdesign ⦁ Webentwicklung ⦁ Animation
Website der Brucklyn Studenten Apartments

Brucklyn Studenten-Apartments

Konzeption ⦁ Webdesign ⦁ Webentwicklung ⦁ Animation ⦁ Conversion Optimierung
Look & Feel und Website der Brucklyn Suites

Brucklyn Suites

Konzeption ⦁ Webdesign ⦁ Webentwicklung ⦁ Animation ⦁ Videoproduktion ⦁ Fotografie ⦁ Conversion Optimierung und Monitoring
Look & Feel und Website für VDMV

VDMV NFT Konfigurator

Konzept ⦁ Webdesign ⦁ Webentwicklung ⦁ NFT ⦁ Ethereum Blockchain-Entwicklung ⦁ Metamask Wallet ⦁ Smart Contract Programmierung
Look & Feel und Website des Brucklyn Hotels

Brucklyn Hotel Website

Konzeption ⦁ Webdesign ⦁ Webentwicklung ⦁ Animation
Look & Feel und Relaunch der Jost Energy Website

Jost Energy Website

Webdesign • WordPress • Videoschnitt • Lottie Animation
Relaunch des RiCo-US-parts-Shops

RiCo US-Parts Shop

Markendesign ⦁ Shop Design ⦁ Shopware ⦁ SEO ⦁ Werbeartikel
Look & Feel des DS-networks Rebrandings

DS-networks Redesign und Corporate Identity

Markendesign ⦁ Konzeption ⦁ Webdesign ⦁ Webentwicklung ⦁ Animation
Look & Feel des CAJAC Solutions Rebrandings

CAJAC Solutions Rebranding

Markendesign ⦁ Konzeption ⦁ Webdesign ⦁ Webentwicklung
Branding der DrivesGreen-Roller

DrivesGreen E-Scooter

Markenentwicklung ⦁ Strategie ⦁ Webdesign ⦁ App Entwicklung ⦁ Messe Layout
Cover des "Die Anlage" Buches

Die Anlage – Printprodukt mit exklusiver Druckveredelung

Print ⦁ Veredelung ⦁ Konzeption ⦁ Fotografie