{"id":1603,"date":"2020-06-10T16:23:03","date_gmt":"2020-06-10T14:23:03","guid":{"rendered":"https:\/\/codography.ch\/?post_type=project&#038;p=1603"},"modified":"2021-09-12T18:59:14","modified_gmt":"2021-09-12T16:59:14","slug":"x-fit","status":"publish","type":"project","link":"https:\/\/codography.ch\/en\/project\/x-fit\/","title":{"rendered":"X FITT"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.4.8&#8243; background_color=&#8221;#F20732&#8243; custom_width_px__hover=&#8221;1080px&#8221; custom_width_px__hover_enabled=&#8221;1080px&#8221; custom_width_percent__hover=&#8221;80%&#8221; custom_width_percent__hover_enabled=&#8221;80%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; parallax_1__hover=&#8221;off&#8221; parallax_1__hover_enabled=&#8221;off&#8221; parallax_2__hover=&#8221;off&#8221; parallax_2__hover_enabled=&#8221;off&#8221; parallax_3__hover=&#8221;off&#8221; parallax_3__hover_enabled=&#8221;off&#8221; parallax_method_1__hover=&#8221;on&#8221; parallax_method_1__hover_enabled=&#8221;on&#8221; parallax_method_2__hover=&#8221;on&#8221; parallax_method_2__hover_enabled=&#8221;on&#8221; parallax_method_3__hover=&#8221;on&#8221; parallax_method_3__hover_enabled=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; use_background_color_gradient__hover_enabled=&#8221;off&#8221; background_color_gradient_start__hover=&#8221;#2b87da&#8221; background_color_gradient_start__hover_enabled=&#8221;#2b87da&#8221; background_color_gradient_end__hover=&#8221;#29c4a9&#8243; background_color_gradient_end__hover_enabled=&#8221;#29c4a9&#8243; background_color_gradient_type__hover=&#8221;linear&#8221; background_color_gradient_type__hover_enabled=&#8221;linear&#8221; background_color_gradient_direction__hover=&#8221;180deg&#8221; background_color_gradient_direction__hover_enabled=&#8221;180deg&#8221; background_color_gradient_direction_radial__hover=&#8221;center&#8221; background_color_gradient_direction_radial__hover_enabled=&#8221;center&#8221; background_color_gradient_start_position__hover=&#8221;0%&#8221; background_color_gradient_start_position__hover_enabled=&#8221;0%&#8221; background_color_gradient_end_position__hover=&#8221;100%&#8221; background_color_gradient_end_position__hover_enabled=&#8221;100%&#8221; background_color_gradient_overlays_image__hover=&#8221;off&#8221; background_color_gradient_overlays_image__hover_enabled=&#8221;off&#8221; parallax__hover=&#8221;off&#8221; parallax__hover_enabled=&#8221;off&#8221; parallax_method__hover=&#8221;on&#8221; parallax_method__hover_enabled=&#8221;on&#8221; background_size__hover=&#8221;cover&#8221; background_size__hover_enabled=&#8221;cover&#8221; background_position__hover=&#8221;center&#8221; background_position__hover_enabled=&#8221;center&#8221; background_repeat__hover=&#8221;no-repeat&#8221; background_repeat__hover_enabled=&#8221;no-repeat&#8221; background_blend__hover=&#8221;normal&#8221; background_blend__hover_enabled=&#8221;normal&#8221; allow_player_pause__hover=&#8221;off&#8221; allow_player_pause__hover_enabled=&#8221;off&#8221; background_video_pause_outside_viewport__hover=&#8221;on&#8221; background_video_pause_outside_viewport__hover_enabled=&#8221;on&#8221; inner_shadow__hover=&#8221;off&#8221; inner_shadow__hover_enabled=&#8221;off&#8221; make_fullwidth__hover=&#8221;off&#8221; make_fullwidth__hover_enabled=&#8221;off&#8221; use_custom_width__hover=&#8221;off&#8221; use_custom_width__hover_enabled=&#8221;off&#8221; width_unit__hover=&#8221;on&#8221; width_unit__hover_enabled=&#8221;on&#8221; make_equal__hover=&#8221;off&#8221; make_equal__hover_enabled=&#8221;off&#8221; use_custom_gutter__hover=&#8221;off&#8221; use_custom_gutter__hover_enabled=&#8221;off&#8221; border_radii__hover=&#8221;on||||&#8221; border_radii__hover_enabled=&#8221;on||||&#8221; box_shadow_style__hover=&#8221;none&#8221; box_shadow_style__hover_enabled=&#8221;none&#8221; box_shadow_color__hover=&#8221;rgba(0,0,0,0.3)&#8221; box_shadow_color__hover_enabled=&#8221;rgba(0,0,0,0.3)&#8221; max_width__hover=&#8221;100%&#8221; max_width__hover_enabled=&#8221;100%&#8221; filter_hue_rotate__hover=&#8221;0deg&#8221; filter_hue_rotate__hover_enabled=&#8221;0deg&#8221; filter_saturate__hover=&#8221;100%&#8221; filter_saturate__hover_enabled=&#8221;100%&#8221; filter_brightness__hover=&#8221;100%&#8221; filter_brightness__hover_enabled=&#8221;100%&#8221; filter_contrast__hover=&#8221;100%&#8221; filter_contrast__hover_enabled=&#8221;100%&#8221; filter_invert__hover=&#8221;0%&#8221; filter_invert__hover_enabled=&#8221;0%&#8221; filter_sepia__hover=&#8221;0%&#8221; filter_sepia__hover_enabled=&#8221;0%&#8221; filter_opacity__hover=&#8221;100%&#8221; filter_opacity__hover_enabled=&#8221;100%&#8221; filter_blur__hover=&#8221;0px&#8221; filter_blur__hover_enabled=&#8221;0px&#8221; mix_blend_mode__hover=&#8221;normal&#8221; mix_blend_mode__hover_enabled=&#8221;normal&#8221; animation_style__hover=&#8221;none&#8221; animation_style__hover_enabled=&#8221;none&#8221; animation_repeat__hover=&#8221;once&#8221; animation_repeat__hover_enabled=&#8221;once&#8221; animation_direction__hover=&#8221;center&#8221; animation_direction__hover_enabled=&#8221;center&#8221; animation_duration__hover=&#8221;1000ms&#8221; animation_duration__hover_enabled=&#8221;1000ms&#8221; animation_delay__hover=&#8221;0ms&#8221; animation_delay__hover_enabled=&#8221;0ms&#8221; animation_intensity_slide__hover=&#8221;50%&#8221; animation_intensity_slide__hover_enabled=&#8221;50%&#8221; animation_intensity_zoom__hover=&#8221;50%&#8221; animation_intensity_zoom__hover_enabled=&#8221;50%&#8221; animation_intensity_flip__hover=&#8221;50%&#8221; animation_intensity_flip__hover_enabled=&#8221;50%&#8221; animation_intensity_fold__hover=&#8221;50%&#8221; animation_intensity_fold__hover_enabled=&#8221;50%&#8221; animation_intensity_roll__hover=&#8221;50%&#8221; animation_intensity_roll__hover_enabled=&#8221;50%&#8221; animation_starting_opacity__hover=&#8221;0%&#8221; animation_starting_opacity__hover_enabled=&#8221;0%&#8221; animation_speed_curve__hover=&#8221;ease-in-out&#8221; animation_speed_curve__hover_enabled=&#8221;ease-in-out&#8221; hover_transition_duration__hover=&#8221;300ms&#8221; hover_transition_duration__hover_enabled=&#8221;300ms&#8221; hover_transition_delay__hover=&#8221;0ms&#8221; hover_transition_delay__hover_enabled=&#8221;0ms&#8221; hover_transition_speed_curve__hover=&#8221;ease&#8221; hover_transition_speed_curve__hover_enabled=&#8221;ease&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; saved_specialty_column_type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; parallax__hover=&#8221;off&#8221; parallax_method__hover=&#8221;on&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_divider color=&#8221;#f1f1f1&#8243; divider_weight=&#8221;16px&#8221; _builder_version=&#8221;4.4.8&#8243; max_width=&#8221;48px&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_font=&#8221;|600|||||||&#8221; header_text_color=&#8221;#f1f1f1&#8243; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.3em&#8221; text_orientation=&#8221;center&#8221; header_font_size_tablet=&#8221;30px&#8221; header_font_size_phone=&#8221;24px&#8221; header_font_size_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>UX concept for<br \/>Fitness App<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#f1f1f1&#8243; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;2em&#8221; header_font=&#8221;Poppins|600|||||||&#8221; header_font_size=&#8221;40px&#8221; header_line_height=&#8221;1.3em&#8221; text_orientation=&#8221;center&#8221; width=&#8221;940px&#8221; max_width=&#8221;940px&#8221; module_alignment=&#8221;center&#8221; text_font_size_tablet=&#8221;16px&#8221; text_font_size_phone=&#8221;14px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Social network Fitness centre app, we created this app during the crisis (COVID 19) that we are living, we like to engage in creating the concepts and app design for the fitness centre, It helps us to get to know other market users and increasing the knowledge.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Preview&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;||||false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; top_divider_style=&#8221;arrow&#8221; top_divider_color=&#8221;#F20732&#8243; top_divider_height=&#8221;367px&#8221; top_divider_repeat=&#8221;0x&#8221; bottom_divider_style=&#8221;slant&#8221; bottom_divider_color=&#8221;#151515&#8243; bottom_divider_height=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.4.8&#8243; width=&#8221;57%&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/hero-image-Xfit.png&#8221; title_text=&#8221;hero-image-Xfit&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Details&#8221; _builder_version=&#8221;4.4.8&#8243; background_color=&#8221;#151515&#8243; custom_margin=&#8221;||||false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#f1f1f1&#8243; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_text_color=&#8221;#f1f1f1&#8243; header_2_font_size=&#8221;52px&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; custom_padding=&#8221;120px||||false|false&#8221; custom_padding_tablet=&#8221;0px||||false|false&#8221; custom_padding_phone=&#8221;40px||||false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; header_2_font_size_tablet=&#8221;36px&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Starting Position<\/h2>\n<p>We took that to the Fitness and workout field after we faced the problem in the pandemic time COVID-19. The indoor places restrict with the specific of people&#8217;s amount and and distance between each other. that not easy to manage it. it need to invest more time and effort to make everyone safe. As a result of that, we start creating the app concept which makes the automatic calculation of the people inside the gym and people already planned to go to the gym. In addition, there is a restricted social platform just for the people which they are a member in that fitness centre. the Goal is to Narrows the number of people inside the sports centre and make them safe.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/projectOverview.png&#8221; title_text=&#8221;projectOverview&#8221; _builder_version=&#8221;4.4.8&#8243; background_enable_color=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Strategy&#8221; _builder_version=&#8221;4.4.8&#8243; background_color=&#8221;#151515&#8243; custom_margin=&#8221;||||false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.4.8&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#f1f1f1&#8243; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_text_color=&#8221;#f1f1f1&#8243; header_2_font_size=&#8221;52px&#8221; header_2_line_height=&#8221;1.6em&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; header_2_font_size_tablet=&#8221;36px&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|desktop&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div style=\"text-align:center;\">\n<h2 >Prioritizing Feature<\/h2>\n<\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_6,1_6,1_6&#8243; _builder_version=&#8221;4.4.8&#8243; width=&#8221;auto&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/Prioritizing-01.png&#8221; title_text=&#8221;Prioritizing-01&#8243; _builder_version=&#8221;4.4.8&#8243; max_width=&#8221;100%&#8221; custom_margin=&#8221;||||false|false&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; custom_padding=&#8221;|240px||240px|true|true&#8221; custom_padding_tablet=&#8221;|150px||150px|true|true&#8221; custom_padding_phone=&#8221;|50px||50px|true|true&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; custom_margin__hover_enabled=&#8221;off|desktop&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_font_size=&#8221;22px&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;50%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;78px|||-254px|false|false&#8221; custom_margin_tablet=&#8221;0px|||0px|false|false&#8221; custom_margin_phone=&#8221;|||3rem|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;|||0px|false|false&#8221; custom_padding_tablet=&#8221;|||32px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; header_2_font_size_tablet=&#8221;24px&#8221; header_2_font_size_phone=&#8221;18px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Must Have<\/h2>\n<p>&#8211; User-friendly interface<br \/>\n&#8211; Automatic tracking<br \/>\n&#8211; Brand establishment<br \/>\n&#8211; Means to contact Business<br \/>\n&#8211; Notification Center<br \/>\n&#8211; Clear Navigation<br \/>\n&#8211; Generate contacts<br \/>\n&#8211; Status of GYM(No. Of people)<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_font_size=&#8221;22px&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;50%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;79px|||-254px||&#8221; custom_margin_tablet=&#8221;0px|||0px|false|false&#8221; custom_margin_phone=&#8221;|||3rem|false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; header_2_font_size_tablet=&#8221;24px&#8221; header_2_font_size_phone=&#8221;18px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Should Have<\/h2>\n<p>&#8211; Time Booking<br \/>\n&#8211; Fitness Analytics before &#038; after<br \/>\n&#8211; Loyalty program<br \/>\n&#8211; Gamification<br \/>\n&#8211; Altimeter<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_font_size=&#8221;22px&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;74%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;79px|||-254px||&#8221; custom_margin_tablet=&#8221;0px|||0px|false|false&#8221; custom_margin_phone=&#8221;|||3rem|false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;|32px|||false|false&#8221; header_2_font_size_tablet=&#8221;24px&#8221; header_2_font_size_phone=&#8221;18px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Won\u2019t Have \u201cFor Now\u201d<\/h2>\n<p>&#8211; Integrate geolocation (privacy Highlight)<br \/>\n&#8211; Multi-device synchronization<br \/>\n&#8211; Social Media Sharing<br \/>\n&#8211; Private Online consultation &#038; chat<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;User Experience&#8221; _builder_version=&#8221;4.4.8&#8243; background_color=&#8221;#151515&#8243; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;||||false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;||||false|true&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_3,2_3&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#f1f1f1&#8243; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_text_color=&#8221;#f1f1f1&#8243; header_2_font_size=&#8221;52px&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; header_2_font_tablet=&#8221;&#8221; header_2_font_phone=&#8221;&#8221; header_2_font_last_edited=&#8221;on|phone&#8221; header_2_font_size_tablet=&#8221;36px&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>User Flow<\/h2>\n<p>So to create a more seamless user experience, we focus on the experience and needs of the user not the small design details on the screens to have the best paths experience. Usually in the beginning we made the sketch in paper with a detailed view of user flow.\n<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_class=&#8221; et_pb_row_fullwidth&#8221; _builder_version=&#8221;3.25&#8243; width=&#8221;89%&#8221; width_tablet=&#8221;80%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|desktop&#8221; max_width=&#8221;89%&#8221; max_width_tablet=&#8221;80%&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|desktop&#8221; make_fullwidth=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/User-Flow.svg&#8221; title_text=&#8221;User-Flow&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_padding=&#8221;5vh|453px|21vh|153px|false|false&#8221; custom_padding_tablet=&#8221;0vh|0px|10vh|0px|false|true&#8221; custom_padding_phone=&#8221;||0vh||false|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#f1f1f1&#8243; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_text_color=&#8221;#f1f1f1&#8243; header_2_font_size=&#8221;52px&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; header_2_font_size_tablet=&#8221;36px&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>User Expectations<\/h2>\n<p>Every user has a set of expectations regarding your product (app, website, new feature, etc.) before they start using it. A good design not only fulfils expectations but also sets and manages them. A bad one does the same, but in a \u201cBadly\u201d fashion. We focus on the quantitative data about what users expect when they use the app,\n<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_5,1_5,1_5,1_5,1_5&#8243; _builder_version=&#8221;4.4.8&#8243; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_circle_counter title=&#8221;Tracking Activity&#8221; number=&#8221;82&#8243; bar_bg_color=&#8221;#F20732&#8243; circle_color=&#8221;#000000&#8243; circle_color_alpha=&#8221;0.4&#8243; _builder_version=&#8221;4.4.8&#8243; title_text_color=&#8221;#f1f1f1&#8243; number_text_color=&#8221;#727272&#8243; number_font_size=&#8221;28px&#8221; max_width=&#8221;150px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_circle_counter title=&#8221;Exercises update&#8221; number=&#8221;35&#8243; bar_bg_color=&#8221;#F20732&#8243; circle_color=&#8221;#000000&#8243; circle_color_alpha=&#8221;0.4&#8243; _builder_version=&#8221;4.4.8&#8243; title_text_color=&#8221;#f1f1f1&#8243; number_text_color=&#8221;#727272&#8243; number_font_size=&#8221;28px&#8221; max_width=&#8221;150px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_circle_counter title=&#8221;Reasonable resource consumption&#8221; number=&#8221;43&#8243; bar_bg_color=&#8221;#F20732&#8243; circle_color=&#8221;#000000&#8243; circle_color_alpha=&#8221;0.4&#8243; _builder_version=&#8221;4.4.8&#8243; title_text_color=&#8221;#f1f1f1&#8243; number_text_color=&#8221;#727272&#8243; number_font_size=&#8221;28px&#8221; max_width=&#8221;150px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_5,1_5,1_5,1_5,1_5&#8243; _builder_version=&#8221;4.4.8&#8243; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_circle_counter title=&#8221;Follow up&#8221; number=&#8221;68&#8243; bar_bg_color=&#8221;#F20732&#8243; circle_color=&#8221;#000000&#8243; circle_color_alpha=&#8221;0.4&#8243; _builder_version=&#8221;4.4.8&#8243; title_text_color=&#8221;#f1f1f1&#8243; number_text_color=&#8221;#727272&#8243; number_font_size=&#8221;28px&#8221; max_width=&#8221;150px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_circle_counter title=&#8221;Does what it says&#8221; number=&#8221;27&#8243; bar_bg_color=&#8221;#F20732&#8243; circle_color=&#8221;#000000&#8243; circle_color_alpha=&#8221;0.4&#8243; _builder_version=&#8221;4.4.8&#8243; title_text_color=&#8221;#f1f1f1&#8243; number_text_color=&#8221;#727272&#8243; number_font_size=&#8221;28px&#8221; max_width=&#8221;150px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_circle_counter title=&#8221;One Time Login&#8221; number=&#8221;76&#8243; bar_bg_color=&#8221;#F20732&#8243; circle_color=&#8221;#000000&#8243; circle_color_alpha=&#8221;0.4&#8243; _builder_version=&#8221;4.4.8&#8243; title_text_color=&#8221;#f1f1f1&#8243; number_text_color=&#8221;#727272&#8243; number_font_size=&#8221;28px&#8221; max_width=&#8221;150px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Visual Design&#8221; _builder_version=&#8221;4.4.8&#8243; background_color=&#8221;#151515&#8243; custom_margin=&#8221;||150px||false|true&#8221; custom_margin_tablet=&#8221;||0px&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;50px|0px|50px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_font_size=&#8221;52px&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; header_2_font_size_tablet=&#8221;36px&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Style Guide<\/h2>\n<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,1_4,1_4,1_4&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;Red&#8221; image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/pink-red.png&#8221; _builder_version=&#8221;4.4.8&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;Lato|700||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;3px&#8221; header_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;70%&#8221; border_radii_image=&#8221;on|100px|100px|100px|100px&#8221; box_shadow_style_image=&#8221;preset3&#8243; box_shadow_blur_image=&#8221;68px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;BLUE&#8221; image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/blue.png&#8221; _builder_version=&#8221;4.4.8&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;Lato|700||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;3px&#8221; header_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;70%&#8221; border_radii_image=&#8221;on|100px|100px|100px|100px&#8221; box_shadow_style_image=&#8221;preset3&#8243; box_shadow_blur_image=&#8221;68px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;Dark Blue&#8221; image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/dark-blue.png&#8221; _builder_version=&#8221;4.4.8&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;Lato|700||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;3px&#8221; header_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;70%&#8221; border_radii_image=&#8221;on|100px|100px|100px|100px&#8221; box_shadow_style_image=&#8221;preset3&#8243; box_shadow_blur_image=&#8221;68px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_font_size=&#8221;13px&#8221; text_line_height=&#8221;2em&#8221; header_font=&#8221;||||||||&#8221; header_font_size=&#8221;130px&#8221; header_2_font=&#8221;||||||||&#8221; header_2_font_size=&#8221;32px&#8221; header_2_letter_spacing=&#8221;0.5px&#8221; header_2_line_height=&#8221;2em&#8221; header_3_font=&#8221;||||||||&#8221; header_3_font_size=&#8221;24px&#8221; header_3_letter_spacing=&#8221;0.5px&#8221; header_3_line_height=&#8221;2em&#8221; header_4_font=&#8221;||||||||&#8221; header_4_font_size=&#8221;16px&#8221; header_4_letter_spacing=&#8221;0.5px&#8221; header_4_line_height=&#8221;2em&#8221; header_5_font=&#8221;|700||on|||||&#8221; header_5_font_size=&#8221;13px&#8221; header_5_letter_spacing=&#8221;2px&#8221; header_5_line_height=&#8221;3em&#8221; background_color=&#8221;#ffffff&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#F20732&#8243; background_color_gradient_end=&#8221;#025373&#8243; background_color_gradient_direction=&#8221;153deg&#8221; background_color_gradient_start_position=&#8221;23%&#8221; background_color_gradient_end_position=&#8221;67%&#8221; text_orientation=&#8221;justified&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;|||&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; custom_padding=&#8221;30px|40px|30px|40px&#8221; animation_style=&#8221;roll&#8221; animation_intensity_roll=&#8221;1%&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_blur=&#8221;60px&#8221; box_shadow_color=&#8221;rgba(71,74,182,0.12)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Aa<\/h1>\n<h2>Sofia pro<\/h2>\n<h3>Light, Regular &#038; Bold<\/h3>\n<p>Sofia pro is used as the standard font. This is used for the headings as well as for the body text. It includes the well thought-out and conscious selection of fonts, point size, line length, line spacing, tracking, kerning, color and all elements that can influence a design. Sofia pro is a sans serif typeface family, Warmth: It comes from the semicircular details of the letters, Strong structure: this gives stability and seriousness, and It is a coquettish, friendly and versatile typeface.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/Final_Product.png&#8221; title_text=&#8221;Final_Product&#8221; show_bottom_space=&#8221;off&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;||-150px&#8221; custom_margin_tablet=&#8221;||0px|&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;10vw||40px|&#8221; custom_padding_tablet=&#8221;0px||&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#f1f1f1&#8243; text_line_height=&#8221;2em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#3fd3ce&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_text_color=&#8221;#f1f1f1&#8243; header_2_font_size=&#8221;52px&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Poppins|600|||||||&#8221; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;1.6em&#8221; background_layout=&#8221;dark&#8221; header_2_font_size_tablet=&#8221;36px&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|desktop&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;16px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Final Product<\/h2>\n<p>In the end and after all the stage we were in it &#8220;Research, user Flow, wireframe and design UI with prototype&#8221;  we have the final product ready.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_text_color=&#8221;#f1f1f1&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>If you would like to see the entire product, please check out our Behance page <a href=\"https:\/\/www.behance.net\/gallery\/98529439\/Mobile-app-concept-for-fitness-Centeradobeofficehour\">Click Here<\/a>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Salutation&#8221; _builder_version=&#8221;3.22&#8243; custom_padding=&#8221;54px|0px|0|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_font=&#8221;Poppins|600|||||||&#8221; header_font_size=&#8221;40px&#8221; header_line_height=&#8221;1.3em&#8221; header_2_font=&#8221;|600|||||||&#8221; header_2_font_size=&#8221;32px&#8221; header_2_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;700px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||2px|||&#8221; header_2_font_size_tablet=&#8221;24px&#8221; header_2_font_size_phone=&#8221;18px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Thanks for Reading!<\/h2>\n<p>[\/et_pb_text][et_pb_social_media_follow icon_color=&#8221;#151515&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;13px&#8221; _builder_version=&#8221;4.8.1&#8243; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; icon_color__hover_enabled=&#8221;on|desktop&#8221; icon_color__hover=&#8221;#F7B500&#8243;][et_pb_social_media_follow_network social_network=&#8221;facebook&#8221; url=&#8221;https:\/\/www.facebook.com\/codography.ch&#8221; icon_color=&#8221;#151515&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;26px&#8221; _builder_version=&#8221;4.8.1&#8243; global_colors_info=&#8221;{}&#8221; icon_color__hover_enabled=&#8221;on|hover&#8221; icon_color__hover=&#8221;#F7B500&#8243; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;instagram&#8221; url=&#8221;https:\/\/www.instagram.com\/codography.ch\/&#8221; icon_color=&#8221;#151515&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;27px&#8221; _builder_version=&#8221;4.8.1&#8243; global_colors_info=&#8221;{}&#8221; icon_color__hover_enabled=&#8221;on|hover&#8221; icon_color__hover=&#8221;#F7B500&#8243; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]instagram[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_portfolio include_categories=&#8221;132,12&#8243; posts_number=&#8221;6&#8243; _builder_version=&#8221;4.8.1&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_portfolio][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Social network Fitness centre app, we created this app during the crisis (COVID 19) that we are living now, we like to engage in creating the concepts and app design for the fitness centre, It helps us to get to know other market users and increasing the knowledge.<\/p>\n","protected":false},"author":1,"featured_media":906,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"project_category":[],"project_tag":[],"class_list":["post-1603","project","type-project","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>X FITT - codography | Creative Agency<\/title>\n<meta name=\"description\" content=\"Social network Fitness centre app, we created this app during the crisis (COVID 19) that we are living now, we like to engage in creating the concepts and app design for the fitness centre, It helps us to get to know other market users and increasing the knowledge. codography | Creative Agency\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codography.ch\/project\/x-fit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"codography | Creative Agency X FITT\" \/>\n<meta property=\"og:description\" content=\"codography | Creative Agency\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codography.ch\/project\/x-fit\/\" \/>\n<meta property=\"og:site_name\" content=\"codography | Creative Agency\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codography.ch\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-12T16:59:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-xfit-img.png\" \/>\n\t<meta property=\"og:image:width\" content=\"387\" \/>\n\t<meta property=\"og:image:height\" content=\"285\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/x-fit\\\/\",\"url\":\"https:\\\/\\\/codography.ch\\\/project\\\/x-fit\\\/\",\"name\":\"X FITT - codography | Creative Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/x-fit\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/x-fit\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/feature-xfit-img.png\",\"datePublished\":\"2020-06-10T14:23:03+00:00\",\"dateModified\":\"2021-09-12T16:59:14+00:00\",\"description\":\"Social network Fitness centre app, we created this app during the crisis (COVID 19) that we are living now, we like to engage in creating the concepts and app design for the fitness centre, It helps us to get to know other market users and increasing the knowledge. codography | Creative Agency\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/x-fit\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codography.ch\\\/project\\\/x-fit\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/x-fit\\\/#primaryimage\",\"url\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/feature-xfit-img.png\",\"contentUrl\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/feature-xfit-img.png\",\"width\":387,\"height\":285,\"caption\":\"xfit ux concept\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/x-fit\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codography.ch\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/codography.ch\\\/project\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"X FITT\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codography.ch\\\/#website\",\"url\":\"https:\\\/\\\/codography.ch\\\/\",\"name\":\"codography | Creative Agency\",\"description\":\"Creative Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codography.ch\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codography.ch\\\/#organization\",\"name\":\"codography\",\"url\":\"https:\\\/\\\/codography.ch\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codography.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/fivicon.svg\",\"contentUrl\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/fivicon.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"codography\"},\"image\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/codography.ch\",\"https:\\\/\\\/www.instagram.com\\\/codography.ch\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"X FITT - codography | Creative Agency","description":"Social network Fitness centre app, we created this app during the crisis (COVID 19) that we are living now, we like to engage in creating the concepts and app design for the fitness centre, It helps us to get to know other market users and increasing the knowledge. codography | Creative Agency","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codography.ch\/project\/x-fit\/","og_locale":"en_US","og_type":"article","og_title":"codography | Creative Agency X FITT","og_description":"codography | Creative Agency","og_url":"https:\/\/codography.ch\/project\/x-fit\/","og_site_name":"codography | Creative Agency","article_publisher":"https:\/\/www.facebook.com\/codography.ch","article_modified_time":"2021-09-12T16:59:14+00:00","og_image":[{"width":387,"height":285,"url":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-xfit-img.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/codography.ch\/project\/x-fit\/","url":"https:\/\/codography.ch\/project\/x-fit\/","name":"X FITT - codography | Creative Agency","isPartOf":{"@id":"https:\/\/codography.ch\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codography.ch\/project\/x-fit\/#primaryimage"},"image":{"@id":"https:\/\/codography.ch\/project\/x-fit\/#primaryimage"},"thumbnailUrl":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-xfit-img.png","datePublished":"2020-06-10T14:23:03+00:00","dateModified":"2021-09-12T16:59:14+00:00","description":"Social network Fitness centre app, we created this app during the crisis (COVID 19) that we are living now, we like to engage in creating the concepts and app design for the fitness centre, It helps us to get to know other market users and increasing the knowledge. codography | Creative Agency","breadcrumb":{"@id":"https:\/\/codography.ch\/project\/x-fit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codography.ch\/project\/x-fit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codography.ch\/project\/x-fit\/#primaryimage","url":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-xfit-img.png","contentUrl":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-xfit-img.png","width":387,"height":285,"caption":"xfit ux concept"},{"@type":"BreadcrumbList","@id":"https:\/\/codography.ch\/project\/x-fit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codography.ch\/en\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/codography.ch\/project\/"},{"@type":"ListItem","position":3,"name":"X FITT"}]},{"@type":"WebSite","@id":"https:\/\/codography.ch\/#website","url":"https:\/\/codography.ch\/","name":"codography | Creative Agency","description":"Creative Agency","publisher":{"@id":"https:\/\/codography.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codography.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codography.ch\/#organization","name":"codography","url":"https:\/\/codography.ch\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codography.ch\/#\/schema\/logo\/image\/","url":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/fivicon.svg","contentUrl":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/fivicon.svg","width":"1024","height":"1024","caption":"codography"},"image":{"@id":"https:\/\/codography.ch\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codography.ch","https:\/\/www.instagram.com\/codography.ch\/"]}]}},"_links":{"self":[{"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project\/1603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/comments?post=1603"}],"version-history":[{"count":6,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project\/1603\/revisions"}],"predecessor-version":[{"id":52304,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project\/1603\/revisions\/52304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/media\/906"}],"wp:attachment":[{"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/media?parent=1603"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project_category?post=1603"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project_tag?post=1603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}