Frag ZEBRA Website Relaunch
The challenge
Frag ZEBRA, an initiative of the NRW Media Authority, is an online platform that offers teenagers and young adults the opportunity to ask questions about digital topics anonymously and securely and receive real, well-founded answers from experts. The aim is to promote conscious and safe behavior in the digital space. A conception phase & website relaunch was scheduled for the platform in order to improve user guidance and user-friendliness, refresh the appearance with a modern UX/UI design and further develop the site.
Old design and layout of the platform
Conception of user guidance based on wireframes
Prototyping of the website incl. design of the UI elements
The realization
A detailed analysis of the existing website was followed by the design of the updated website. Wireframes were created to visualize the planned improved user-friendliness and to expand the platform with new functions. Based on this, a functional click dummy was developed to present the fresh UX/UI design, which is based on ZEBRA’s new corporate design (CD). The technical implementation of the website relaunch was carried out using state-of-the-art technologies, including Angular, ServersideRendering (SSR) & Tailwind CSS, to create a solid foundation for UX, SEO and the future.
The result
The redesigned platform is characterized by its clear, mobile-optimized structure and an attractive UX/UI design that offers users a fresh and user-friendly experience thanks to revised navigation and numerous design improvements. The website relaunch allows users to quickly get an overview of ZEBRA’s services, find out how and where questions can be submitted and which questions have already been answered. The platform was redeveloped in the existing Craft CMS to allow for straightforward content management and efficient processing of queries through the ticket system.
Procedure of the question
Overview of questions asked incl. newly developed search function
Frag ZEBRA on desktop
