[et_pb_section fb_built=”1″ _builder_version=”4.16″ _module_preset=”default” custom_padding=”45px||0px||false|false” da_disable_devices=”off|off|off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ _module_preset=”default” width=”55%” width_tablet=”85%” width_phone=”90%” width_last_edited=”on|phone” custom_margin=”0px||0px||true|false” custom_padding=”0px||15px||false|false” custom_css_main_element=”display: flex;” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_post_nav show_next=”off” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_post_nav][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_post_nav show_prev=”off” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” width=”55%” width_tablet=”85%” width_phone=”” width_last_edited=”on|tablet” custom_padding=”25px||0px|||” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider color=”#b4bbc2″ _builder_version=”4.16″ _module_preset=”default” background_color=”rgba(0,0,0,0)” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” width=”55%” width_tablet=”85%” width_phone=”” width_last_edited=”on|desktop” custom_padding=”30px||0px||false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_post_title title=”off” author=”off” date_format=”j. M Y” categories=”off” comments=”off” featured_image=”off” _builder_version=”4.16″ _module_preset=”default” meta_text_color=”#858D93″ meta_font_size=”18px” custom_margin=”||15px||false|false” global_colors_info=”{}”][\/et_pb_post_title][et_pb_post_title meta=”off” date_format=”j. M Y” featured_image=”off” _builder_version=”4.16″ _module_preset=”default” title_font=”Montserrat|800||on|||||” title_text_color=”#252020″ title_font_size=”35px” title_line_height=”1.2em” global_colors_info=”{}”][\/et_pb_post_title][et_pb_text _builder_version=”4.27.4″ _module_preset=”6ef5f875-8750-478a-9764-36675c174ece” custom_padding=”||15px||false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]Sometimes there are delays or problems in the collaboration between development and design. This is often the case when teams develop and design new online stores. <\/p>\n
But the obstacles can be overcome. The best thing is for designers and developers to pay attention and communicate with each other right from the start. <\/p>\n
PAGE asked Andr\u00e9 Roitzsch, CEO at SHOPMACHER, four questions about this.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ _module_preset=”default” width=”55%” width_tablet=”85%” width_phone=”” width_last_edited=”on|tablet” custom_margin=”0px||0px||true|false” custom_padding=”15px||15px||true|false” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”3b6de9dc-9290-4ad3-9f67-28ec97e192ef” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”6ef5f875-8750-478a-9764-36675c174ece” custom_padding=”||15px||false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n
Andr\u00e9 Roitzsch<\/em>: One of the main problems in the collaboration between design and development is the sequential approach: If the design is first fully developed, approved and then transferred to the technical implementation, difficulties often arise at this point. This is because designers are not always aware of the technical limitations of the chosen store system. This results in design specifications that are sensible and attractive from a design perspective, but whose implementation is unnecessarily complex or costly from a technical perspective. <\/p>\n On the other hand, developers sometimes lack an understanding of which “minor” deviations from the design would be acceptable without undermining the overall design concept. In such cases, additional coordination is required – up to and including re-approval by the design team, which results in delays and frictional losses. <\/p>\n But it is also often a one-way street from the other end: if technical concepts are developed in advance and then “adapted” to the corporate design, design corrections can cause considerable additional work during development – especially if they are introduced retrospectively and were not originally planned.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”3b6de9dc-9290-4ad3-9f67-28ec97e192ef” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”6ef5f875-8750-478a-9764-36675c174ece” custom_padding=”0px||0px||false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]The most effective solution lies in the genuine, collaborative development of design and implementation – ideally in close cooperation right from the start. Design and development should not be seen as downstream process steps, but as parallel, interlinked disciplines. <\/p>\n In addition, a realistic database is essential. In the conception phase, idealized sample data is usually used – which leads to aesthetically pleasing, but not always realistic results. As soon as real product data from third-party systems comes into play, inconsistencies quickly become apparent that affect both the design and the technical structure. A common understanding of data origin, structure and logic helps to counteract this at an early stage.[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”3b6de9dc-9290-4ad3-9f67-28ec97e192ef” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”6ef5f875-8750-478a-9764-36675c174ece” custom_padding=”||15px||false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]A tried and tested means is the regular exchange in practical workshops in order to develop and implement the UX together with the design partners. In these operational formats, potential points of conflict can be identified at an early stage and viable solutions can be developed together. <\/p>\n Another success factor is a clean, comprehensibly documented data model.<\/p>\n In the commerce environment in particular, it is crucial to understand that design work largely consists of visualizing data. If you know the structure, origin and processing of this data, you can design more effectively and efficiently. <\/p>\n In addition, a basic technical understanding is a great advantage for designers – especially knowledge of HTML, CSS and ideally a basic understanding of JavaScript. In our onboarding process, we therefore emphasize that designers work independently with store or editorial systems, create templates and build pages. The practical experience of technical possibilities and limitations not only promotes understanding, but also increases the quality of the subsequent design specifications.[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”3b6de9dc-9290-4ad3-9f67-28ec97e192ef” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”6ef5f875-8750-478a-9764-36675c174ece” custom_padding=”||15px||false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]The following also applies to developers: understanding the other discipline is essential. It is not enough to write clean code – what matters is how it works in the frontend. Developers should regularly check their results in the browser and compare them with the originally planned design. <\/p>\n A good eye for design – at least the basics – is part of a front-end developer’s expertise. Those who recognize deviations, take visual details seriously and suggest constructive alternatives contribute significantly to a high user experience – without losing sight of technical efficiency.[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/www.shopmacher.de\/wp-content\/uploads\/2025\/09\/andre-roitzsch.jpg” alt=”Andr\u00e9 Roitzsch, CEO” title_text=”andre-roitzsch” _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.16″ _module_preset=”default” width=”55%” width_tablet=”85%” width_phone=”” width_last_edited=”on|tablet” custom_padding=”||4px|||” locked=”off” global_colors_info=”{}” custom_css_main_element_last_edited=”on|phone” custom_css_before_last_edited=”off|tablet” custom_css_main_element_tablet=”display: flex;” custom_css_main_element_phone=”display: inherit;”][et_pb_column type=”1_3″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” custom_css_main_element_last_edited=”off|phone”][et_pb_social_media_follow icon_color=”#858D93″ use_icon_font_size=”on” icon_font_size=”17px” _builder_version=”4.16″ _module_preset=”default” custom_padding=”|||0px|false|false” text_orientation_tablet=”” text_orientation_phone=”center” text_orientation_last_edited=”on|tablet” custom_css_before=”content: %22Teilen%22;||color: grey;||font-size: 16px;||padding-right: 10px;” global_colors_info=”{}”][et_pb_social_media_follow_network social_network=”facebook” url=”https:\/\/www.facebook.com\/shopmacher” _builder_version=”4.16″ _module_preset=”default” background_enable_color=”off” global_colors_info=”{}” follow_button=”off” url_new_window=”on”]facebook[\/et_pb_social_media_follow_network] [et_pb_social_media_follow_network social_network=”linkedin” url=”https:\/\/www.linkedin.com\/company\/shopmacher-ecommerce-gmbh-&-co.-kg” _builder_version=”4.16″ _module_preset=”default” background_enable_color=”off” global_colors_info=”{}” follow_button=”off” url_new_window=”on”]linkedin[\/et_pb_social_media_follow_network] [et_pb_social_media_follow_network social_network=”instagram” url=”https:\/\/www.instagram.com\/shopmacher\/” _builder_version=”4.16″ _module_preset=”default” background_enable_color=”off” global_colors_info=”{}” follow_button=”off” url_new_window=”on”]instagram[\/et_pb_social_media_follow_network] [et_pb_social_media_follow_network social_network=”twitter” url=”https:\/\/twitter.com\/shopmacher” _builder_version=”4.16″ _module_preset=”default” background_enable_color=”off” global_colors_info=”{}” follow_button=”off” url_new_window=”on”]twitter[\/et_pb_social_media_follow_network] [et_pb_social_media_follow_network social_network=”youtube” url=”https:\/\/www.youtube.com\/channel\/UCLhDymlUEAWiSXjv9wUEpHA” _builder_version=”4.16″ _module_preset=”default” background_enable_color=”off” global_colors_info=”{}” follow_button=”off” url_new_window=”on”]youtube[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_text=”FOR PUBLICATION” _builder_version=”4.27.4″ _module_preset=”b0debc46-85df-48ae-bf34-5ac2babbaee0″ button_url=”https:\/\/page-online.de\/tools-technik\/onlineshops-tipps-fuer-bessere-zusammenarbeit-zwischen-design-development\/” url_new_window=”on” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ _module_preset=”default” custom_margin=”||0px||false|false” custom_padding=”0px||0px||true|false” da_disable_devices=”off|off|off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row _builder_version=”4.16″ _module_preset=”default” custom_padding=”30px||30px||true|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider color=”#858D93″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”bdbb3f40-2c94-4a5a-ad50-00c5a914af1c” global_colors_info=”{}”]<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.19.4″ _module_preset=”default” custom_margin=”||-80px||false|false” custom_padding=”||||false|false” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_blog posts_number=”1″ include_categories=”56″ meta_date=”j. M Y” offset_number=”4″ _builder_version=”4.27.4″ _module_preset=”74be4b22-f98e-4286-aaa8-8b34bf95a7f2″ global_colors_info=”{}”][\/et_pb_blog][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_blog posts_number=”1″ include_categories=”47,51″ meta_date=”j. M Y” offset_number=”2″ _builder_version=”4.27.4″ _module_preset=”74be4b22-f98e-4286-aaa8-8b34bf95a7f2″ global_colors_info=”{}”][\/et_pb_blog][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_blog post_type=”page” posts_number=”1″ offset_number=”1″ _builder_version=”4.27.4″ _module_preset=”74be4b22-f98e-4286-aaa8-8b34bf95a7f2″ body_font=”Roboto||||||||” body_line_height=”1.5em” read_more_font=”|700||on|||||” read_more_line_height=”2.8em” custom_padding=”0px||||false|false” global_colors_info=”{}” read_more_text_color__hover_enabled=”off|desktop”][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":" It’s best if designers and developers pay attention to this and communicate with each other from the outset.2. How can improvements be achieved with regard to the points mentioned?<\/b><\/h2>\n
3. Do you have any everyday tips on UX and UI design for designers in companies that operate online shops?
\n<\/b><\/h2>\n4. Do you have any tips for developers?
\n<\/b><\/h2>\nALSO INTERESTING<\/span><\/h2>\n
\nPAGE asked Andr\u00e9 Roitzsch, CEO at SHOPMACHER, four questions about this.<\/p>\n","protected":false},"author":1,"featured_media":250281,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[82,80],"tags":[],"class_list":["post-250969","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-interview-en","category-opinion"],"_links":{"self":[{"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/posts\/250969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/comments?post=250969"}],"version-history":[{"count":2,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/posts\/250969\/revisions"}],"predecessor-version":[{"id":250971,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/posts\/250969\/revisions\/250971"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/media\/250281"}],"wp:attachment":[{"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/media?parent=250969"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/categories?post=250969"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/tags?post=250969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}