{"id":81067,"date":"2020-11-26T12:00:31","date_gmt":"2020-11-26T11:00:31","guid":{"rendered":"https:\/\/test.av-id.de\/?post_type=portfolio&#038;p=81067"},"modified":"2020-12-03T13:42:07","modified_gmt":"2020-12-03T12:42:07","slug":"hmi-thermal-joint-check","status":"publish","type":"portfolio","link":"https:\/\/avid-studio.com\/?portfolio=hmi-thermal-joint-check","title":{"rendered":"HMI &#8222;Thermal Joint Check&#8220;"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8220;1\/3&#8243;][\/vc_column][vc_column width=&#8220;2\/3&#8243;][vc_empty_space empty_h=&#8220;3&#8243;][vc_custom_heading heading_semantic=&#8220;h1&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;fontsize-155944&#8243; text_weight=&#8220;500&#8243; text_space=&#8220;fontspace-781688&#8243; text_color=&#8220;color-xsdn&#8220;]HMI &#8211; &#8222;Thermal Joint Check&#8220;<br \/>\nUI\/UX Design[\/vc_custom_heading][vc_empty_space empty_h=&#8220;3&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;81054&#8243; media_width_percent=&#8220;100&#8243;][vc_empty_space empty_h=&#8220;3&#8243;][vc_custom_heading heading_semantic=&#8220;h5&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;&#8220; text_weight=&#8220;400&#8243; text_height=&#8220;fontheight-524109&#8243; text_color=&#8220;color-xsdn&#8220;]Die Benutzerschnittstelle vereint die uneingeschr\u00e4nkte Funktionalit\u00e4t mit einer hoch \u00e4sthetischen Erscheinung und intuitiven Bedienung. Das macht die Steuerung der Applikationsanlage nicht nur logischer und einfacher, sondern auch erheblich effizienter.[\/vc_custom_heading][vc_empty_space empty_h=&#8220;4&#8243;][vc_single_image media=&#8220;81066&#8243; media_width_percent=&#8220;90&#8243; alignment=&#8220;right&#8220;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_separator sep_color=&#8220;color-xsdn&#8220;][vc_custom_heading heading_semantic=&#8220;h6&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;&#8220; text_weight=&#8220;400&#8243; text_height=&#8220;fontheight-524109&#8243; text_color=&#8220;color-xsdn&#8220;]<strong>Client:<\/strong>\u00a0 \u00a0 \u00a0 \u00a0 ATN-H\u00f6lzel GmbH<br \/>\n<strong>Service:<\/strong>\u00a0 \u00a0 \u00a0Product Design \/ User Journey \/ UI-UX Design<strong><br \/>\n<\/strong>[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8220;h6&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;&#8220; text_weight=&#8220;400&#8243; text_height=&#8220;fontheight-524109&#8243; text_color=&#8220;accent&#8220;]<strong>Link 01:<\/strong>\u00a0 \u00a0 <a href=\"https:\/\/atngmbh.com\" target=\"_blank\" rel=\"noopener noreferrer\">www.atngmbh.de<\/a><br \/>\n<strong>Link 02:<\/strong>\u00a0 \u00a0 <a href=\"https:\/\/issuu.com\/avid-studio\/docs\/ui_development_atn\" target=\"_blank\" rel=\"noopener noreferrer\">UI \/ UX Development<\/a>[\/vc_custom_heading][vc_empty_space empty_h=&#8220;3&#8243;][vc_single_image media=&#8220;81050&#8243; media_width_percent=&#8220;100&#8243; media_ratio=&#8220;three-four&#8220;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;2\/3&#8243;][vc_single_image media=&#8220;81062&#8243; media_width_percent=&#8220;100&#8243;][vc_custom_heading heading_semantic=&#8220;h5&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;&#8220; text_weight=&#8220;400&#8243; text_height=&#8220;fontheight-524109&#8243; text_color=&#8220;color-xsdn&#8220;]Die ATN H\u00f6lzel GmbH ist ein innovativer, mittelst\u00e4ndischer Sondermaschinen- und Anlagenbauer und Spezialist mit den Schwerpunkten in der Applikationstechnik und der Automatisierung. Das \u201cThermal Joint Check\u201d beschreibt den Prozess der maschinellen Verklebung (Applikation) von Fahrzeugscheiben mit der Karosserie.[\/vc_custom_heading][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;3&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/3&#8243;][vc_empty_space empty_h=&#8220;4&#8243;][vc_single_image media=&#8220;81060&#8243; media_width_percent=&#8220;100&#8243; media_ratio=&#8220;two-three&#8220;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;81063&#8243; media_width_percent=&#8220;100&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_empty_space empty_h=&#8220;4&#8243;][vc_custom_heading heading_semantic=&#8220;h5&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;&#8220; text_weight=&#8220;400&#8243; text_height=&#8220;fontheight-524109&#8243; text_color=&#8220;color-xsdn&#8220;]Die Pr\u00fcfung der Klebesto\u00dfn\u00e4hte erfolgt \u00fcber eine Infrarotkamera. Mit Hilfe unseres Human Machine Interface (HMI) k\u00f6nnen alle wichtigen Prozessparameter des Applikationsprozesses gesteuert und \u00fcberwacht werden.[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/3&#8243;][vc_empty_space empty_h=&#8220;5&#8243;][vc_empty_space empty_h=&#8220;5&#8243;][vc_custom_heading heading_semantic=&#8220;h5&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;&#8220; text_weight=&#8220;400&#8243; text_height=&#8220;fontheight-524109&#8243; text_color=&#8220;color-xsdn&#8220;]Neben einer klaren Gliederung der Benutzeroberfl\u00e4che in Funktions- und Informationsbereiche lag der Fokus vor allem auf einer gesteigerten User Experience und der logischen Navigation in der Anwendung.[\/vc_custom_heading][\/vc_column][vc_column width=&#8220;2\/3&#8243;][vc_single_image media=&#8220;81056&#8243; media_width_percent=&#8220;100&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;2\/3&#8243;][vc_empty_space empty_h=&#8220;4&#8243;][vc_single_image media=&#8220;81051&#8243; media_width_percent=&#8220;100&#8243;][\/vc_column][vc_column width=&#8220;1\/3&#8243;][vc_gallery el_id=&#8220;gallery-892466&#8243; type=&#8220;carousel&#8220; medias=&#8220;81053,81142&#8243; carousel_lg=&#8220;1&#8243; carousel_md=&#8220;1&#8243; carousel_sm=&#8220;1&#8243; gutter_size=&#8220;3&#8243; media_items=&#8220;media|nolink|original&#8220; carousel_interval=&#8220;3000&#8243; carousel_navspeed=&#8220;400&#8243; carousel_loop=&#8220;yes&#8220; carousel_nav_skin=&#8220;dark&#8220; carousel_dots=&#8220;yes&#8220; carousel_dot_position=&#8220;left&#8220; stage_padding=&#8220;0&#8243; single_overlay_opacity=&#8220;1&#8243; single_overlay_anim=&#8220;no&#8220; single_image_anim=&#8220;no&#8220; single_padding=&#8220;2&#8243; single_border=&#8220;yes&#8220;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/3&#8243;][vc_empty_space empty_h=&#8220;5&#8243;][vc_single_image media=&#8220;82524&#8243; media_width_percent=&#8220;80&#8243; alignment=&#8220;right&#8220;][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;3&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;2\/3&#8243;][vc_gallery el_id=&#8220;gallery-132092&#8243; type=&#8220;carousel&#8220; medias=&#8220;82522,82520,82521,82519,82518&#8243; carousel_lg=&#8220;1&#8243; carousel_md=&#8220;1&#8243; carousel_sm=&#8220;1&#8243; gutter_size=&#8220;3&#8243; media_items=&#8220;media|nolink|original&#8220; carousel_interval=&#8220;3000&#8243; carousel_navspeed=&#8220;400&#8243; carousel_loop=&#8220;yes&#8220; carousel_dots=&#8220;yes&#8220; carousel_dot_position=&#8220;left&#8220; stage_padding=&#8220;0&#8243; single_overlay_opacity=&#8220;50&#8243; single_overlay_anim=&#8220;no&#8220; single_image_anim=&#8220;no&#8220; single_padding=&#8220;2&#8243; single_border=&#8220;yes&#8220;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;2&#8243; z_index=&#8220;0&#8243;][vc_column width=&#8220;1\/2&#8243;][vc_empty_space empty_h=&#8220;3&#8243;][vc_custom_heading heading_semantic=&#8220;h5&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;&#8220; text_weight=&#8220;400&#8243; text_height=&#8220;fontheight-524109&#8243; text_color=&#8220;color-xsdn&#8220;]Durch die funktionale \u00dcberschneidung\u00a0von Anforderungen aus der\u00a0Ergonomie, der Semiotik, der Grafik\u00a0und weiterer Gestaltungsbereiche\u00a0entwickelten wir eine L\u00f6sung, welche\u00a0neben der Funktion auch erstmals die\u00a0Corporate Design Kriterien in digitale Produkte\u00a0transformiert.[\/vc_custom_heading][vc_empty_space empty_h=&#8220;2&#8243;][vc_single_image media=&#8220;81052&#8243; media_width_percent=&#8220;90&#8243; media_ratio=&#8220;five-four&#8220;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;81049&#8243; media_width_percent=&#8220;100&#8243;][vc_custom_heading heading_semantic=&#8220;h5&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;&#8220; text_weight=&#8220;400&#8243; text_height=&#8220;fontheight-524109&#8243; text_color=&#8220;color-xsdn&#8220;]Schlussendlich wurden alle relevanten Inhalte in einem Styleguide zu Schulungs- Zwecken dokumentiert.[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;3&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;82517&#8243; media_width_percent=&#8220;100&#8243;][vc_empty_space empty_h=&#8220;4&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8220;1\/3&#8243;][\/vc_column][vc_column width=&#8220;2\/3&#8243;][vc_empty_space empty_h=&#8220;3&#8243;][vc_custom_heading heading_semantic=&#8220;h1&#8243; text_font=&#8220;font-762333&#8243; text_size=&#8220;fontsize-155944&#8243; text_weight=&#8220;500&#8243; text_space=&#8220;fontspace-781688&#8243; text_color=&#8220;color-xsdn&#8220;]HMI &#8211; &#8222;Thermal Joint Check&#8220; UI\/UX Design[\/vc_custom_heading][vc_empty_space empty_h=&#8220;3&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;81054&#8243; media_width_percent=&#8220;100&#8243;][vc_empty_space [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":81057,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"portfolio_category":[36],"_links":{"self":[{"href":"https:\/\/avid-studio.com\/index.php?rest_route=\/wp\/v2\/portfolio\/81067"}],"collection":[{"href":"https:\/\/avid-studio.com\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/avid-studio.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/avid-studio.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/avid-studio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=81067"}],"version-history":[{"count":21,"href":"https:\/\/avid-studio.com\/index.php?rest_route=\/wp\/v2\/portfolio\/81067\/revisions"}],"predecessor-version":[{"id":82616,"href":"https:\/\/avid-studio.com\/index.php?rest_route=\/wp\/v2\/portfolio\/81067\/revisions\/82616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/avid-studio.com\/index.php?rest_route=\/wp\/v2\/media\/81057"}],"wp:attachment":[{"href":"https:\/\/avid-studio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=81067"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/avid-studio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_category&post=81067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}