{"id":7373,"date":"2020-04-27T16:25:27","date_gmt":"2020-04-27T14:25:27","guid":{"rendered":"https:\/\/userlutions.com\/visi-one-case-study-design\/"},"modified":"2023-08-07T15:40:45","modified_gmt":"2023-08-07T13:40:45","slug":"visi-one-case-study-design","status":"publish","type":"page","link":"https:\/\/userlutions.com\/en\/clients\/case-studies\/visi-one-case-study-design\/","title":{"rendered":"VISI\/ONE case study 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” global_colors_info=”{}”]<\/p>\n

Digitizing price tags: Tailor-made design concepts for VISI\/ONE<\/h1>\n

Userlutions designs intuitive and
sustainable application for VISI\/ONE<\/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” global_colors_info=”{}”]<\/p>\n

The challenge: From the first MVP to a flexible and user-friendly interface<\/h3>\n

Having to price every single product by hand \u2013 even in small shops this is a time-consuming job. Imagine the challenge in a car dealership with a huge sales area. VISI\/ONE solves this problem with digital price tags. The vision: Monitoring and changing car prices remotely and comfortably controlling the current sales status.<\/p>\n

Our customer initially implemented this vision as an MVP, which will grow over time into a comprehensive interface. To help them lay the foundation for these further developments, VISI\/ONE came to us.<\/p>\n

We redesigned the B2B application so that they could really take off with optimized user flows and improved usability. The goal was to create a flexible interface that they can build on for a long time to come and that also offers a great user experience. With our agile approach<\/strong> and lean, tailor-made processes<\/strong> perfectly suited to their requirements and working methods, we convinced them that were the right partner for this project.<\/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\/2019\/03\/Visi-one-logo.png” alt=”VISI\/ONE 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” 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>\nVISI\/ONE<\/td>\n<\/tr>\n
Product<\/strong><\/td>\nApplication for digital price labelling<\/td>\n<\/tr>\n
Duration<\/strong><\/td>\n2.5 months<\/td>\n<\/tr>\n
Method<\/strong><\/td>\nInterface conception and design<\/td>\n<\/tr>\n
Result<\/strong><\/td>\nWireframes and visual UI design<\/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\/2019\/03\/konzeption-case-study-2.jpg” alt=”VISI\/ONE design concept” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ use_border_color=”off” 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=”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.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” global_colors_info=”{}”]<\/p>\n

The process: Designing an intuitively
operated app in only 4 iterations<\/h3>\n

How we were able to unite user needs, business requirements and
technical characteristics<\/h5>\n

When designing the new app, we fully adapted to the development rhythm of VISI\/ONE<\/strong>: With 4 iterations in 2-week cycles, we jointly developed a prototype that is not only user-friendly and intuitive to use, but can also be flexibly extended and adapted to all future developments.<\/p>\n

The iterative process allowed us to discuss ideas and create a mutual understanding of the product, technical limitations and business goals. The final concept thus takes into account all technical specifics and unites user needs with business requirements.<\/p>\n

By internalizing the requirements and goals of VISI\/ONE<\/strong>, we were even able to generate some ideas that went beyond the original objectives: For example, we added a feature that makes it possible to determine the success of individual salespeople and the entire car dealership. By tracking the car status (arrived, not ready for sale, ready for sale, sold), optimization potentials in the sales process can be discovered, so that downtimes are minimized and thus the sales profit is increased.<\/p>\n

In the final step of the project we gave the concept its final touch: Our simple and unobtrusive design<\/strong> supports user-friendliness<\/strong> and ensures a pleasant user experience. The clear specifications of the associated style guide enable VISI\/ONE to continue to design future elements in a consistent style. And all this, of course, in consideration of the corporate identity of VISI\/ONE.<\/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\/2019\/03\/konzeption-case-study-ideen.jpg” alt=”An experienced UX designer is building the design concept” align=”center” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ use_border_color=”off” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”-10px|||” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

With the requirements of VISI\/ONE
we generated targeted ideas.
<\/em><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2019\/03\/visione-wireframes.png” alt=”An experienced UX designer is building the design concept” align=”center” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” disabled_on=”off|off|off” _builder_version=”4.16″ use_border_color=”off” border_color=”#ffffff” border_width=”1px” border_style=”solid” animation=”off” sticky=”off” global_colors_info=”{}”][\/et_pb_image][et_pb_text disabled_on=”off|off|off” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”-10px|||” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

Beginning with wireframes like this one, we iterated towards a user-friendly prototype of the application.<\/em><\/p>\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 extra-bottom” _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.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: Impressive application with business focus<\/h3>\n
Flexibly expandable interface with great user experience<\/h5>\n

The result is a user-friendly, cross-platform app with a great user experience and target-oriented design. Furthermore, the concept is perfectly optimized for mobile use: There are no functional differences between the mobile app and the web application.<\/p>\n

The concept was subsequently implemented by VISI\/ONE in its entirety and is now constantly being further developed.<\/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\/2019\/03\/styleguide-konzeption.jpg” alt=”An experienced UX designer is building the design concept” align=”center” 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” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”-10px|||” use_border_color=”off” border_style=”solid” global_colors_info=”{}”]<\/p>\n

The style guide is helping VISI\/ONE to program and develop their app<\/em><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ module_class=”white-section” _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” 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” global_colors_info=”{}”]<\/p>\n

And this is the result in before and after comparison (Pull me!)
<\/em><\/p>\n

[\/et_pb_text][et_pb_image src=”\/wp-content\/uploads\/2017\/02\/arrow.svg” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ max_width=”20px” custom_margin=”-20px||10px|100px” global_colors_info=”{}”][\/et_pb_image][et_pb_text module_class=”twentytwenty-slider” _builder_version=”4.16″ global_colors_info=”{}”]<\/p>\n

\n

<\/div>
\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_tablet=”50px|0|50px|0″ custom_padding_phone=”” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ padding_mobile=”off” column_padding_mobile=”on” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” make_fullwidth=”off” use_custom_width=”off” width_unit=”off” 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” global_colors_info=”{}”]<\/p>\n

So says the customer:
“Creative-efficient work”<\/h3>\n

“Such an individual and fast familiarization with our product<\/strong> and its technical features cannot be taken for granted – our contact person from Userlutions has managed exactly that. Creative-efficient work<\/strong>, sound UX expertise and services on top: We are now implementing your concept in its entirety. Thank you very much!”<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2019\/03\/Visi-one-logo.png” alt=”VISI\/ONE Logo” align=”center” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.16″ max_width=”35%” use_border_color=”off” global_colors_info=”{}”][\/et_pb_image][\/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\/2019\/04\/visione-klein.jpg” alt=”design for VISI\/ONE” align=”center” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” module_class=”img-circle” _builder_version=”4.16″ max_width=”200px” use_border_color=”off” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”||0px|” use_border_color=”off” global_colors_info=”{}”]<\/p>\n

Markus Schrickel, Head of Product,
VISI\/ONE<\/a><\/em><\/p>\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=”white-section” _builder_version=”4.16″ custom_padding=”0px|0px|24px|0px” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” width_unit=”off” 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” custom_padding=”61px|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=”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

The conclusion: Sustainable design pays off<\/h3>\n

The new design helped VISI\/ONE to focus on a product that had organically grown beyond its limits and to make it even more user-friendly. The consideration of future developments makes the concept sustainable and business oriented.<\/p>\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 extra-bottom” _builder_version=”4.16″ custom_padding=”0px|0px|24px|0px” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” width_unit=”off” 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” custom_padding=”61px|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=”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

Want to learn more?<\/h3>\n

Do you also need support with designing a new product or do you want to make your existing product more user-friendly? We offer both the conception of prototypes<\/a> and the design of the user interface<\/a>. Have a look at our portfolio<\/a> or contact us if you have any questions:<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ module_class=”blue-bent-section contact-form” _builder_version=”3.19.3″ global_module=”10450″ global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” 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.19.4″ global_colors_info=”{}”]<\/p>\n

How can we help you?<\/h2>\n

We offer free and non-binding consultations<\/h4>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_4,3_4″ _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/userlutions.com\/wp-content\/uploads\/2017\/01\/bb.jpg” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” module_class=”img-circle” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.19.4″ global_colors_info=”{}”]<\/p>\n

Birgit B\u00e4rnreuther<\/strong><\/span>
<\/strong><\/strong>Head Of Consulting<\/span><\/p>\n

030 \/ 544 870 24<\/strong><\/span>
(Mo to Fr, 9am to 6pm)<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”3_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

We recommend using your work email \u2013 it keeps work and life seperate.<\/p>\n

[\/et_pb_text][et_pb_code _builder_version=”4.16″ global_colors_info=”{}”]