{"id":17497,"date":"2024-01-22T17:41:19","date_gmt":"2024-01-22T16:41:19","guid":{"rendered":"https:\/\/userlutions.com\/clients\/case-studies\/magine-case-study-mini-concept\/"},"modified":"2024-01-23T11:54:43","modified_gmt":"2024-01-23T10:54:43","slug":"magine-case-study-mini-concept","status":"publish","type":"page","link":"https:\/\/userlutions.com\/en\/clients\/case-studies\/magine-case-study-mini-concept\/","title":{"rendered":"Magine TV Case Study UX design"},"content":{"rendered":"

[et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” admin_label=”section” module_class=”white-section” _builder_version=”4.16″ custom_padding=”54px|0px|0px|0px” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”off” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_row padding_mobile=”off” column_padding_mobile=”on” admin_label=”row” module_class=” et_pb_row_fullwidth” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”89%” width_tablet=”80%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”89%” max_width_tablet=”80%” max_width_phone=”80%” max_width_last_edited=”on|desktop” make_fullwidth=”on” use_custom_width=”off” width_unit=”off” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

Interface optimization in just one week brings 40% increase in conversion<\/h1>\n

Userlutions designs new pricing page for the online TV provider ‘Magine TV’<\/h3>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” module_class=”light-blue-section” _builder_version=”4.16″ custom_padding=”8px|0px|54px|0px” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ padding_mobile=”off” column_padding_mobile=”on” module_class=”column-align-center et_pb_row_fullwidth” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”89%” width_tablet=”80%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”89%” max_width_tablet=”80%” max_width_phone=”80%” max_width_last_edited=”on|desktop” make_fullwidth=”on” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

The challenge:
\nSelf-service rapid user test reveals unused conversion potential<\/h3>\n

Surely the conversion rate is one of the most important key figures for you too?<\/p>\n

Then you are similar to Magine TV, one of the leading providers of IPTV solutions. If you offer Software-as-a-Service yourself, you will also be aware of the strategic importance of the pricing overview. But what if the pricing page converts poorly?<\/strong><\/p>\n

To detect hidden potentials, Magine TV launched a crowd usability test with RapidUsertests.<\/p>\n

The test revealed major conversion hurdles,<\/strong> and the conversion rate’s high importance created a great urgency to implement optimizations on the site.<\/p>\n

The UX experts from Userlutions were hired to improve usability and conversion quickly<\/strong>.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2017\/05\/MagineTV_Logo.png” alt=”Magine TV Logo” align=”center” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ max_width=”300px” use_border_color=”off” border_color=”#ffffff” border_width=”1px” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on” global_colors_info=”{}”][\/et_pb_image][et_pb_text module_class=”postit” _builder_version=”4.16″ saved_tabs=”all” global_colors_info=”{}”]<\/p>\n

Facts about the project<\/h3>\n\n\n\n\n\n\n\n
Customer<\/strong><\/td>\nMagine TV<\/td>\n<\/tr>\n
Product<\/strong><\/td>\nWebsite, SaaS<\/td>\n<\/tr>\n
Duration<\/strong><\/td>\n1 week<\/td>\n<\/tr>\n
Method<\/strong><\/td>\nSelf-service rapid user tests + UX prototyping<\/td>\n<\/tr>\n
Result<\/strong><\/td>\n40% increase in conversion<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” module_class=”full_width_image_section” _builder_version=”4.16″ custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_row padding_mobile=”off” column_padding_mobile=”on” module_class=” et_pb_row_fullwidth” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”89%” width_tablet=”80%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”89%” max_width_tablet=”80%” max_width_phone=”80%” max_width_last_edited=”on|desktop” make_fullwidth=”on” use_custom_width=”off” width_unit=”on” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2017\/05\/konzeption-magine-tv.jpg” alt=”Magine TV Concept Case Study” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ use_border_color=”off” border_color=”#ffffff” border_width=”1px” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” module_class=”light-blue-section” _builder_version=”4.16″ custom_padding=”33px|0px|54px|0px” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”off” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ padding_mobile=”off” column_padding_mobile=”on” module_class=” et_pb_row_fullwidth” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”89%” width_tablet=”80%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”89%” max_width_tablet=”80%” max_width_phone=”80%” max_width_last_edited=”on|desktop” custom_padding=”28px|0px|0px|0px” make_fullwidth=”on” use_custom_width=”off” width_unit=”on” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.19.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

The process: development of a click prototype in just one week<\/h3>\n

Crowd usability tests as a basis
of the prototype<\/h5>\n

From the results of Magine TV’s self-service RapidUsertests<\/a>, the UX experts at Userlutions identified the biggest conversion killers<\/strong>. Based on these findings, they designed a prototype of the optimized pricing page within a week.<\/p>\n

The prototype was optimized and implemented in several iteration loops with Magine. The processes on both sides interlocked perfectly<\/strong> so that the new price overview could go live within just three weeks.<\/p>\n

more about prototyping<\/a><\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

Magine TV evaluated the usability tests and Userlutions created the prototype of the optimized site
\n<\/em><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2017\/02\/arrow2.svg” align=”center” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ max_width=”120px” custom_margin=”-20px||10px|” use_border_color=”off” border_color=”#ffffff” border_width=”1px” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2017\/06\/ux-experten-konzeption.jpg” alt=”UX experts are designing a prototype of the pricing page” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ use_border_color=”off” border_color=”#ffffff” border_width=”1px” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” module_class=”white-section” _builder_version=”4.16″ custom_padding=”54px|0px|28px|0px” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ padding_mobile=”off” column_padding_mobile=”on” module_class=” et_pb_row_fullwidth” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”89%” width_tablet=”80%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”89%” max_width_tablet=”80%” max_width_phone=”80%” max_width_last_edited=”on|desktop” make_fullwidth=”on” use_custom_width=”off” width_unit=”on” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.19.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

The findings: Many users did not understand the pricing structure<\/h3>\n
Conversion potentials remain untapped<\/h5>\n

The usability test evaluated by Magine TV itself produced some revealing findings, from which our consultants were able to derive the necessary optimizations.<\/p>\n

 <\/p>\n\n\n\n\n\n\n\n
before<\/th>\nOptimization<\/th>\n<\/tr>\n
Option to book additional packages is not understood<\/td>\nSeveral additional packages are presented<\/td>\n<\/tr>\n
Lack of possibility to compare the packages<\/td>\nList of what the individual packages contain<\/td>\n<\/tr>\n
No elements that give the user confidence<\/td>\nFrequently asked questions and reasons for using Magine<\/td>\n<\/tr>\n
No clear delimitation of the packages<\/td>\nClear differentiation and recommendation for the best package<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

These were the weaknesses of the old pricing page<\/em><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2017\/02\/arrow2.svg” align=”center” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ max_width=”120px” custom_margin=”-20px||10px|” hover_enabled=”0″ use_border_color=”off” border_color=”#ffffff” border_width=”1px” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on” global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2024\/01\/alte-preise-seite_englisch.jpg” alt=”For these reasons, the new concept was necessary” align=”center” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.19.4″ hover_enabled=”0″ use_border_color=”off” border_color=”#ffffff” border_width=”1px” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on” global_colors_info=”{}” title_text=”alte-preise-seite_englisch” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” module_class=”light-blue-section extra-bottom” _builder_version=”4.16″ custom_padding=”32px|0px|0px|0px” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”off” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ padding_mobile=”off” column_padding_mobile=”on” module_class=” et_pb_row_fullwidth” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”89%” width_tablet=”80%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”89%” max_width_tablet=”80%” max_width_phone=”80%” max_width_last_edited=”on|desktop” custom_padding=”27px|0px|1px|0px” make_fullwidth=”on” use_custom_width=”off” width_unit=”on” custom_width_px=”1080px” custom_width_percent=”80%” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

The result: prototype of the new pricing page solves the UX problems<\/h3>\n
The optimized pricing page increases the conversion rate by 40%<\/h5>\n

The result of the project was an interactive prototype of the new price overview. When creating the prototype, the UX experts incorporated findings from sales and conversion psychology<\/strong> as well as from previous projects.<\/p>\n

After implementation, the conversion rate of the recommended package increased by 40%, which means a huge increase in sales<\/strong>.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

How can the results now be used?<\/h4>\n