{"id":21611,"date":"2025-07-17T17:27:44","date_gmt":"2025-07-17T15:27:44","guid":{"rendered":"https:\/\/userlutions.com\/clients\/case-studies\/westermann-case-study\/"},"modified":"2025-07-24T15:26:16","modified_gmt":"2025-07-24T13:26:16","slug":"westermann-case-study","status":"publish","type":"page","link":"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/","title":{"rendered":"Westermann Case Study"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;section&#8221; module_class=&#8221;case-study-head&#8221; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;#f33d3d&#8221; background_image=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2025\/06\/westermann-hintergrund-1.jpg&#8221; parallax=&#8221;on&#8221; custom_padding_tablet=&#8221;50px|0|50px|0&#8243; custom_padding_phone=&#8221;&#8221; width_unit=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; max_width=&#8221;500px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_css_main_element=&#8221;max-width: 50%;&#8221; use_custom_width=&#8221;on&#8221; custom_width_px=&#8221;500px&#8221; custom_width_percent=&#8221;50%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text module_class=&#8221;vertical-align&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4 style=\"text-align: center;\">BiBox by Westermann<\/h4>\n<h1 style=\"text-align: center;\">Future-proof redesign: UX, design and accessibility combined<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;case-study-services&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#333333&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>UX Services:<\/p>\n<ul>\n<li>Wireframing<\/li>\n<li>Prototyping<\/li>\n<li>UX Design<\/li>\n<li>User Tests<\/li>\n<li>Design Language<\/li>\n<li>MVP<\/li>\n<li>AI Integration<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|on&#8221; module_class=&#8221;case-study-numbers&#8221; _builder_version=&#8221;4.19.4&#8243; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_4,1_4,1_4,1_4&#8243; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_number_counter number=&#8221;\u20ac1 billion&#8221; percent_sign=&#8221;off&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_number_counter][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">revenue target<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_number_counter number=&#8221;92&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_number_counter][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">satisfied customers<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_number_counter number=&#8221;13&#8243; percent_sign=&#8221;off&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_number_counter][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">Countries<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_number_counter number=&#8221;400+&#8221; percent_sign=&#8221;off&#8221; _builder_version=&#8221;4.16&#8243; title_font_size=&#8221;60&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_number_counter][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">Wireframes<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;#eff7fc&#8221; background_enable_image=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text module_class=&#8221;case-study-layer-box black-text&#8221; _builder_version=&#8221;4.19.4&#8243; text_text_color=&#8221;#000000&#8243; header_3_text_color=&#8221;#333333&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>&#8220;The new BiBox has been really well received and the cooperation with Userlutions has been very pleasant and efficient: the designs came quickly and with an impressively high quality. At the same time, our requirements were responded to spontaneously, flexibly and precisely.&#8221; <\/h3>\n<p>Anke B\u00f6hler<br \/>Product Owner of the BiBox<br \/>Westermann<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2025\/06\/6847fca41bbea35aeb3d4483_BiBox-Visual.png&#8221; title_text=&#8221;6847fca41bbea35aeb3d4483_BiBox-Visual&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;off|desktop&#8221; admin_label=&#8221;section&#8221; module_class=&#8221;two-column-colorblock-right method-section&#8221; _builder_version=&#8221;4.19.4&#8243; background_image=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2025\/06\/6847e0854046c54739cb9641_BiBoxBg.png&#8221; custom_padding_tablet=&#8221;50px|0|50px|0&#8243; width_unit=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; header_text_color=&#8221;#FFFFFF&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; header_3_text_color=&#8221;#FFFFFF&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">Old strengths, new demands: Time for a user-centered update<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; module_alignment=&#8221;center&#8221; custom_css_main_element=&#8221;max-width: 50%;&#8221; custom_width_px=&#8221;500px&#8221; custom_width_percent=&#8221;50%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb module_class=&#8221;left-align&#8221; _builder_version=&#8221;4.19.4&#8243; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;24&#8243; background_layout=&#8221;dark&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>BiBox, the digital teaching system of the Westermann Group, is turning 10 years old and has grown in functions and components over the years. The integration of new features and the implementation of the Accessibility Act presented the team with complex challenges \u2013 both technically and conceptually. A redesign was the logical next step.  <\/p>\n<p><strong>Objectives of the project:<\/strong><\/p>\n<ul>\n<li>\n<p><span>Modern, timeless design<\/span><\/p>\n<\/li>\n<li>\n<p><span>Scalable user interface<\/span><\/p>\n<\/li>\n<li>\n<p><span>Accessibility and readability for all user groups<\/span><\/p>\n<\/li>\n<li>\n<p><span>UX Improvements<\/span><\/p>\n<\/li>\n<\/ul>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2025\/06\/6847e0669da419fc3f39b471_BiBox-Westermann.png&#8221; title_text=&#8221;6847e0669da419fc3f39b471_BiBox-Westermann&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; module_class=&#8221;two-column&#8221; _builder_version=&#8221;4.19.4&#8243; parallax=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;method-section&#8221; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;#f5f9fc&#8221; background_enable_image=&#8221;off&#8221; background_size=&#8221;initial&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Fresh UI design that engages users \u2013 and fits the brand<\/h2>\n<p><span>Together with the Westermann team, we developed a new, modern look for BiBox: new fonts, matching icons, well-thought-out spacing and colors that match the brand. This resulted in a coherent design language as the basis for the new user interface \u2013 <strong>a design that grows with the company<\/strong> so that BiBox remains scalable and consistent in the future. <\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;#f4f9fd&#8221; background_enable_image=&#8221;off&#8221; background_size=&#8221;contain&#8221; background_position=&#8221;top_center&#8221; custom_margin=&#8221;-50px||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.19.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;-40px|auto|0px|auto|false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2025\/06\/westermann-hintergrund-3-1.png&#8221; title_text=&#8221;Westermann Background 3&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;section&#8221; module_class=&#8221;method-section process&#8221; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;100px|0px|100px|0px&#8221; custom_padding_tablet=&#8221;50px|0|50px|0&#8243; custom_padding_phone=&#8221;&#8221; width_unit=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: left;\">The project process: From kick-off to launch<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_5,1_5,1_5,1_5,1_5&#8243; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; module_class=&#8221;horizontal-process-box&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; max_width=&#8221;500px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_css_main_element=&#8221;max-width: 50%;&#8221; use_custom_width=&#8221;on&#8221; custom_width_px=&#8221;500px&#8221; custom_width_percent=&#8221;50%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Kick-off<br \/><\/strong>In the kick-off workshop, target groups, personas and pain points were analysed and the status quo was evaluated.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Wireframes\/Prototypes<br \/><\/strong>All functions and screens of the web application have been redesigned. The basis: a clear content and navigation concept that ensures scalability and accessibility. <\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>5-minute tests<br \/><\/strong>Small UX questions were continuously validated with compact user tests \u2013 efficiently and purposefully.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>UX Studies<br \/><\/strong>Teachers and students tested the new BiBox in extensive studies. Feedback flowed directly into the further development. <\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Launch<br \/><\/strong>Even in the beta version, the redesigned BiBox received a lot of positive feedback.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;method-section&#8221; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;#f5f9fc&#8221; custom_padding=&#8221;||30px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Efficient collaboration on an equal footing<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.19.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.19.4&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Continuous collaboration:  <\/strong><span>This project thrived on a lively exchange \u2013 PO, editors, dev and UX design. Weeklys, kick-offs for individual projects and collaboration in Figma files &#8211; so that our ideas and the internal knowledge that was collected over the years flourish together. <\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2025\/06\/6847fb0f294f928ab8d60638_BiBox6.png&#8221; title_text=&#8221;6847fb0f294f928ab8d60638_BiBox6&#8243; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>MVP to Future Idea: <\/strong>W<span>How can the launch date be ensured without losing features? The MVP approach helps: We coordinate the effort with the dev team and break down feature ideas. Ideas for other features go into the backlog.  <\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2025\/06\/6847fb0fa090ff4d854e63f6_BiBox3.png&#8221; title_text=&#8221;6847fb0fa090ff4d854e63f6_BiBox3&#8243; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>UI design of the AI features:<\/strong> How does AI and school fit together? How can we ensure acceptance from the very beginning? With interviews, usability tests and UX concepts, we support the AI product team in the development of AI-supported task development and evaluation.  <\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2025\/06\/6847fb0f066b21ce8d0202f7_BiBox7.png&#8221; title_text=&#8221;6847fb0f066b21ce8d0202f7_BiBox7&#8243; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;design-studio extra-bottom&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#fef7ea&#8221; background_image=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2024\/10\/UX-Design-Studio.png&#8221; background_size=&#8221;contain&#8221; background_position=&#8221;center_right&#8221; background_horizontal_offset=&#8221;20%&#8221; custom_padding=&#8221;||||false|false&#8221; background_last_edited=&#8221;on|desktop&#8221; background_enable_image_phone=&#8221;off&#8221; background_size_phone=&#8221;contain&#8221; background_horizontal_offset_tablet=&#8221;0%&#8221; background_horizontal_offset_phone=&#8221;20%&#8221; background_blend_phone=&#8221;normal&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; column_padding_mobile=&#8221;on&#8221; _builder_version=&#8221;4.19.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;|||20px|false|false&#8221; make_fullwidth=&#8221;off&#8221; use_custom_width=&#8221;off&#8221; width_unit=&#8221;off&#8221; custom_width_px=&#8221;1080px&#8221; custom_width_percent=&#8221;80%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.19.4&#8243; custom_padding=&#8221;|||&#8221; custom_padding_tablet=&#8221;|30px|||false|false&#8221; custom_padding_phone=&#8221;|30px|||false|false&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text content_tablet=&#8221;<strong>COMPLEX, FUNCTIONAL + GOOD-LOOKING<\/strong><\/p>\n<h2 style=%22font-family: Poppins !important;%22><strong>UX Design<\/strong><\/h2>\n<p>From scratch, redesign, UX optimization? Our UX Design Studio will be happy to support you in your projects.<br \/>\nThe more complex, the more exciting. &#8221; content_phone=&#8221;<\/p>\n<p><strong>COMPLEX, FUNCTIONAL + GOOD-LOOKING<\/strong><\/p>\n<h2 style=%22font-family: Poppins !important;%22><strong>UX Design<\/strong><\/h2>\n<p>From scratch, redesign, UX optimization? Our UX Design Studio will be happy to support you in your projects.<br \/>The more complex, the more exciting. <\/p>\n<p>&#8221; content_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Poppins||||||||&#8221; text_text_color=&#8221;#4d343b&#8221; header_font=&#8221;Poppins||||||||&#8221; header_text_color=&#8221;#4d343b&#8221; header_2_font=&#8221;Poppins||||||||&#8221; header_2_text_color=&#8221;#4d343b&#8221; header_3_font=&#8221;Poppins||||||||&#8221; header_3_text_color=&#8221;#4d343b&#8221; header_4_font=&#8221;Poppins||||||||&#8221; header_4_text_color=&#8221;#4d343b&#8221; header_5_font=&#8221;Poppins||||||||&#8221; header_5_text_color=&#8221;#4d343b&#8221; header_6_font=&#8221;Poppins||||||||&#8221; header_6_text_color=&#8221;#4d343b&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; max_width_tablet=&#8221;50%&#8221; max_width_phone=&#8221;100%&#8221; max_width_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;20px|20px|10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<strong>CURIOUS?<\/strong><\/p>\n<h2 style=\"font-family: Poppins !important;\"><strong>Get to know our design studio<\/strong><\/h2>\n<p>From scratch, redesign, UX optimization \u2013 our UX Design Studio will be happy to support you in your projects. The more complex, the more exciting.[\/et_pb_text][et_pb_text module_class=&#8221;design-studio-button&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Poppins||||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;16px&#8221; background_color=&#8221;#ff005e&#8221; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;100%&#8221; max_width_tablet=&#8221;40%&#8221; max_width_phone=&#8221;40%&#8221; max_width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;||20px||false|false&#8221; custom_padding=&#8221;7px|12px|7px|12px|false|false&#8221; link_option_url=&#8221;https:\/\/design.userlutions.com\/&#8221; link_option_url_new_window=&#8221;on&#8221; border_radii=&#8221;on|5px|5px|5px|5px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>To the UX Design Studio \u2192<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; module_id=&#8221;contact-form&#8221; module_class=&#8221;blue-bent-section contact-form&#8221; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;1px|0px|54px|0px&#8221; custom_padding_tablet=&#8221;50px|0|50px|0&#8243; custom_padding_phone=&#8221;&#8221; transparent_background=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; global_module=&#8221;2006&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; custom_padding=&#8221;||20px|&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 id=\"anfrage\" style=\"text-align: center;\">How can we help?<\/h2>\n<h4 style=\"text-align: center;\">Free and non-binding consultation<\/h4>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,2_3&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/userlutions.com\/wp-content\/uploads\/2023\/06\/bb.jpg&#8221; title_text=&#8221;bb&#8221; align=&#8221;center&#8221; module_class=&#8221;img-circle&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;300px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-20px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"small-text-13px\" style=\"text-align: center;\"><span style=\"font-family: inherit;\"><strong>Birgit B\u00e4rnreuther<\/strong><\/span><br \/><span style=\"font-family: inherit;\"><strong><\/strong><strong><\/strong>Head of Consulting<\/span><\/p>\n<p class=\"ul-custom-header-phone-hiddenbox-right-phone\" style=\"text-align: center;\"><strong>+49 30 \/ 544 870 24<br \/><\/strong>(Mon to Fri from 9 a.m. to 6 p.m.)<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;Code&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  hbspt.forms.create({<!-- [et_pb_line_break_holder] -->    region: \"na1\",<!-- [et_pb_line_break_holder] -->    portalId: \"7848520\",<!-- [et_pb_line_break_holder] -->    formId: \"5a9319f6-cfa9-4d2f-9734-323cf8f1e0bd\"<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>BiBox by Westermann Future-proof redesign: UX, design and accessibility combinedUX Services: Wireframing Prototyping UX Design User Tests Design Language MVP AI Integration revenue targetsatisfied customersCountriesWireframes&#8221;The new BiBox has been really well received and the cooperation with Userlutions has been very pleasant and efficient: the designs came quickly and with an impressively high quality. At the [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":7384,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","inline_featured_image":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX, design and accessibility combined \u2013 redesign for Westermann<\/title>\n<meta name=\"description\" content=\"Future-proof redesign: UX, design and accessibility combined in the redesigned BiBox from Westermann. Read our case study.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX, design and accessibility combined \u2013 redesign for Westermann\" \/>\n<meta property=\"og:description\" content=\"Future-proof redesign: UX, design and accessibility combined in the redesigned BiBox from Westermann. Read our case study.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/\" \/>\n<meta property=\"og:site_name\" content=\"Userlutions\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/userlutions\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-24T13:26:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/userlutions.com\/wp-content\/uploads\/2025\/07\/Westermann-share-1024x538.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/userlutions.com\/wp-content\/uploads\/2025\/07\/Westermann-share.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@Userlutions\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/\",\"url\":\"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/\",\"name\":\"UX, design and accessibility combined \u2013 redesign for Westermann\",\"isPartOf\":{\"@id\":\"https:\/\/userlutions.com\/#website\"},\"datePublished\":\"2025-07-17T15:27:44+00:00\",\"dateModified\":\"2025-07-24T13:26:16+00:00\",\"description\":\"Future-proof redesign: UX, design and accessibility combined in the redesigned BiBox from Westermann. Read our case study.\",\"breadcrumb\":{\"@id\":\"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/userlutions.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Clients\",\"item\":\"https:\/\/userlutions.com\/en\/clients\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Case Studies\",\"item\":\"https:\/\/userlutions.com\/en\/clients\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Westermann Case Study\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/userlutions.com\/#website\",\"url\":\"https:\/\/userlutions.com\/\",\"name\":\"Userlutions\",\"description\":\"UX-Agentur aus Berlin\",\"publisher\":{\"@id\":\"https:\/\/userlutions.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/userlutions.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/userlutions.com\/#organization\",\"name\":\"Userlutions GmbH\",\"url\":\"https:\/\/userlutions.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/userlutions.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/userlutions.com\/wp-content\/uploads\/2021\/03\/UL-logo-big.png\",\"contentUrl\":\"https:\/\/userlutions.com\/wp-content\/uploads\/2021\/03\/UL-logo-big.png\",\"width\":1668,\"height\":850,\"caption\":\"Userlutions GmbH\"},\"image\":{\"@id\":\"https:\/\/userlutions.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/userlutions\/\",\"https:\/\/twitter.com\/Userlutions\",\"https:\/\/www.linkedin.com\/company\/10692792\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX, design and accessibility combined \u2013 redesign for Westermann","description":"Future-proof redesign: UX, design and accessibility combined in the redesigned BiBox from Westermann. Read our case study.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/","og_locale":"en_US","og_type":"article","og_title":"UX, design and accessibility combined \u2013 redesign for Westermann","og_description":"Future-proof redesign: UX, design and accessibility combined in the redesigned BiBox from Westermann. Read our case study.","og_url":"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/","og_site_name":"Userlutions","article_publisher":"https:\/\/www.facebook.com\/userlutions\/","article_modified_time":"2025-07-24T13:26:16+00:00","og_image":[{"url":"https:\/\/userlutions.com\/wp-content\/uploads\/2025\/07\/Westermann-share-1024x538.jpg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/userlutions.com\/wp-content\/uploads\/2025\/07\/Westermann-share.jpg","twitter_site":"@Userlutions","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/","url":"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/","name":"UX, design and accessibility combined \u2013 redesign for Westermann","isPartOf":{"@id":"https:\/\/userlutions.com\/#website"},"datePublished":"2025-07-17T15:27:44+00:00","dateModified":"2025-07-24T13:26:16+00:00","description":"Future-proof redesign: UX, design and accessibility combined in the redesigned BiBox from Westermann. Read our case study.","breadcrumb":{"@id":"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/userlutions.com\/en\/clients\/case-studies\/westermann-case-study\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/userlutions.com\/en\/"},{"@type":"ListItem","position":2,"name":"Clients","item":"https:\/\/userlutions.com\/en\/clients\/"},{"@type":"ListItem","position":3,"name":"Case Studies","item":"https:\/\/userlutions.com\/en\/clients\/case-studies\/"},{"@type":"ListItem","position":4,"name":"Westermann Case Study"}]},{"@type":"WebSite","@id":"https:\/\/userlutions.com\/#website","url":"https:\/\/userlutions.com\/","name":"Userlutions","description":"UX-Agentur aus Berlin","publisher":{"@id":"https:\/\/userlutions.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/userlutions.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/userlutions.com\/#organization","name":"Userlutions GmbH","url":"https:\/\/userlutions.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/userlutions.com\/#\/schema\/logo\/image\/","url":"https:\/\/userlutions.com\/wp-content\/uploads\/2021\/03\/UL-logo-big.png","contentUrl":"https:\/\/userlutions.com\/wp-content\/uploads\/2021\/03\/UL-logo-big.png","width":1668,"height":850,"caption":"Userlutions GmbH"},"image":{"@id":"https:\/\/userlutions.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/userlutions\/","https:\/\/twitter.com\/Userlutions","https:\/\/www.linkedin.com\/company\/10692792\/"]}]}},"_links":{"self":[{"href":"https:\/\/userlutions.com\/en\/wp-json\/wp\/v2\/pages\/21611"}],"collection":[{"href":"https:\/\/userlutions.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/userlutions.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/userlutions.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/userlutions.com\/en\/wp-json\/wp\/v2\/comments?post=21611"}],"version-history":[{"count":0,"href":"https:\/\/userlutions.com\/en\/wp-json\/wp\/v2\/pages\/21611\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/userlutions.com\/en\/wp-json\/wp\/v2\/pages\/7384"}],"wp:attachment":[{"href":"https:\/\/userlutions.com\/en\/wp-json\/wp\/v2\/media?parent=21611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}