{"id":294,"date":"2025-06-20T17:20:53","date_gmt":"2025-06-20T15:20:53","guid":{"rendered":"https:\/\/anastasiaskiadas.de\/?page_id=294"},"modified":"2025-07-03T10:26:57","modified_gmt":"2025-07-03T08:26:57","slug":"app-design","status":"publish","type":"page","link":"https:\/\/anastasiaskiadas.de\/index.php\/design\/app-design\/","title":{"rendered":"App design"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; admin_label=&#8220;Sektion 1&#8243; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; custom_margin=&#8220;0px||10px||false|false&#8220; custom_padding=&#8220;||0px|||&#8220; collapsed=&#8220;off&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row column_structure=&#8220;1_2,1_2&#8243; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; custom_padding=&#8220;||0px|||&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_button button_url=&#8220;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjIwOSJ9fQ==@&#8220; button_text=&#8220;back&#8220; admin_label=&#8220;Button&#8220; _builder_version=&#8220;4.21.0&#8243; _dynamic_attributes=&#8220;button_url&#8220; _module_preset=&#8220;3e2f2838-46a7-4db8-8f56-51752153578a&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; admin_label=&#8220;Title&#8220; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; custom_margin=&#8220;0px||10px||false|false&#8220; custom_padding=&#8220;5px||0px|||&#8220; collapsed=&#8220;off&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row admin_label=&#8220;Header&#8220; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;b622ba68-61b8-4e0a-9c8f-2d20bfac5f81&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text admin_label=&#8220;Text&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; header_text_color=&#8220;#F89B5D&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h1>App design<\/h1>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8220;Text&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; text_text_color=&#8220;#FFFFFF&#8220; header_text_color=&#8220;#F89B5D&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p class=\"p1\">This work sample is a fictional app\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8220;Text&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; text_text_color=&#8220;#FFFFFF&#8220; header_text_color=&#8220;#F89B5D&#8220; header_6_text_color=&#8220;#F89B5D&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h6><strong>Tools used:<\/strong><\/h6>\n<p class=\"p1\">Figma<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8220;Teiler&#8220; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_divider color=&#8220;#FFFFFF&#8220; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; background_color=&#8220;RGBA(255,255,255,0)&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; admin_label=&#8220;Subtitle&#8220; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; custom_padding=&#8220;0px|||||&#8220; collapsed=&#8220;off&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row admin_label=&#8220;Tracking App&#8220; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; module_alignment=&#8220;center&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text admin_label=&#8220;Headline&#8220; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; header_text_color=&#8220;#F89B5D&#8220; header_2_text_color=&#8220;#F89B5D&#8220; header_3_text_color=&#8220;#F89B5D&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h2>Tracking App<\/h2>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8220;Infotext&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; text_text_color=&#8220;#FFFFFF&#8220; header_text_color=&#8220;#F89B5D&#8220; header_2_text_color=&#8220;#F89B5D&#8220; header_3_text_color=&#8220;#F89B5D&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<div class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\">\n<div class=\"flex p-4 gap-4 text-base md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl md:py-6 lg:px-0 m-auto\">\n<div class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\">\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>The tracking app offers a wide range of useful functions that enable users to organise their film list efficiently and keep track of everything. By seamlessly <strong>linking the app with various streaming services<\/strong>, information such as <strong>\u2018already watched\u2019<\/strong> films and series as well as the <strong>progress of current films and series is automatically recorded and saved<\/strong>. This allows users to see exactly where they left off and continue watching seamlessly without losing track of their progress.<\/p>\n<p>In order to optimise future film and series experiences, the app offers the option of <strong>saving films and series as favourites<\/strong>. This means that favourite content can be easily saved and conveniently accessed at any time, according to the user&#8217;s individual preferences.<\/p>\n<p>The app also includes an extremely practical function for <strong>displaying the release dates of films and series<\/strong>. This means users are always up to date with upcoming releases and can update their watchlist accordingly to ensure they don&#8217;t miss any exciting new releases.<\/p>\n<p>To improve the streaming experience even further, the app offers a <strong>variety of filter functions<\/strong>. For example, users can use these functions to filter by streaming services to search specifically for movies and series that are available on the platforms they prefer. They can also see which streaming services offer their favourite movies and series to make it easier to find the content they want.<\/p>\n<p>Overall, the Tracking App offers a comprehensive solution to efficiently manage movie and series lists, track the availability of new content and optimise the overall streaming experience. With this app, it is possible to use all these functions without spending a lot of time and thus enjoy the world of movies and series to the fullest.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8220;1_2,1_2&#8243; admin_label=&#8220;Tracking App&#8220; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; module_alignment=&#8220;center&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text admin_label=&#8220;Title&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; header_text_color=&#8220;#F89B5D&#8220; header_2_text_color=&#8220;#FFFFFF&#8220; header_3_text_color=&#8220;#F89B5D&#8220; header_4_font=&#8220;|||on|||||&#8220; header_4_text_color=&#8220;#FFFFFF&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h4>Low Fidelity Prototype<\/h4>\n<p>[\/et_pb_text][et_pb_code admin_label=&#8220;Code&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; background_color=&#8220;RGBA(255,255,255,0)&#8220; global_colors_info=&#8220;{}&#8220;]<iframe loading=\"lazy\" style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"auto\" height=\"600\" src=\"https:\/\/www.figma.com\/embed?embed_host=share&#038;url=https%3A%2F%2Fwww.figma.com%2Fproto%2FkLbekRM25kN3e2REWQv7KY%2FSerien%252FFilme-verwalten-App%3Fpage-id%3D47%253A96%26type%3Ddesign%26node-id%3D291-4620%26viewport%3D-1267%252C-140%252C0.19%26scaling%3Dscale-down%26starting-point-node-id%3D291%253A4620\" allowfullscreen><\/iframe>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.20.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text admin_label=&#8220;Title&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; header_text_color=&#8220;#F89B5D&#8220; header_2_text_color=&#8220;#FFFFFF&#8220; header_3_text_color=&#8220;#F89B5D&#8220; header_4_font=&#8220;|||on|||||&#8220; header_4_text_color=&#8220;#FFFFFF&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h4>High Fidelity Prototype<\/h4>\n<p>[\/et_pb_text][et_pb_code admin_label=&#8220;Code&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;]<iframe loading=\"lazy\" style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"auto\" height=\"600\" src=\"https:\/\/www.figma.com\/embed?embed_host=share&#038;url=https%3A%2F%2Fwww.figma.com%2Fproto%2FkLbekRM25kN3e2REWQv7KY%2FSerien%252FFilme-verwalten-App%3Fpage-id%3D224%253A0%26node-id%3D224-720%26viewport%3D-1985%252C7%252C0.25%26t%3DzzaxG0pZtxTo9Mh8-1%26scaling%3Dscale-down%26content-scaling%3Dfixed%26starting-point-node-id%3D224%253A720\" allowfullscreen><\/iframe>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8220;1_2,1_2&#8243; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text admin_label=&#8220;Title&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; header_text_color=&#8220;#F89B5D&#8220; header_2_text_color=&#8220;#FFFFFF&#8220; header_3_text_color=&#8220;#F89B5D&#8220; header_4_font=&#8220;|||on|||||&#8220; header_4_text_color=&#8220;#FFFFFF&#8220; custom_padding=&#8220;6px|||||&#8220; locked=&#8220;off&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h4>Style Tyle<\/h4>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/anastasiaskiadas.de\/wp-content\/uploads\/2025\/06\/StyleTile.png&#8220; alt=&#8220;Style Tile &#8211; preview of typography and colors that are used in the app&#8220; title_text=&#8220;StyleTile&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text admin_label=&#8220;Title&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;4cf7f868-2622-46cb-9138-7da084f47346&#8243; header_text_color=&#8220;#F89B5D&#8220; header_2_text_color=&#8220;#FFFFFF&#8220; header_3_text_color=&#8220;#F89B5D&#8220; header_4_font=&#8220;|||on|||||&#8220; header_4_text_color=&#8220;#FFFFFF&#8220; custom_padding=&#8220;6px|||||&#8220; locked=&#8220;off&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h4>App preview for Instagram Post<\/h4>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/anastasiaskiadas.de\/wp-content\/uploads\/2025\/06\/instagram-app-overview.png&#8220; title_text=&#8220;instagram-app-overview&#8220; _builder_version=&#8220;4.21.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>App designThis work sample is a fictional app\u00a0Tools used: FigmaTracking App The tracking app offers a wide range of useful functions that enable users to organise their film list efficiently and keep track of everything. By seamlessly linking the app with various streaming services, information such as \u2018already watched\u2019 films and series as well as [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":209,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-294","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages\/294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/comments?post=294"}],"version-history":[{"count":119,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages\/294\/revisions"}],"predecessor-version":[{"id":883,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages\/294\/revisions\/883"}],"up":[{"embeddable":true,"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/pages\/209"}],"wp:attachment":[{"href":"https:\/\/anastasiaskiadas.de\/index.php\/wp-json\/wp\/v2\/media?parent=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}