[et_pb_section fb_built=“1″ custom_padding_last_edited=“on|phone“ disabled_on=“off|off|off“ _builder_version=“4.16″ _module_preset=“default“ background_image=“https:\/\/www.myfitapp.com\/wp-content\/uploads\/2022\/08\/App-design.png“ transform_scale_tablet=““ transform_scale_phone=“108%|108%“ transform_scale_last_edited=“on|phone“ transform_translate_tablet=““ transform_translate_phone=““ transform_translate_last_edited=“on|phone“ transform_translate_linked_phone=“off“ transform_rotate_tablet=““ transform_rotate_phone=““ transform_rotate_last_edited=“on|phone“ transform_skew_tablet=““ transform_skew_phone=““ transform_skew_last_edited=“on|phone“ transform_origin_tablet=““ transform_origin_phone=““ transform_origin_last_edited=“on|phone“ transform_styles_last_edited=“on|phone“ custom_margin=“||||false|false“ custom_margin_tablet=““ custom_margin_phone=“||||false|false“ custom_margin_last_edited=“on|phone“ custom_padding=“350px||||false|false“ custom_padding_tablet=“150px||||false|false“ custom_padding_phone=“0px||||false|false“ background_last_edited=“on|phone“ background_image_phone=“https:\/\/www.myfitapp.com\/wp-content\/uploads\/2022\/08\/App-design-mobile.png“ background_enable_image_phone=“on“ background_size_tablet=“cover“ background_size_phone=“cover“ background_position_phone=“top_center“ transform_styles_tablet=““ transform_styles_phone=““ global_colors_info=“{}“][et_pb_row disabled_on=“on|off|off“ _builder_version=“4.16″ _module_preset=“default“ transform_scale_last_edited=“off|tablet“ transform_translate_tablet=“0px|-24px“ transform_translate_last_edited=“off|tablet“ transform_translate_linked=“off“ transform_rotate_last_edited=“off|tablet“ transform_skew_last_edited=“off|tablet“ transform_origin_last_edited=“off|tablet“ transform_styles_last_edited=“off|tablet“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.16″ _module_preset=“default“ global_colors_info=“{}“][et_pb_text content_tablet=“<\/p>\n
“ content_phone=““ content_last_edited=“on|phone“ admin_label=“Text“ _builder_version=“4.16″ _module_preset=“default“ transform_translate_linked=“off“ global_colors_info=“{}“]<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=“1″ _builder_version=“4.16″ width=“99.9%“ custom_padding=“16px|||||“ global_colors_info=“{}“][et_pb_row custom_padding_last_edited=“on|tablet“ disabled_on=“off|off|off“ _builder_version=“4.16″ custom_padding=“|200px||200px|false|false“ custom_padding_tablet=“|0px||0px|false|false“ custom_padding_phone=“0px|0px||0px|false|false“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.16″ global_colors_info=“{}“][et_pb_text content_tablet=““ content_phone=“<\/p>\n
“ content_last_edited=“on|phone“ disabled_on=“off|on|on“ admin_label=“Text“ _builder_version=“4.16″ _module_preset=“default“ global_colors_info=“{}“][\/et_pb_text][et_pb_post_title title=“off“ author=“off“ date_format=“j. M Y“ categories=“off“ comments=“off“ featured_image=“off“ disabled_on=“off|off|off“ _builder_version=“4.16″ _module_preset=“default“ locked=“off“ global_colors_info=“{}“][\/et_pb_post_title][et_pb_text _builder_version=“4.16″ _module_preset=“default“ custom_padding=“||25px||false|false“ global_colors_info=“{}“]<\/p>\n
Wenn du eine App f\u00fcr Dein Fitnessstudio designst, fragst Du Dich vielleicht: Wo soll ich anfangen?<\/strong> <\/span><\/p>\n Mach Dir keine Sorgen, wir k\u00fcmmern uns darum<\/strong>, Deine App zu designen und zu erstellen. In Gespr\u00e4chen mit Dir gehen wir gemeinsam alle Punkte durch. Wenn Du Dich aber schon vorher darauf vorbereiten willst, kann Dir dieser Artikel ein paar Gedankenanst\u00f6\u00dfe geben.\u00a0<\/span><\/p>\n Denk dran: Beim Designen einer App gibt es keine festen Regeln<\/strong> – wir haben Dir jedoch ein paar Ideen zusammengestellt, die Dir helfen k\u00f6nnten:<\/span><\/p>\n [\/et_pb_text][et_pb_text content_tablet=“<\/p>\n Bevor du mit dem Design Deiner App beginnst, solltest Du eine User Journey erstellt<\/strong> haben. Damit Du wei\u00dft, wie Du App-Nutzer durch Deine App f\u00fchrst und welche Inhalte auf welcher Unterebene erscheinen sollen.<\/p>\n Du kannst zum Beispiel einfach eine Liste mit den App-Screens und Buttons erstellen<\/strong>, die Du brauchst. So kannst Du besser definieren, wie die einzelnen Abschnitte funktionieren sollen, wie sich ein Nutzer in der App bewegt und vor allem beh\u00e4ltst Du den \u00dcberblick<\/strong>.“ content_phone=“<\/p>\n Bevor du mit dem Design Deiner App beginnst, solltest Du eine User Journey erstellt<\/strong> haben. Damit Du wei\u00dft, wie Du App-Nutzer durch Deine App f\u00fchrst und welche Inhalte auf welcher Unterebene erscheinen sollen.<\/p>\n Du kannst zum Beispiel einfach eine Liste mit den App-Screens und Buttons erstellen<\/strong>, die Du brauchst. So kannst Du besser definieren, wie die einzelnen Abschnitte funktionieren sollen, wie sich ein Nutzer in der App bewegt und vor allem beh\u00e4ltst Du den \u00dcberblick<\/strong>.“ content_last_edited=“on|phone“ _builder_version=“4.16″ custom_padding=“2px||25px||false|false“ custom_padding_tablet=““ custom_padding_phone=““ custom_padding_last_edited=“on|desktop“ global_colors_info=“{}“]<\/p>\n Bevor du mit dem Design Deiner App beginnst, solltest Du eine User Journey erstellt<\/strong> haben. Damit Du wei\u00dft, wie Du App-Nutzer durch Deine App f\u00fchrst und welche Inhalte auf welcher Unterebene erscheinen sollen.<\/p>\n Du kannst zum Beispiel einfach eine Liste mit den App-Screens und Buttons erstellen<\/strong>, die Du brauchst. So kannst Du besser definieren, wie die einzelnen Abschnitte funktionieren sollen, wie sich ein Nutzer in der App bewegt und vor allem beh\u00e4ltst Du den \u00dcberblick<\/strong>.<\/p>\n [\/et_pb_text][et_pb_text content_tablet=“<\/p>\n Es ist wichtig, dass Dein Design konsistent und einheitlich<\/strong> ist. Das Design sollte in der gesamten App einheitlich sein und sich wie ein roter Faden durchziehen.<\/p>\n Bei der Gestaltung einer App gibt es mehrere Elemente Deiner Marke<\/strong>, an denen Du Dich orientieren kannst. Sei Dir deshalb im Klaren \u00fcber folgende Elemente Deines Markendesigns:<\/p>\n So entsteht eine Gesamt\u00e4sthetik<\/strong>, die sich f\u00fcr Deine Nutzer vertraut und angenehm anf\u00fchlt. Das bedeutet nicht, dass jeder Bildschirm gleich aussehen muss – Du kannst bei der Farbpalette und der Wahl des Layouts immer noch kreativ sein<\/strong>, aber Du solltest es auch damit nicht \u00fcbertreiben!“ content_phone=“<\/p>\n Es ist wichtig, dass Dein Design konsistent und einheitlich<\/strong> ist. Das Design sollte in der gesamten App einheitlich sein und sich wie ein roter Faden durchziehen.<\/p>\n Bei der Gestaltung einer App gibt es mehrere Elemente Deiner Marke<\/strong>, an denen Du Dich orientieren kannst. Sei Dir deshalb im Klaren \u00fcber folgende Elemente Deines Markendesigns:<\/p>\n So entsteht eine Gesamt\u00e4sthetik<\/strong>, die sich f\u00fcr Deine Nutzer vertraut und angenehm anf\u00fchlt. Das bedeutet nicht, dass jeder Bildschirm gleich aussehen muss – Du kannst bei der Farbpalette und der Wahl des Layouts immer noch kreativ sein<\/strong>, aber Du solltest es auch damit nicht \u00fcbertreiben!“ content_last_edited=“on|phone“ _builder_version=“4.16″ custom_padding=“2px||25px||false|false“ custom_padding_tablet=““ custom_padding_phone=““ custom_padding_last_edited=“on|desktop“ global_colors_info=“{}“]<\/p>\n Es ist wichtig, dass Dein Design konsistent und einheitlich<\/strong> ist. Das Design sollte in der gesamten App einheitlich sein und sich wie ein roter Faden durchziehen.<\/p>\n Bei der Gestaltung einer App gibt es mehrere Elemente Deiner Marke<\/strong>, an denen Du Dich orientieren kannst. Sei Dir deshalb im Klaren \u00fcber folgende Elemente Deines Markendesigns:<\/p>\n So entsteht eine Gesamt\u00e4sthetik<\/strong>, die sich f\u00fcr Deine Nutzer vertraut und angenehm anf\u00fchlt. Das bedeutet nicht, dass jeder Bildschirm gleich aussehen muss – Du kannst bei der Farbpalette und der Wahl des Layouts immer noch kreativ sein<\/strong>, aber Du solltest es auch damit nicht \u00fcbertreiben!<\/p>\n [\/et_pb_text][et_pb_text content_tablet=“<\/p>\n Einheitliche Abst\u00e4nde zwischen den Elementen, Buttons und Symbolen auf den Screens Deiner App sind wichtig f\u00fcr das Nutzererlebnis<\/strong>.<\/p>\n Wir versuchen die Buttons einheitlich zu platziere<\/strong>n auf jedem Screen, damit die Nutzer nicht jedes Mal, wenn sie die App \u00f6ffnen oder zwischen den Bildschirmen navigieren, nach ihnen suchen m\u00fcssen.<\/p>\n Auch haben wir ein Auge darauf in der gesamten App die gleichen Button Gr\u00f6\u00dfen und Abst\u00e4nde<\/strong> zu verwenden. Durch diese Einheitlichkeit wissen Nutzer, wo sie als n\u00e4chstes klicken sollen<\/strong> – das macht die Nutzung der App einfacher und geschmeidiger.“ content_phone=“<\/p>\n Einheitliche Abst\u00e4nde zwischen den Elementen, Buttons und Symbolen auf den Screens Deiner App sind wichtig f\u00fcr das Nutzererlebnis<\/strong>.<\/p>\n Wir versuchen die Buttons einheitlich zu platziere<\/strong>n auf jedem Screen, damit die Nutzer nicht jedes Mal, wenn sie die App \u00f6ffnen oder zwischen den Bildschirmen navigieren, nach ihnen suchen m\u00fcssen.<\/p>\n Auch haben wir ein Auge darauf in der gesamten App die gleichen Button Gr\u00f6\u00dfen und Abst\u00e4nde<\/strong> zu verwenden. Durch diese Einheitlichkeit wissen Nutzer, wo sie als n\u00e4chstes klicken sollen<\/strong> – das macht die Nutzung der App einfacher und geschmeidiger.“ content_last_edited=“on|phone“ _builder_version=“4.16″ custom_padding=“2px||25px||false|false“ custom_padding_tablet=““ custom_padding_phone=““ custom_padding_last_edited=“on|desktop“ global_colors_info=“{}“]<\/p>\n Einheitliche Abst\u00e4nde zwischen den Elementen, Buttons und Symbolen auf den Screens Deiner App sind wichtig f\u00fcr das Nutzererlebnis<\/strong>.<\/p>\n Wir versuchen die Buttons einheitlich zu platziere<\/strong>n auf jedem Screen, damit die Nutzer nicht jedes Mal, wenn sie die App \u00f6ffnen oder zwischen den Bildschirmen navigieren, nach ihnen suchen m\u00fcssen.<\/p>\n Auch haben wir ein Auge darauf in der gesamten App die gleichen Button Gr\u00f6\u00dfen und Abst\u00e4nde<\/strong> zu verwenden. Durch diese Einheitlichkeit wissen Nutzer, wo sie als n\u00e4chstes klicken sollen<\/strong> – das macht die Nutzung der App einfacher und geschmeidiger.<\/p>\n [\/et_pb_text][et_pb_text content_tablet=“<\/p>\n Das Bildmaterial sollte Dein Studio repr\u00e4sentieren<\/strong> und Nutzern helfen, Deine Produkte und Dienstleistungen zu verstehen<\/strong>.<\/p>\n Du kannst Fotos von Deinem Studio<\/strong> und Deinen Mitarbeitern und Trainern nutzen, damit Nicht-Mitglieder einen ersten Eindruck bekommen. Eine andere M\u00f6glichkeit sind Stock-Fotos, die Du kaufen kannst. Beachte dabei jedoch, dass solche Bilder schnell unpers\u00f6nlich wirken k\u00f6nnen.<\/p>\n Es kann helfen, bei der Auswahl der Bilder ein zweites Augenpaar mitentscheiden<\/strong> zu lassen.“ content_phone=“<\/p>\n Das Bildmaterial sollte Dein Studio repr\u00e4sentieren<\/strong> und Nutzern helfen, Deine Produkte und Dienstleistungen zu verstehen<\/strong>.<\/p>\n Du kannst Fotos von Deinem Studio<\/strong> und Deinen Mitarbeitern und Trainern nutzen, damit Nicht-Mitglieder einen ersten Eindruck bekommen. Eine andere M\u00f6glichkeit sind Stock-Fotos, die Du kaufen kannst. Beachte dabei jedoch, dass solche Bilder schnell unpers\u00f6nlich wirken k\u00f6nnen.<\/p>\n Es kann helfen, bei der Auswahl der Bilder ein zweites Augenpaar mitentscheiden<\/strong> zu lassen.“ content_last_edited=“on|phone“ _builder_version=“4.16″ custom_padding=“2px||25px||false|false“ custom_padding_tablet=““ custom_padding_phone=““ custom_padding_last_edited=“on|desktop“ global_colors_info=“{}“]<\/p>\n Das Bildmaterial sollte Dein Studio repr\u00e4sentieren<\/strong> und Nutzern helfen, Deine Produkte und Dienstleistungen zu verstehen<\/strong>.<\/p>\n Du kannst Fotos von Deinem Studio<\/strong> und Deinen Mitarbeitern und Trainern nutzen, damit Nicht-Mitglieder einen ersten Eindruck bekommen. Eine andere M\u00f6glichkeit sind Stock-Fotos, die Du kaufen kannst. Beachte dabei jedoch, dass solche Bilder schnell unpers\u00f6nlich wirken k\u00f6nnen.<\/p>\n Es kann helfen, bei der Auswahl der Bilder ein zweites Augenpaar mitentscheiden<\/strong> zu lassen.<\/p>\n [\/et_pb_text][et_pb_text content_tablet=“<\/p>\n Die Planung Deiner App ist wichtig, aber dabei geht es nicht nur um das Produkt<\/strong>. Bei einer guten Planung geht es um die User Journey<\/strong>, und die beginnt schon, bevor wir mit dem Design Deiner App beginnen.<\/p>\n \u00dcberlege, welche Probleme Deiner Mitglieder Du mit der App l\u00f6sen willst<\/strong>, wer Deine Mitglieder haupts\u00e4chlich sind (Alter, Geschlecht etc.) und wie Du sie l\u00f6sen willst.<\/p>\n Wenn Du Dir \u00fcber ein paar dieser Punkte im Klaren bist, k\u00f6nnen wir im schnell und ohne gro\u00dfe Hinternisse Dein App-Design erstellen und so gemeinsam auf dieses Ziel hinarbeiten<\/strong>!“ content_phone=“<\/p>\n Die Planung Deiner App ist wichtig, aber dabei geht es nicht nur um das Produkt<\/strong>. Bei einer guten Planung geht es um die User Journey<\/strong>, und die beginnt schon, bevor wir mit dem Design Deiner App beginnen.<\/p>\n \u00dcberlege, welche Probleme Deiner Mitglieder Du mit der App l\u00f6sen willst<\/strong>, wer Deine Mitglieder haupts\u00e4chlich sind (Alter, Geschlecht etc.) und wie Du sie l\u00f6sen willst.<\/p>\n Wenn Du Dir \u00fcber ein paar dieser Punkte im Klaren bist, k\u00f6nnen wir im schnell und ohne gro\u00dfe Hinternisse Dein App-Design erstellen und so gemeinsam auf dieses Ziel hinarbeiten<\/strong>!“ content_last_edited=“on|phone“ _builder_version=“4.16″ custom_padding=“2px||25px||false|false“ custom_padding_tablet=““ custom_padding_phone=““ custom_padding_last_edited=“on|desktop“ global_colors_info=“{}“]<\/p>\n Die Planung Deiner App ist wichtig, aber dabei geht es nicht nur um das Produkt<\/strong>. Bei einer guten Planung geht es um die User Journey<\/strong>, und die beginnt schon, bevor wir mit dem Design Deiner App beginnen.<\/p>\n \u00dcberlege, welche Probleme Deiner Mitglieder Du mit der App l\u00f6sen willst<\/strong>, wer Deine Mitglieder haupts\u00e4chlich sind (Alter, Geschlecht etc.) und wie Du sie l\u00f6sen willst.<\/p>\n Wenn Du Dir \u00fcber ein paar dieser Punkte im Klaren bist, k\u00f6nnen wir im schnell und ohne gro\u00dfe Hinternisse Dein App-Design erstellen und so\u00a0gemeinsam auf dieses Ziel hinarbeiten<\/strong>!<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=“on|desktop“ _builder_version=“4.16″ custom_padding=“|199px||200px|false|false“ custom_padding_tablet=“|0px||0px|false|false“ custom_padding_phone=“0px|0px||0px|false|false“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.16″ global_colors_info=“{}“][et_pb_cta title=“Kontaktiere uns!“ button_url=“https:\/\/www.myfitapp.com\/de\/anfrage“ url_new_window=“on“ button_text=“Schreib uns“ content_tablet=“ Wenn Du mehr \u00fcber myFitApp@home erfahren willst, stehen wir Dir jederzeit zur Verf\u00fcgung! “ content_phone=“ Wenn Du mehr \u00fcber myFitApp@home und Wexer erfahren willst: “ content_last_edited=“off|desktop“ disabled_on=“off|off|off“ admin_label=“Call To Action“ _builder_version=“4.16″ header_font=“||||||||“ header_text_align=“left“ header_text_color=“gcid-3620d99d-849e-44e6-b760-f25cabcdb89f“ body_text_align=“left“ button_alignment=“center“ background_layout=“light“ module_alignment=“left“ custom_padding=“30px|30px|30px|30px|true|true“ border_radii=“on|11px|11px|11px|11px“ border_color_all=“rgba(0,0,0,0)“ box_shadow_style=“preset1″ locked=“off“ global_colors_info=“{%22gcid-3620d99d-849e-44e6-b760-f25cabcdb89f%22:%91%22header_text_color%22%93}“ button_text_color__hover_enabled=“on|hover“ button_text_color__hover=“#ffffff“ button_bg_color__hover_enabled=“on|hover“ button_bg_color__hover=“#0b71c2″ button_bg_enable_color__hover=“on“]<\/p>\n Du wei\u00dft jetzt, welche Punkte im Design-Prozess einer App wichtig sind. Melde Dich bei uns, damit wir Dir zeigen, wie wir Dich unterst\u00fctzen k\u00f6nnen, mit myFitApp zu starten und Dein Unternehmen zu transformieren.<\/span><\/p>\n [\/et_pb_cta][et_pb_text admin_label=“Text“ _builder_version=“4.16″ custom_margin=“80px||||false|false“ custom_margin_tablet=“80px||||false|false“ custom_margin_phone=““ custom_margin_last_edited=“on|phone“ locked=“off“ global_colors_info=“{}“]<\/p>\n\u00dcberlege Dir eine User Journey<\/h2>\n
\u00dcberlege Dir eine User Journey<\/h3>\n
\u00dcberlege Dir eine User Journey<\/h2>\n
Nutze das Design Deiner Marke<\/h2>\n
\n
\n
\n
Nutze das Design Deiner Marke<\/h3>\n
\n
\n
\n
Nutze das Design Deiner Marke<\/h2>\n
\n
\n
\n
Halte es ordentlich und einfach<\/h2>\n
Halte es ordentlich und einfach<\/h3>\n
Halte es ordentlich und einfach<\/h2>\n
Nutze Bildmaterial<\/h2>\n
Nutze Bildmaterial<\/h3>\n
Nutze Bildmaterial<\/h2>\n
Planung macht den Unterschied<\/h2>\n
Planung macht den Unterschied<\/h3>\n
Planung macht den Unterschied<\/h2>\n