{"id":2032,"date":"2024-03-27T10:20:22","date_gmt":"2024-03-27T10:20:22","guid":{"rendered":"https:\/\/juliansterz.de\/?page_id=2032"},"modified":"2025-09-16T14:07:54","modified_gmt":"2025-09-16T14:07:54","slug":"sportsdateapp","status":"publish","type":"page","link":"https:\/\/juliansterz.de\/de\/sportsdateapp\/","title":{"rendered":"SportsDateApp"},"content":{"rendered":"\n\t\t<div id=\"Case-Study-Header\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row  right_padding_60px left_padding_60px top_padding_tablet_60px top_padding_phone_20px bottom_padding_tablet_60px bottom_padding_phone_60px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 100px; padding-bottom: 90px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div id=\"fws_69ea49bda1c93\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  reverse_columns_column_tablet reverse_columns_column_phone bottom_padding_tablet_60px bottom_padding_phone_60px\"  style=\"padding-bottom: 120px; \"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column right_padding_desktop_60px \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h1 >Sportsdate<\/h1><\/div><div class=\"nectar-responsive-text font_size_desktop_20px font_line_height_30px nectar-link-underline-effect\"><p>UX\/UI-Redesign of a web app for sports meetup.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-00-F.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"1080\" width=\"1380\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-00-F.jpg\" alt=\"cover image of case study for sportsdate.app ux-ui redesign project\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-00-F.jpg 1380w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-00-F-300x235.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-00-F-1024x801.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-00-F-768x601.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-00-F-15x12.jpg 15w\" sizes=\"auto, (max-width: 1380px) 100vw, 1380px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bda271d\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  bottom_padding_tablet_60px bottom_padding_phone_60px\"  style=\"padding-bottom: 120px; \"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-scaled.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"1683\" width=\"2560\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-scaled.jpg\" alt=\"sportsdate redesign project process diagram\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-scaled.jpg 2560w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-300x197.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-1024x673.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-768x505.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-1536x1010.jpg 1536w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-2048x1347.jpg 2048w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/Sportsdate-Project-Process-Diagram-2024-10-18x12.jpg 18w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><ul>\n<li><strong>Context:<\/strong> Collaboration with a web developer who creates and operates the web app <a href=\"https:\/\/sportsdate.app\/\" target=\"_blank\" rel=\"noopener\">Sportsdate.app<\/a>.<\/li>\n<li><strong>My role:<\/strong> Redesign of the UX and UI concept and interface, potentially of the entire app.<\/li>\n<li><strong>My tools: <\/strong>Miro, Figma, VS Code<\/li>\n<li><strong>UI component framework:<\/strong> Ionic<\/li>\n<li><strong>Time frame: <\/strong>February \u2013 October 2024<\/li>\n<\/ul>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"toggles \" data-br=\"10px\" data-starting=\"default\" data-style=\"default\"><div class=\"toggle extra-color-1\" data-inner-wrap=\"true\"><h3 class=\"toggle-title\"><a href=\"#\" role=\"button\" class=\"nectar-inherit-h5 toggle-heading\"><i role=\"presentation\" class=\"fa fa-plus-circle\"><\/i>Table of contents<\/a><\/h3><div><div class=\"inner-toggle-wrap\"><div class=\"nectar-responsive-text nectar-link-underline-effect\"><ul>\n<li><a href=\"#1-Understand\">1. Understand the subject:<\/a> What is the status quo of the app? What can we learn from competitors?<\/li>\n<li><a href=\"#2-Scope\">2. Anticipating the scope:<\/a> Define differnt kinds of edge-use-cases and sketch out first Ideas in Wireframes and Task-Flows.<\/li>\n<li><a href=\"#3-Abstract-Detailed\">3. Between abstract and detailed:<\/a>\u00a0Iterations of App-Architecture, Wireframes and User-Interactions.<\/li>\n<li><a href=\"#4-First-Implementations\">4. First implementations:<\/a> Menu navigation restructured<\/li>\n<li><a href=\"#5-Visual-Design\">5. Visual design:<\/a> Logo Redesign, Tokens: Color\/Sizes, Higher-Fidelity Screens<\/li>\n<li><a href=\"#6-Project-Conclusion\">6. Project conclusion:<\/a> Wrap up, Learnings<\/li>\n<\/ul>\n<\/div>\n<div class=\"wpb_text_column wpb_content_element \" >\n\t<div class=\"wpb_wrapper\">\n\t\t\t<\/div>\n<\/div>\n\n\n\n<\/div><\/div><\/div><\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"1-Understand\"  data-br=\"5px\" data-br-applies=\"bg\" data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  right_padding_60px left_padding_60px top_padding_tablet_60px top_padding_phone_60px bottom_padding_tablet_60px bottom_padding_phone_60px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 80px; padding-bottom: 80px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #dce2e2; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h2 >1. Understand the Matter<\/h2><\/div><div id=\"fws_69ea49bda3831\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-19-percent no-extra-padding_tablet no-extra-padding_phone \"   data-padding-pos=\"left-right\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"559\" width=\"1174\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-1.png\" alt=\"fist cycle of the project process diagram - understand and define\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-1.png 1174w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-1-300x143.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-1-1024x488.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-1-768x366.png 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >1.1 Current state of the app<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bda3e41\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708612583385 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Sportsdate is a web app and PWA, organically growing in Berlin with a dedicated, albeit small, user community. Designed to better organize sports activities beyond social media limitations, it initially caters to beach volleyball fans but is intended for a diverse range of sports without boundaries.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-b-1.jpg\" class=\"pp \" title=\"\">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-b-1.jpg\" alt=\"sportsdate-app langing page explaining the different use cases eg create and participate in games, connect with other enthusiasts, explore new sports venues etc\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-b-1.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-b-1-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-b-1-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-b-1-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-b-1-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p>Landing page of the app before redesign<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bda499d\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-13-percent padding-2-percent_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap height_tablet_90px height_phone_90px \" data-alignment=\"default\"><div  class=\"divider\"><\/div><\/div><div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"500\" width=\"1283\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-collage.png\" alt=\"collection of social media posts looking for other people to play or temporarily substitute a team\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-collage.png 1283w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-collage-300x117.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-collage-1024x399.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-collage-768x299.png 768w\" sizes=\"auto, (max-width: 1283px) 100vw, 1283px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p>Typical requests in related social media groups.<\/p>\n<\/div><div class=\"divider-wrap height_tablet_90px height_phone_90px \" data-alignment=\"default\"><div  class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >1.2 App audit<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bda4f09\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-c.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-c.jpg\" alt=\"sportsdate-app audit (preview image): screenshots and annotations of a walk-through of the whole app\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-c.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-c-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-c-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-c-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-01-c-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-app-audit-high-res-view.pdf\" rel=\"prettyPhoto&#091;gallery-aGFq&#093;\">View the entire app audit<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Based on an initial question-and-answer session about the founder&#8217;s motivations, pain points and visions, I created a comprehensive review of the app. The findings can be divided into two areas. 1. UX and UI basics and 2. more specific conceptual issues.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >1.3 Learning from other apps<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bda55ae\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708598509358 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>There are already apps that help people to organize themselves into groups for sport. Comprehensive research helps us to understand why we still need Sportsdate, what positive approaches we can learn from and where we can set ourselves apart.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-d.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-d.jpg\" alt=\"overview about the 4-6 apps reviewed for competitor research: beachvolleyball-app, beachup, playtomic, gameon-active, celebreak, gameon\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-d.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-d-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-d-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-d-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-d-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-competitor-research-high-res.pdf\" rel=\"prettyPhoto&#091;gallery-aGFq&#093;\">View the entire competitor research<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >1.4 Findings and concept<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bda5c21\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-e.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-e.jpg\" alt=\"Formulating a vision based on the research findings\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-e.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-e-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-e-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-e-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/03\/sportsdate-app-ux-ui-redesign-01-e-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The research outlines a rough vision of the app. Critical questions help to reflect in order to refine the concept of the app. The assumed most important use cases of the app are brought to life through hypothetical proto-personas.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"2-Scope\"  data-br=\"5px\" data-br-applies=\"bg\" data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  right_padding_60px left_padding_60px top_padding_tablet_60px top_padding_phone_60px bottom_padding_tablet_60px bottom_padding_phone_60px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 80px; padding-bottom: 80px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #ffffff; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h2 >2. Anticipate the Scope<\/h2><\/div><div id=\"fws_69ea49bda6600\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-19-percent no-extra-padding_tablet no-extra-padding_phone \"   data-padding-pos=\"left-right\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"588\" width=\"1201\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-2.png\" alt=\"second cycle of the project process diagram - Anticipate the Scope\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-2.png 1201w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-2-300x147.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-2-1024x501.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-2-768x376.png 768w\" sizes=\"auto, (max-width: 1201px) 100vw, 1201px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >2.1 Clear your head<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bda6d3e\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1711636502373 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The first hypothetical solutions and detailed questions arising from the research to date were dealt with in quick sketches and comparison lists.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-a-.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-a-.jpg\" alt=\"Brainstorming including wireframes annotations, lists of comparison\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-a-.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-a--300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-a--1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-a--768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-a--900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >2.2 Complexity of a user flow<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bda74c0\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1714125527679\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-c-.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-c-.jpg\" alt=\"preview image of a user flow diagram\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-c-.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-c--300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-c--1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-c--768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-c--900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/User-Flow-Create-new-Activity-01.jpg\" rel=\"prettyPhoto&#091;gallery-aGFq&#093;\">View the entire diagram<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>An initial hypothetical user flow diagram that describes the entire process of creating an activity in the app. In this step, I was more interested in understanding the possible complexity in order to shorten it later if necessary or to break it down into different flows.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bda7f2c\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >2.3 Edge cases of use<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bda8128\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1711636502373 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>In the discussion so far, various use cases of the app have become visible, but these have not yet been described in detail, which should now be made up for. In addition, a schematic sketch of which UI components could represent the individual cases has been drawn up.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-b-.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-b-.jpg\" alt=\"preview of the edge-cases of use whiteboard\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-b-.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-b--300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-b--1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-b--768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-b--900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-02-edge-cases-of-use-high-res-scaled.jpg\" rel=\"prettyPhoto&#091;gallery-aGFq&#093;\">View all 7 hypothetical edge cases of use<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"3-Abstract-Detailed\"  data-br=\"5px\" data-br-applies=\"bg\" data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  right_padding_60px left_padding_60px top_padding_tablet_60px top_padding_phone_60px bottom_padding_tablet_60px bottom_padding_phone_60px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 80px; padding-bottom: 80px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #dce2e2; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h2 >3. Between Abstract and Detailed<\/h2><\/div><div id=\"fws_69ea49bda8e3f\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-19-percent no-extra-padding_tablet no-extra-padding_phone \"   data-padding-pos=\"left-right\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"779\" width=\"1359\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-3.png\" alt=\"fourth cycle of the project process diagram - rearranging menu and first implementations\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-3.png 1359w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-3-300x172.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-3-1024x587.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-chapter-3-768x440.png 768w\" sizes=\"auto, (max-width: 1359px) 100vw, 1359px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bda9495\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1714392614281\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>It is important to mention again at this point that a potential restructuring of the entire app, including the underlying information architecture and sitemap, is potentially desired.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>In order to be able to make further design decisions, it was therefore important to think through the app holistically from a bird&#8217;s eye view and in detail.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bda97ef\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 120px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >3.1 Helicopter view<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bda9984\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708612583385 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Once the range of functions has been outlined with the help of the edge cases, different variants of the info architecture can be compared with each other by sorting of named and color coded cards.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-a.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-a.jpg\" alt=\"preview of the named and color coded card sorting process to create different variants of the apps info architecture\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-a.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-a-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-a-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-a-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-a-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-a-card-sorting-1-high-res-scaled.jpg\" rel=\"prettyPhoto&#091;gallery-aGFq&#093;\">View all 3 card sortings<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdaa3ed\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >3.2 Understanding the small to question the large<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdaa66b\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-b.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-b.jpg\" alt=\"some wireframes showing the home\/explore screen at an early stage in the process\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-b.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-b-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-b-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-b-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-b-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-b-wireframes-detail-questions-back-to-card-sort-high-res-.pdf\" rel=\"noopener\">View early stage of wireframes and second card sorting<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The certainty provided by the card sorting made sketching the first screens straight forward. The further you delved, aspects became visible, which in turn were reflected in the big picture.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdaaf9a\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >3.3 Big decisions not made easy<\/h3><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdab159\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-8-percent padding-2-percent_tablet inherit_phone \"   data-padding-pos=\"left-right\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 60px;\" class=\"divider\"><\/div><\/div><blockquote class=\"nectar_single_testimonial\" data-color=\"\" data-style=\"basic\"><div class=\"inner\"> <p>&#8220;Focusing the app on one sport would probably strengthen it, ...&#8221; <\/p><\/div><\/blockquote><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 60px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdab4ce\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708612583385 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The sports categories currently offered in the app do not follow a specific scheme and have grown organically over the course of around five years. On the one hand, these are \u201cmerely\u201d reflected in the filter options for activities and venues in the app &#8211; on the other hand, the user group, brand and identity of the app are based on the type of sport. Focusing the app on one sport would probably strengthen it, but this is not the developer&#8217;s current intention.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-c.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-c.jpg\" alt=\"options on how to categorize the sports that are offered by the app\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-c.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-c-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-c-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-c-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-c-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-c-sport-categories-high-res-1.pdf\" rel=\"noopener\">View category sorting<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdabdd7\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >3.4 Mobile first<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdac058\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-d-.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-d-.jpg\" alt=\"responsive design of the layout grid for different screen sizes\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-d-.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-d--300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-d--1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-d--768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-d--900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The current web app has some minor weaknesses in terms of display on different screen sizes, which can be seen in the menu (top\/bottom) and the clarity of the page layouts. In order to solve this better in the redesign, an orientation should be created for this at an early stage.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdacad8\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >3.5 Visitor to user<\/h3><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdacc20\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-8-percent padding-2-percent_tablet inherit_phone \"   data-padding-pos=\"left-right\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 60px;\" class=\"divider\"><\/div><\/div><blockquote class=\"nectar_single_testimonial\" data-color=\"\" data-style=\"basic\"><div class=\"inner\"> <p>&#8220;How visitors can see and use the web app compared to registered users...&#8221; <\/p><\/div><\/blockquote><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 60px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdace46\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708612583385 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The concept of how visitors can see and use the web app compared to registered users is not clearly resolved in its current form, so that, for example, the entire first landing page disappears after registration. This, as well as the login process per se, needs to be revised.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-e.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-e.jpg\" alt=\"wireframes of register \/ login flow\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-e.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-e-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-e-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-e-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-e-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdad6db\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >3.6 How to read the map<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdad94a\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-f.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-f.jpg\" alt=\"wireframe-sketches of how to explore sports venues on the map and receive extra high level information from their flag\/markers\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-f.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-f-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-f-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-f-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-f-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-f-explore-venues-wireframes-notes-high-res-.pdf\" rel=\"noopener\">View whiteboard notes\/wireframes regarding maps<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The app has a map whose locations users can discover, suggest or use to plan activities. The flag markers of the locations are intended to provide further information beyond the name at first glance, for example if a public event is planned there, or whether activities generally take place at the location more often.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdae3df\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-8-percent padding-2-percent_tablet inherit_phone \"   data-padding-pos=\"left-right\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><blockquote class=\"nectar_single_testimonial\" data-color=\"\" data-style=\"basic\"><div class=\"inner\"> <p>&#8220;Again: Almost everything is connected - examine individual areas of the app down to the details, to understand the big picture.&#8221; <\/p><\/div><\/blockquote><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 60px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdae546\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >3.7 The core - the activities<\/h3><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 20px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdae6b4\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708612583385 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The heart of the app is how events can be planned. The creation and participation management should offer users different options &#8211; the process should be as comprehensive as needed while remaining as simple as possible &#8211; depending on the individual use case and context. This topic will continue to require a great deal of attention during the further course.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-g.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-g.jpg\" alt=\"preview of the interface to create a new activity - setting the date and time\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-g.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-g-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-g-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-g-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-g-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/04\/sportsdate-app-ux-ui-redesign-03-g-create-manage-activities-high-res-.pdf\" rel=\"noopener\">View the entire create and manage activities wireframes<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdaee3c\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >3.8 A-B-C Variants<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdaf050\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h.jpg\" alt=\"wireframe-sketches illustrating four different variants on how to layout the map- and the list-view as ways of how to explore events in the app\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-03-h-variants-map-list-view-high-res.pdf\" rel=\"noopener\">View all four variants<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Some decisions should be made on the basis of a comparison of the possible options. The question here is how the different ways of exploring activities &#8211; map and list view &#8211; best interact with each other.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"4-First-Implementations\"  data-br=\"5px\" data-br-applies=\"bg\" data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  right_padding_60px left_padding_60px top_padding_tablet_60px top_padding_phone_60px bottom_padding_tablet_60px bottom_padding_phone_60px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 80px; padding-bottom: 80px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #ffffff; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h2 >4. First Implementations<\/h2><\/div><div id=\"fws_69ea49bdb0280\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-19-percent no-extra-padding_tablet no-extra-padding_phone \"   data-padding-pos=\"left-right\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"976\" width=\"1396\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-chapter-4.png\" alt=\"process diagram chapter four of restructuring the menu and first implementations by the developer\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-chapter-4.png 1396w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-chapter-4-300x210.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-chapter-4-1024x716.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-chapter-4-768x537.png 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-chapter-4-18x12.png 18w\" sizes=\"auto, (max-width: 1396px) 100vw, 1396px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb0a7c\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1714392614281\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>After working through and outlining a comprehensive vision of the app and its sub-areas in the previous phase, the next phase feels like a small step backwards.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>However, it seems realistic to \u2018tidy up\u2019 the existing app for the time being and then \u2018rebuild\u2019 it piece by piece.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb0d29\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 120px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >4.1 Menu navigation<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb0e87\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1711636502373 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Working with screenshots of the existing app, taking it apart and reassembling it in a new form has proven to be particularly fruitful for mutual understanding with the developer.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a.jpg\" alt=\"taking a screenshot of the existing three menues of the app apart and reassemble it in two menues\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-a-menu-navigation-high-res.pdf\" rel=\"noopener\">View the menu redesign + detailed 2ndary menu concept<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb1423\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-13-percent padding-2-percent_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap height_tablet_90px height_phone_90px \" data-alignment=\"default\"><div  class=\"divider\"><\/div><\/div><div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-before-after-02.png\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-before-after-02.png\" alt=\"before and after implementing a summarised menu for the top nav bar\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-before-after-02.png 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-before-after-02-300x200.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-before-after-02-1024x683.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-before-after-02-768x512.png 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-before-after-02-18x12.png 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-before-after-02-900x600.png 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p>Before\/after first implementation<\/p>\n<\/div><div class=\"divider-wrap height_tablet_90px height_phone_90px \" data-alignment=\"default\"><div  class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >4.2 Top-Nav-Bar<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb19f4\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1714125527679\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-b.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-b.jpg\" alt=\"Top-Navigation bar changed to Tab navigation\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-b.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-b-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-b-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-b-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-b-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-b-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/06\/sportsdate-app-ux-ui-redesign-04-b-upper-navigation-bar-and-2nd-menu-high-res.pdf\" rel=\"noopener\">View Top-Nav-Bar in context of main- and sub-pages<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>To keep the navigation of the subpages consistent, the tab navigation was transferred from the map view to the main page of the activities.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb1f60\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >4.3 Set a \"homezone\" on the map<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb211c\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1711636502373 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>In its original state, the map view was confusing because of the many location labels. Users could \u201csubscribe\u201d to places in their area to be informed about activities taking place there &#8211; which was displayed in the form of red or green markers and proved to be an ambiguous coding.<br \/>\nAfter: The labels were reduced in size and summarized with a counter (zoom out). The user&#8217;s area of interest is clearly defined by circles. In addition, the detailed view modal of the venues now also directly shows the events taking place there.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-c.png\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-c.png\" alt=\"before\/after view of improved map view\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-c.png 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-c-300x200.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-c-1024x683.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-c-768x512.png 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-c-18x12.png 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-c-900x600.png 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb2683\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >4.5 Feedback and further improvement ideas<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb2839\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1714125527679\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d.jpg\" alt=\"Feedback and further improvement ideas of the map view\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-venue-homezone-suggestions.pdf\" rel=\"noopener\">View complete feedback<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>When looking at the implemented improvement of the user home zone filtering, ideas emerged for the gradual further development of the interface and the associated simplification for new users &#8211; as well as notes on the side effects that should be considered.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb2e41\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  right_padding_0px left_padding_0px\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >4.6 User profiles<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb301d\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1711636502373 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>In the previous version of the app, there is an unusual concept of user profiles, in the form of so-called homepages, which users can optionally create and serve as a landing page for their profile.<br \/>\nThis concept was questioned and partially implemented in such a way that all users have a profile with a minimal amount of information, which also displays the events created by the user according to the same scheme as the preview modal for venues.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1.jpg\" alt=\"user profile before and after\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-1-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-04-d-user-profile-complete-.pdf\">View all the notes on the user profile<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"5-Visual-Design\"  data-br=\"5px\" data-br-applies=\"bg\" data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  right_padding_60px left_padding_60px top_padding_tablet_60px top_padding_phone_60px bottom_padding_tablet_60px bottom_padding_phone_60px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 80px; padding-bottom: 80px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #dce2e2; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h2 >5. Visual Design<\/h2><\/div><div id=\"fws_69ea49bdb3a87\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column padding-19-percent no-extra-padding_tablet no-extra-padding_phone \"   data-padding-pos=\"left-right\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"965\" width=\"1195\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-chapter-5.png\" alt=\"process diagram chapter 5\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-chapter-5.png 1195w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-chapter-5-300x242.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-chapter-5-1024x827.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-chapter-5-768x620.png 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-chapter-5-15x12.png 15w\" sizes=\"auto, (max-width: 1195px) 100vw, 1195px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div id=\"fws_69ea49bdb3eee\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1714392614281\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The assets shown here in the last documented visual design phase were unfortunately not implemented in the current app in this form.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>There hasn&#8217;t been enough time to delve deeply enough into the topic of HTML\/CSS in connection with the existing IONIC components and their application in the current app, neither on my part nor on the part of the developer.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 120px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >5.1 Logo redesign<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb4229\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708612583385 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The idea was to redesign the current logo as part of the overall project. Because the further user interface design should be in harmony with the logo, we placed this step at the beginning &#8211; as a point of orientation &#8211; of this phase.<br \/>\nThe following keywords were used as themes for the logo: sport, doing something together, modern technology, possibly a focus on (beach) volleyball and the name \u201cSportsdate.App\u201d, which was still valid.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-1-1.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-1-1.jpg\" alt=\"A selection of eight Logo-Ideas\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-1-1.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-1-1-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-1-1-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-1-1-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-1-1-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-1-1-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-a-logo-design-process.pdf\">View the whole Logo design process<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >5.2 Tokens<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb4a42\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-tokens-color-size.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-tokens-color-size.jpg\" alt=\"Tokens of Color and Size in Figma\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-tokens-color-size.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-tokens-color-size-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-tokens-color-size-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-tokens-color-size-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-tokens-color-size-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-tokens-color-size-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>I used the Local Variables feature in Figma to assign specific roles (tokens) to the color and size values, which allows me to quickly switch between dark and light mode and between desktop and mobile view (size differences in font, icon, radii and spacing), as well as to vary said styles globally.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >5.3 Components<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb505e\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708598509358 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>As already mentioned at the beginning, the app is based on the Ionic framework, which has a basic design that depends on the respective operating system &#8211; as WPA in iOS or Android &#8211; or the respective browser. There is also the option of theming and intervening in HTML and CSS.<br \/>\nHowever, we reached the limits of the implementation in code at this point, which I will discuss in more detail elsewhere.<br \/>\nBased on the Figma community file \u201cIonic 6 Material UI Kit\u201d (thanks to Aditya Patel), I built the components we needed in Figma.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-1.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-1.jpg\" alt=\"UI components and variants of formfields in figma\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-1.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-1-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-1-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-1-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-1-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-1-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-c-components-overview.pdf\" rel=\"noopener\">View all components<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >5.4 Activities overview screen (Home)<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb6368\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview.png\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview.png\" alt=\"Activities overview screen of the app\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview.png 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview-300x200.png 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview-1024x683.png 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview-768x512.png 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview-18x12.png 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview-900x600.png 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-b-desktop-activity-overview-iterations-.pdf\" rel=\"noopener\">View iterations of the screen<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>To give the visual appearance more scope, I decided to have the main segments of the content \u201cfloating\u201d on the background and to breathe more life into them with a gentle color gradient.<br \/>\nA visual balance of tidiness and liveliness through color and size contrasts is important to me, as well as the possibility of customization by users in the form of self-uploaded title photos.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb6a7d\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708598509358 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The list elements for the preview view of the available events should contain as much information as possible without becoming overloaded and confusing.<br \/>\nFor this purpose, I have introduced different types of badges, which are quickly readable by the user through icon, text and color as features to distinguish the different event attributes.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-d-event-preview.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-d-event-preview.jpg\" alt=\"preview list elements of events and different badges to distinguish event types or attributes\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-d-event-preview.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-d-event-preview-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-d-event-preview-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-d-event-preview-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-d-event-preview-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-d-event-preview-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/www.figma.com\/proto\/3fnwvxdbkvPwmNBJneV4XU\/design-file-01?page-id=0%3A1&amp;node-id=433-11489&amp;node-type=frame&amp;viewport=-9816%2C-11247%2C0.95&amp;t=Zpy9I48nFxh3eTuQ-1&amp;scaling=scale-down&amp;content-scaling=fixed&amp;starting-point-node-id=433%3A11489&amp;show-proto-sidebar=1\" target=\"_blank\" rel=\"noopener\">View event preview on mobile size<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >5.5 Create an event dialog<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb71a8\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1695630524421\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-e-create-event-dialog.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-e-create-event-dialog.jpg\" alt=\"redesign of the dialog to set up a new event\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-e-create-event-dialog.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-e-create-event-dialog-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-e-create-event-dialog-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-e-create-event-dialog-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-e-create-event-dialog-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-e-create-event-dialog-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div><div class=\"nectar-responsive-text font_size_desktop_14px font_line_height_22px nectar-link-underline-effect\"><p><a href=\"https:\/\/www.figma.com\/proto\/3fnwvxdbkvPwmNBJneV4XU\/design-file-01?page-id=0%3A1&amp;node-id=327-8412&amp;node-type=canvas&amp;viewport=-6008%2C-7712%2C0.66&amp;t=mJUkGKERGURBU7UZ-9&amp;scaling=scale-down&amp;content-scaling=fixed&amp;starting-point-node-id=327%3A8412&amp;show-proto-sidebar=1\" target=\"_blank\" rel=\"noopener\">View event creation on mobile size<\/a><\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>To give the visual appearance more scope, I decided to have the main segments of the content \u201cfloating\u201d on the background and to breathe more life into them with a gentle color gradient.<br \/>\nA visual balance of tidiness and liveliness through color and size contrasts is important to me, as well as the possibility of customization by users in the form of self-uploaded title photos.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 >5.6 Participate in an event dialog<\/h3><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb78b0\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1708598509358 reverse_columns_column_tablet reverse_columns_column_phone\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-2\/5 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Finally, a preview of how the current design language would affect the dialog for participation in events is shown.<br \/>\nWe will not go into too much depth with views of different users, event formats etc. until fundamental implementation issues have been clarified.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-3\/5 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"img-with-aniamtion-wrap \" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-border-radius=\"10px\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <a href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-f-participate-1.jpg\" class=\"pp \">\n              <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy \" data-delay=\"0\" height=\"740\" width=\"1110\" data-animation=\"none\" src=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-f-participate-1.jpg\" alt=\"participate in an event dialog\" srcset=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-f-participate-1.jpg 1110w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-f-participate-1-300x200.jpg 300w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-f-participate-1-1024x683.jpg 1024w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-f-participate-1-768x512.jpg 768w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-f-participate-1-18x12.jpg 18w, https:\/\/juliansterz.de\/wp-content\/uploads\/2024\/10\/sportsdate-app-ux-ui-redesign-05-f-participate-1-900x600.jpg 900w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"6-Project-Conclusion\"  data-br=\"5px\" data-br-applies=\"bg\" data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  right_padding_60px left_padding_60px top_padding_tablet_60px top_padding_phone_60px bottom_padding_tablet_60px bottom_padding_phone_60px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 80px; padding-bottom: 80px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #ffffff; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h2 >6. Project Conclusion<\/h2><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 40px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb8cd1\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  vc_custom_1714392614281\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>This free project, in close collaboration in a small team of two, <strong>has taught me a lot.<\/strong> In general, in terms of my workflow and handling, especially in depth with Figma and its functions, such as components, tokens and display options, but also the &#8211; still quite superficial &#8211; intervention in HTML and CSS code with VS code.<\/p>\n<p>It has also shown me how difficult it is to<strong> intervene in existing structures that have grown<\/strong> over several years and that, on the one hand, technically, or in terms of the amount of work involved, but also in terms of the <strong>perception of the people involved (developers and users)<\/strong>, you reach your limits with overly revolutionary restructuring projects and you often make progress in <strong>small steps<\/strong> and with sensitivity &#8211; which is probably a good thing, of course, as long as you don&#8217;t want to scare off your user base or win over a completely new user base. These are <strong>strategic issues<\/strong> that you need to be clear about.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Last but not least, it became clear &#8211; an aspect that is all too familiar to me from my experience in industrial design &#8211; how important <strong>the link is between design (my role in the project) and technical\/functional implementation (the role of the backend developer).<\/strong> We both lacked in-depth knowledge of front-end or web design, the time to familiarize ourselves with this sufficiently, or the role of the front-end dev in the team.<\/p>\n<p>Nevertheless, I acquired valuable new knowledge in this area and even though I am ending the project at this point due to other commitments, this does not mean that it will not continue to develop in the future with or without my active involvement.<\/p>\n<\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69ea49bdb910e\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row  right_padding_0px left_padding_0px\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t\t<div id=\"fws_69ea49bdb96c7\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  right_padding_0px left_padding_0px top_padding_tablet_90px bottom_padding_tablet_120px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 120px; padding-bottom: 160px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #153051; \"><\/div><\/div><\/div><div class=\"nectar-shape-divider-wrap \" style=\" height:200px;\"  data-height=\"200\" data-front=\"\" data-style=\"waves\" data-position=\"bottom\" ><svg class=\"nectar-shape-divider\" aria-hidden=\"true\" fill=\"#122843\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 300\" preserveAspectRatio=\"none\"> <path d=\"M 1000 300 l 1 -230.29 c -217 -12.71 -300.47 129.15 -404 156.29 c -103 27 -174 -30 -257 -29 c -80 1 -130.09 37.07 -214 70 c -61.23 24 -108 15.61 -126 10.61 v 22.39 z\"><\/path> <\/svg><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-highlighted-text\" data-style=\"scribble\" data-exp=\"default\" data-user-color=\"true\" style=\"color: #d3dee2;\" data-using-custom-color=\"false\" data-animation-delay=\"false\" data-color=\"\" data-color-gradient=\"\" style=\"\">\n<h5>Let&#8217;s get <em>in touch!<svg class=\"nectar-scribble basic-underline\" role=\"presentation\" viewBox=\"-400 -55 730 60\" preserveAspectRatio=\"none\"><path style=\"animation-duration: 1.8s;\" d=\"m -383.25 -6 c 55.25 -22 130.75 -33.5 293.25 -38 c 54.5 -0.5 195 -2.5 401 15\" stroke=\"#c6aaa1\" pathLength=\"1\" stroke-width=\"20\" fill=\"none\"\/><\/svg><\/em><\/h5>\n<\/div><div class=\"nectar-cta  text_hover_color_ffffff alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h2 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"mailto:julians@posteo.net\"><span class=\"text\">julians@posteo.net<\/span><\/a><\/span><\/h2><\/div><div class=\"nectar-cta  text_hover_color_ffffff alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/www.linkedin.com\/in\/julian-sterz\/\"><span class=\"text\">or via Linkedin<\/span><\/a><\/span><\/h6><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69ea49bdb9ae9\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  right_padding_0px left_padding_0px bottom_padding_tablet_90px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 0px; padding-bottom: 200px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #122843; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap height_tablet_90px \" data-alignment=\"default\"><div style=\"height: 90px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea49bdb9c0b\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\" style=\"color: #d3dee2;\"><h5>UX\/UI Design<\/h5>\n<\/div><div class=\"nectar-cta  alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"arrow-animation\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/juliansterz.de\/work\/sportsdateapp\/\"><span class=\"text\">Sportsdate.app<\/span><svg class=\"next-arrow\" aria-hidden=\"true\" width=\"20px\" height=\"25px\" viewBox=\"0 0 50 80\" xml:space=\"preserve\">\n  <polyline stroke=\"#ffffff\" stroke-width=\"9\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"0, 0 45, 40 0, 80\"\/>\n  <\/svg>  <span class=\"line\"  style=\"background-color: #d3dee2;\"><\/span> <\/a><\/span><\/h6><\/div><div class=\"nectar-cta  alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"arrow-animation\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2023\/10\/ReflectAI-Case-Study-20231006-1.pdf\"><span class=\"text\">Reflectai<\/span><svg class=\"next-arrow\" aria-hidden=\"true\" width=\"20px\" height=\"25px\" viewBox=\"0 0 50 80\" xml:space=\"preserve\">\n  <polyline stroke=\"#ffffff\" stroke-width=\"9\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"0, 0 45, 40 0, 80\"\/>\n  <\/svg>  <span class=\"line\"  style=\"background-color: #d3dee2;\"><\/span> <\/a><\/span><\/h6><\/div><div class=\"nectar-cta  alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"arrow-animation\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/juliansterz.de\/wp-content\/uploads\/2023\/10\/VocabStory-Case-Study-20231006.pdf\"><span class=\"text\">VocabStory<\/span><svg class=\"next-arrow\" aria-hidden=\"true\" width=\"20px\" height=\"25px\" viewBox=\"0 0 50 80\" xml:space=\"preserve\">\n  <polyline stroke=\"#ffffff\" stroke-width=\"9\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"0, 0 45, 40 0, 80\"\/>\n  <\/svg>  <span class=\"line\"  style=\"background-color: #d3dee2;\"><\/span> <\/a><\/span><\/h6><\/div><div class=\"nectar-cta  alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"arrow-animation\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/juliansterz.de\/work\/cs50\/\"><span class=\"text\">Tangram [CS50]<\/span><svg class=\"next-arrow\" aria-hidden=\"true\" width=\"20px\" height=\"25px\" viewBox=\"0 0 50 80\" xml:space=\"preserve\">\n  <polyline stroke=\"#ffffff\" stroke-width=\"9\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"0, 0 45, 40 0, 80\"\/>\n  <\/svg>  <span class=\"line\"  style=\"background-color: #d3dee2;\"><\/span> <\/a><\/span><\/h6><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 30px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-responsive-text nectar-link-underline-effect\" style=\"color: #d3dee2;\"><h5>Industrial Design<\/h5>\n<\/div><div class=\"nectar-cta  alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"arrow-animation\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/juliansterz.de\/work\/fireball\/\"><span class=\"text\">Fireball<\/span><svg class=\"next-arrow\" aria-hidden=\"true\" width=\"20px\" height=\"25px\" viewBox=\"0 0 50 80\" xml:space=\"preserve\">\n  <polyline stroke=\"#ffffff\" stroke-width=\"9\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"0, 0 45, 40 0, 80\"\/>\n  <\/svg>  <span class=\"line\"  style=\"background-color: #d3dee2;\"><\/span> <\/a><\/span><\/h6><\/div><div class=\"nectar-cta  alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"arrow-animation\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/juliansterz.de\/main\/project-archive\/\"><span class=\"text\">Project Archive<\/span><svg class=\"next-arrow\" aria-hidden=\"true\" width=\"20px\" height=\"25px\" viewBox=\"0 0 50 80\" xml:space=\"preserve\">\n  <polyline stroke=\"#ffffff\" stroke-width=\"9\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"0, 0 45, 40 0, 80\"\/>\n  <\/svg>  <span class=\"line\"  style=\"background-color: #d3dee2;\"><\/span> <\/a><\/span><\/h6><\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 30px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding column_element_direction_desktop_horizontal column_element_direction_tablet_horizontal column_element_direction_phone_horizontal inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-cta  text_hover_color_ffffff alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" style=\"padding-right: 20px; \"><a  class=\"link_text\" role=\"button\" href=\"https:\/\/juliansterz.de\/imprint\/\"><span class=\"text\">Imprint<\/span><\/a><\/span><\/h6><\/div><div class=\"nectar-cta  text_hover_color_ffffff alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h6 style=\"color: #d3dee2;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/juliansterz.de\/privacy\/\"><span class=\"text\">Privacy<\/span><\/a><\/span><\/h6><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"SportsdateUX\/UI-Redesign of a web app for sports meetup. Context: Collaboration with a web developer who creates and operates the web app Sportsdate.app. My role: Redesign of the UX and UI...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2032","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/pages\/2032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/comments?post=2032"}],"version-history":[{"count":223,"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/pages\/2032\/revisions"}],"predecessor-version":[{"id":3406,"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/pages\/2032\/revisions\/3406"}],"wp:attachment":[{"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/media?parent=2032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}