{"id":3006,"date":"2024-08-21T14:02:38","date_gmt":"2024-08-21T14:02:38","guid":{"rendered":"https:\/\/juliansterz.de\/?page_id=3006"},"modified":"2024-09-12T13:48:08","modified_gmt":"2024-09-12T13:48:08","slug":"glossary","status":"publish","type":"page","link":"https:\/\/juliansterz.de\/de\/service\/glossary\/","title":{"rendered":"Glossar"},"content":{"rendered":"\n\t\t<div id=\"TOC\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section  zindex-set right_padding_60px left_padding_60px translate_x_0px reverse_columns_column_tablet reverse_columns_column_phone top_padding_tablet_40px bottom_padding_tablet_120px right_padding_tablet_0px right_padding_phone_0px left_padding_tablet_0px left_padding_phone_0px\"  style=\"padding-top: 90px; padding-bottom: 60px;  z-index: 1;\"><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 no-extra-padding_tablet no-extra-padding_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-responsive-text nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/service\/\">\u2190 Service<\/a><\/p>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 60px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-highlighted-text\" data-style=\"scribble\" data-exp=\"default\" data-using-custom-color=\"false\" data-animation-delay=\"false\" data-color=\"\" data-color-gradient=\"\" style=\"\">\n<h1><em>Glossary<br \/>\n<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><\/h1>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 60px;\" class=\"divider\"><\/div><\/div><div id=\"fws_69ea6274d8898\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  bottom_padding_tablet_30px\"  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 padding-3-percent padding-16-percent_tablet no-extra-padding_phone \"   data-padding-pos=\"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=\"nectar-responsive-text nectar-link-underline-effect\"><ul>\n<li><a href=\"#design system\">Design System<\/a><\/li>\n<li><a href=\"#discovery workshop\">Discovery Workshop<\/a><\/li>\n<li><a href=\"#expert evaluation\">Expert Evaluation<\/a><\/li>\n<li><a href=\"#flowcharts\">Flowcharts<\/a><\/li>\n<li><a href=\"#Info Architecture\">Information Architecture<\/a><\/li>\n<li><a href=\"#iterative process\">Iterative Process<\/a><\/li>\n<\/ul>\n<\/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 padding-3-percent padding-16-percent_tablet no-extra-padding_phone \"   data-padding-pos=\"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=\"nectar-responsive-text nectar-link-underline-effect\"><ul>\n<li><a href=\"#market research\">Market Research<\/a><\/li>\n<li><a href=\"#personas\">Personas<\/a><\/li>\n<li><a href=\"#prioritizing\">Prioritizing<\/a><\/li>\n<li><a href=\"#product analysis\">Product Analysis<\/a><\/li>\n<li><a href=\"#project briefing\">Project Briefing<\/a><\/li>\n<li><a href=\"#prototypes\">Prototypes<\/a><\/li>\n<\/ul>\n<\/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\"><ul>\n<li><a href=\"#usability testing\">Usability Testing<\/a><\/li>\n<li><a href=\"#use-cases\">Use-Cases<\/a><\/li>\n<li><a href=\"#user journey\">User Journey<\/a><\/li>\n<li><a href=\"#user research\">User Research<\/a><\/li>\n<li><a href=\"#user roles\">User Roles<\/a><\/li>\n<li><a href=\"#wireframes\">Wireframes<\/a><\/li>\n<\/ul>\n<\/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\t\t<div id=\"content\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row  right_padding_240px left_padding_60px right_padding_phone_0px left_padding_phone_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<div id=\"design system\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Design System<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The design system is a kind of modular system that catalogs all visual design elements and describes how they are to be used in the implementation of the app and its possible subsequent upgrades.<br \/>\nAs the name suggests, it is systematically structured: It starts with the basic components (tokens) of e.g. colors, font\/icons, spacing and their gradations in e.g. size or shading. Together with format attributes (area, contour, roundness, &#8230;), these form standard components such as buttons and input fields, which in turn are displayed in modules such as menu bars or input masks and later in templates for entire screens. Furthermore, the design system defines rules for the responsive behavior of the layout and its components for different screen sizes, as well as rules for accessibility.<\/p>\n<p>For synchronization in collaboration with the developers, we rely on a basic tech stack of Figma integrations and are ready to expand this together with handoff solutions such as Zeplin.<\/p>\n<\/div><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=\"discovery workshop\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Discovery Workshop<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>We consider a workshop with you to be a valuable part of the early analysis phase. Together with you and your experts, we develop a common understanding of the initial situation and the current business idea and project goals.<br \/>\nWe look at the problem(s) and collect as much information as possible about them in order to record them in the form of problem statements. We identify important unknowns and how we can generate the missing knowledge.<br \/>\nFinally, we plan the next steps, the distribution of tasks and prioritization and record the key points in the <a href=\"#project briefing\">project briefing<\/a>.<\/p>\n<\/div><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=\"expert evaluation\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Expert Evaluation<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>In addition to user feedback, project briefing and company goals, decisions on UX\/UI design are made on the basis of our expertise. This expertise is based on our many years of experience as well as generally established design psychology guidelines to which we refer, such as the ISO 9241-10 standard on dialog design, the UX heuristics according to Jakob Nielsen and Gestalt principles.<\/p>\n<\/div><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=\"flowcharts\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Flowcharts<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The paths that a user takes within a digital product, which decisions (forks in the road) are made, are represented in flowcharts. On the one hand, the abstract representation helps us to concentrate on the essentials without being distracted by forms of visualization and, on the other hand, to <a href=\"https:\/\/juliansterz.de\/glossary\/#iterative%20process\">iterate<\/a> with little effort.<br \/>\nWe distinguish between task flows, which describe the direct and most efficient path of a single task, while user flows show the possible paths of a feature in its entirety.<\/p>\n<\/div><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=\"Info Architecture\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Information Architecture<\/h2>\n<\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The information architecture forms the basic framework of the application. Similar to the architecture of a building, a digital product is divided into different areas (entrance area, specialist departments, etc.). The structure can vary depending on the weighting of the areas or the functional design of the app. Card sorting helps us to compare different variants of the architecture by noting the respective areas or their contents on a card and then placing and grouping them accordingly.<\/p>\n<\/div><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=\"iterative process\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Iterative Process<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The iterative process always aims to present as many different solutions as possible as early as possible in the project and with as little effort as possible in order to then <a href=\"#usability testing\">test<\/a> and evaluate them from a business and usability perspective.<br \/>\nDepending on the problem or maturity level of the project, different methods of presenting the variants to be compared can be used, from structured descriptions to flowcharts and hand-drawn sketches, over <a href=\"#wireframes\">wireframes<\/a> to high-fidelity. The individual concepts are evaluated taking into account, for example, project goals, user feedback and our <a href=\"#expert evaluation\">expert evaluation<\/a>.<br \/>\nWith this strategy, the iterative process ensures the early identification of suitable solutions and thus the usability of the later implemented project.<\/p>\n<\/div><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=\"market research\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Market Research<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>We want to understand who is offering a similar product, what their users are writing about it and what features make a difference. For this purpose, quantitative comparable data as well as qualitative characteristics are collected and documented. The most interesting findings are then highlighted and incorporated into the <a href=\"#project briefing\">project briefing<\/a> in consultation with you.<\/p>\n<\/div><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=\"personas\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Personas<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Personas represent fictitious people in the form of a kind of profile, whose characteristics, demographic features and user behavior we derive from the findings of <a href=\"#user research\">user research<\/a>. They serve as a guide during the development process, representing the users for whom we are developing the product.<\/p>\n<\/div><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=\"prioritizing\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Prioritizing<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Every project planning requires the prioritization of the individual work steps, which we coordinate with you depending on the topic. We use a Kanban board for a general overview of the course of the project, while we prioritize using the value vs. effort method and include an urgency factor if necessary.<\/p>\n<\/div><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=\"product analysis\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Product Analysis<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>When we want to create something new and supplement or optimize something that already exists, we want to understand what we are dealing with.<br \/>\nWe examine and document your existing digital product or product vision in the form of screenshots and notes on a digital whiteboard. This provides us with an overview and a basis for our initial joint communication, which we can quickly refer back to at any time as the project progresses.<\/p>\n<\/div><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=\"project briefing\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Project Briefing<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>In the project briefing, we record the most important points about the project. We document the initial situation, the problem, the results of the user and market research, our goals and our plans for how we will achieve them.<br \/>\nIndividual points in the briefing usually change over the course of the project due to new findings. At the very beginning, we draw up the first rough version together, which is then reviewed and updated at regular intervals, for example following a <a href=\"#discovery workshop\">discovery workshop<\/a> and as a milestone in the analysis phase.<\/p>\n<\/div><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=\"prototypes\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Prototypes<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Prototypes bring our designs to life and thus form the basis for <a href=\"#usability testing\">usability testing<\/a>. Graphical interfaces are animated in such a way that the testers can carry out individual interactions with them, similar to a fully functioning interface.<\/p>\n<\/div><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=\"usability testing\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Usability Testing<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The design experts constantly recognize and evaluate usability issues during the iterative process. In addition, specific usability tests are carried out at planned intervals and as early as possible in the project.<br \/>\nA common method for this is clickable prototypes, which are tested by potential users on the screen. We receive feedback from the testers in the form of interviews and\/or questionnaires, as well as our observations during the test. Another method is so-called A\/B tests, in which a vote is held between two or more solution variants.<br \/>\nThe findings of the tests are again evaluated by us and are then incorporated into the project objectives in consultation with you, or are incorporated into the usability concept or interface design.<\/p>\n<\/div><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=\"use-cases\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Use-Cases<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>One and the same product is often used for slightly different purposes in different contexts, which we outline in user scenarios. These cases must later be reflected in the functional scope of the product and are therefore a central component in the definition of the app. So-called edge cases describe those applications that occur rather rarely and therefore serve a niche.<br \/>\nThe weighting given to individual application scenarios is decisive for the usage concept and the subsequent functional scope of the product. They are defined in the <a href=\"#project briefing\">project briefing<\/a>, but their importance and implementation can be questioned, redefined and prioritized through usage tests.<\/p>\n<\/div><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=\"user journey\" 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 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-responsive-text nectar-link-underline-effect\"><h2>User Journey<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>The user journey is a mapping method in which &#8211; similar to the <a href=\"#flowcharts\">user flow<\/a> &#8211; we outline the individual steps that users have to take to reach a certain destination (e.g. buying a ticket or applying for a public service). The focus here is less on the detailed underlying structure and more on the superficial touchpoints and their psychological effect on users, as well as possible hurdles and opportunities to improve or eliminate them.<br \/>\nThe method helps to recognize these aspects, communicate them to all stakeholders and not lose sight of the big picture over the course of the project and when focusing on details.<\/p>\n<\/div><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=\"user research\" 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 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-responsive-text nectar-link-underline-effect\"><h2>User Research<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Are the &#8220;end users&#8221; at the end, or are they at the beginning? The more we know about our existing or potential users and their usage behavior and usage context, the more specifically we can design according to their requirements.<br \/>\nTo this end, we seek to talk to end users from as many different user groups as possible in the form of semi-structured interviews, context of use analyses or diary studies. In addition, online questionnaires allow us to collect an even broader range of data.<br \/>\nFrom this, we derive the most interesting findings &#8211; similar to market research &#8211; in order to be able to optimally adapt the solution to the area of application and the needs of the users.<\/p>\n<\/div><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=\"user roles\" 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 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-responsive-text nectar-link-underline-effect\"><h2>User Roles<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>Most interfaces are operated by different types of users. For example, while one user group interacts with a service in a more superficial way, there may be others who require a deeper level of functionality, while administrative users have more authority or can work from a backend view of the interface. At the same time, it should be noted that admin users in particular should be able to view the app from the perspective of all roles via switching functions in order to be able to provide appropriate assistance and detect errors.<br \/>\nThese roles are determined during the analysis phase and recorded, for example, in the form of <a href=\"#personas\">personas<\/a> for the further course of the project.<\/p>\n<\/div><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=\"wireframes\" 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 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-responsive-text nectar-link-underline-effect\"><h2>Wireframes<\/h2>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 10px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p>A wireframe serves as a preliminary, simplified model of the user interface design. We create a purely functional layout using a standardized wireframe library designed in an abstract, sketchy style.<br \/>\nIn this wireframe, the placement, size and content of the elements are represented, while specific design details are intentionally omitted. In this way, we ensure that we focus on functionality throughout the refinement process and avoid any influence of personal design preferences during the evaluation.<\/p>\n<\/div><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 class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 120px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-responsive-text nectar-link-underline-effect\"><p><a href=\"https:\/\/juliansterz.de\/service\/\">\u2190 Service<\/a><\/p>\n<\/div><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 120px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"contact\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row  zindex-set 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_69ea6274dbf1f\"  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_69ea6274dc2fe\"  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_69ea6274dc442\" 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":"\u2190 Service Glossary Design System Discovery Workshop Expert Evaluation Flowcharts Information Architecture Iterative Process Market Research Personas Prioritizing Product Analysis Project Briefing Prototypes Usability Testing Use-Cases User Journey User Research...","protected":false},"author":1,"featured_media":0,"parent":2879,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3006","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/pages\/3006","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=3006"}],"version-history":[{"count":64,"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/pages\/3006\/revisions"}],"predecessor-version":[{"id":3105,"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/pages\/3006\/revisions\/3105"}],"up":[{"embeddable":true,"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/pages\/2879"}],"wp:attachment":[{"href":"https:\/\/juliansterz.de\/de\/wp-json\/wp\/v2\/media?parent=3006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}