{"id":105,"date":"2025-04-12T21:41:21","date_gmt":"2025-04-12T18:11:21","guid":{"rendered":"https:\/\/rezatavasoli.ir\/?page_id=105"},"modified":"2025-05-01T14:01:16","modified_gmt":"2025-05-01T10:31:16","slug":"ba-energy","status":"publish","type":"page","link":"https:\/\/reza-tavasoli.com\/en\/ba-energy\/","title":{"rendered":"Ba Energy"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"105\" class=\"elementor elementor-105\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4e9064 e-flex e-con-boxed e-con e-parent\" data-id=\"f4e9064\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9fbeb5 elementor-absolute elementor-widget-tablet__width-initial elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"e9fbeb5\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"781\" height=\"594\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760161.png\" class=\"attachment-large size-large wp-image-109\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760161.png 781w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760161-300x228.png 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760161-768x584.png 768w\" sizes=\"(max-width: 781px) 100vw, 781px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf29a8 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"6cf29a8\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"391\" height=\"190\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760160.png\" class=\"attachment-large size-large wp-image-108\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760160.png 391w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760160-300x146.png 300w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7abb2d e-con-full e-flex e-con e-child\" data-id=\"e7abb2d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f250049 elementor-widget elementor-widget-heading\" data-id=\"f250049\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ba Energy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed13f71 elementor-widget elementor-widget-heading\" data-id=\"ed13f71\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UI\/UX Case Study<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0d26d0 elementor-widget elementor-widget-heading\" data-id=\"b0d26d0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Team<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8f7951 e-grid e-con-full e-con e-child\" data-id=\"e8f7951\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bb9e97d e-con-full e-flex e-con e-child\" data-id=\"bb9e97d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2543fba e-con-full e-flex e-con e-child\" data-id=\"2543fba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb95cf4 elementor-widget elementor-widget-image\" data-id=\"fb95cf4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"64\" height=\"64\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-759436.png\" class=\"attachment-large size-large wp-image-71\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0641881 e-con-full e-flex e-con e-child\" data-id=\"0641881\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ed946f elementor-widget elementor-widget-heading\" data-id=\"8ed946f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mahmoud Amini<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d09eefc elementor-widget elementor-widget-heading\" data-id=\"d09eefc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product Design Lead<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-532fa7a e-con-full e-flex e-con e-child\" data-id=\"532fa7a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9178963 elementor-widget elementor-widget-image\" data-id=\"9178963\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"64\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-759435.png\" class=\"attachment-large size-large wp-image-75\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-846e56f e-con-full e-flex e-con e-child\" data-id=\"846e56f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f46197 elementor-widget elementor-widget-heading\" data-id=\"0f46197\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Reza Tavassoli<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cb94f7 elementor-widget elementor-widget-heading\" data-id=\"0cb94f7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UIUX Designer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f216240 e-con-full e-flex e-con e-child\" data-id=\"f216240\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfd1395 elementor-widget elementor-widget-image\" data-id=\"dfd1395\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/elementor\/thumbs\/Group-759435-1-r496jlhbp5nuz80q20yqo6o80qbf6su80pzh8zkjgg.png\" title=\"Group 759435 (1)\" alt=\"Group 759435 (1)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed3d657 e-con-full e-flex e-con e-child\" data-id=\"ed3d657\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c65a085 elementor-widget elementor-widget-heading\" data-id=\"c65a085\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Shahin Servati<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-963fe9f elementor-widget elementor-widget-heading\" data-id=\"963fe9f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UIUX Designer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cb1412 e-con-full e-flex e-con e-child\" data-id=\"8cb1412\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-96e0f05 e-con-full e-flex e-con e-child\" data-id=\"96e0f05\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f3a7ef9 e-con-full e-flex e-con e-child\" data-id=\"f3a7ef9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0809e0d elementor-widget elementor-widget-heading\" data-id=\"0809e0d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Verwendete Tools<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69fe4e7 elementor-widget elementor-widget-heading\" data-id=\"69fe4e7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Figma. Photoshop. Illustrator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c250d0 e-con-full e-flex e-con e-child\" data-id=\"2c250d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e804738 elementor-widget elementor-widget-heading\" data-id=\"e804738\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dauer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49f1b2d elementor-widget elementor-widget-heading\" data-id=\"49f1b2d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5 Months<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-117f4f3 e-con-full e-flex e-con e-child\" data-id=\"117f4f3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7761656 elementor-widget elementor-widget-heading\" data-id=\"7761656\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Link<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da30a18 elementor-widget elementor-widget-heading\" data-id=\"da30a18\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/ba-energy.ir\/\">https:\/\/ba-energy.ir\/<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e367a1 e-flex e-con-boxed e-con e-parent\" data-id=\"4e367a1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21a6d3a elementor-widget elementor-widget-heading\" data-id=\"21a6d3a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83d\uddc2Projekt\u00fcbersicht<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a02f003 elementor-widget elementor-widget-text-editor\" data-id=\"a02f003\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"\" data-start=\"498\" data-end=\"937\">BaEnergy ist eine digitale Plattform, die das Bewusstsein f\u00fcr einen verantwortungsvolleren Stromverbrauch in iranischen Haushalten f\u00f6rdern soll. Als Reaktion auf die wachsenden Energieprobleme des Landes vermittelt das Produkt Informationen \u00fcber Spitzenlastzeiten, unterst\u00fctzt durch Strategien zum Verbrauchsmanagement und erm\u00f6glicht den Nutzer:innen durch intuitives Design und Echtzeit-Einblicke eine Reduzierung ihres Stromverbrauchs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c323a18 e-flex e-con-boxed e-con e-parent\" data-id=\"c323a18\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4632819 elementor-widget elementor-widget-heading\" data-id=\"4632819\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u2757\ufe0fProblemstellung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ab4d70 elementor-widget elementor-widget-text-editor\" data-id=\"4ab4d70\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><p class=\"\" data-start=\"970\" data-end=\"1371\">Der Iran steht aktuell vor einem erheblichen Ungleichgewicht zwischen Stromerzeugung und -verbrauch.<br data-start=\"1070\" data-end=\"1073\" \/>Ursachen sind unter anderem niedrige Strompreise und eine unzureichende technische Infrastruktur f\u00fcr die \u00dcberwachung in Echtzeit.<br data-start=\"1202\" data-end=\"1205\" \/>Da strukturelle Reformen kostspielig und zeitintensiv sind, setzt unsere L\u00f6sung auf <strong data-start=\"1289\" data-end=\"1340\">Verhaltens\u00e4nderung durch Aufkl\u00e4rung und Bildung<\/strong> \u2013 mit zwei zentralen Ans\u00e4tzen:<\/p><ul data-start=\"1373\" data-end=\"1553\"><li class=\"\" data-start=\"1373\" data-end=\"1477\"><p class=\"\" data-start=\"1375\" data-end=\"1477\"><strong data-start=\"1375\" data-end=\"1402\">Spitzenlastverschiebung<\/strong> (Verlagerung der Nutzung von Zeiten hoher Last in Zeiten niedriger Last)<\/p><\/li><li class=\"\" data-start=\"1478\" data-end=\"1553\"><p class=\"\" data-start=\"1480\" data-end=\"1553\"><strong data-start=\"1480\" data-end=\"1501\">Energiemanagement<\/strong> (Reduzierung und Optimierung des Energieverbrauchs)<\/p><\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b408d3f e-flex e-con-boxed e-con e-parent\" data-id=\"b408d3f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f45ebe8 elementor-widget elementor-widget-heading\" data-id=\"f45ebe8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\udfafZiele und Bed\u00fcrfnisse der Nutzer:innen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a60737 elementor-widget elementor-widget-text-editor\" data-id=\"2a60737\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li dir=\"ltr\"><p class=\"\" data-start=\"1610\" data-end=\"1795\">Durch intensive Usability-Tests, Benchmark-Analysen und Interviews konnten wir die wichtigsten Ziele und Bed\u00fcrfnisse der Nutzer:innen identifizieren, die unser UX-Design geleitet haben:<\/p><ul data-start=\"1797\" data-end=\"2182\"><li class=\"\" data-start=\"1797\" data-end=\"1880\"><p class=\"\" data-start=\"1799\" data-end=\"1880\">Buchungen in wenigen Schritten abschlie\u00dfen und Reservierungen einfach verwalten<\/p><\/li><li class=\"\" data-start=\"1881\" data-end=\"1993\"><p class=\"\" data-start=\"1883\" data-end=\"1993\">Umfassende Informationen (inkl. Bewertungen und Empfehlungen) finden, um fundierte Entscheidungen zu treffen<\/p><\/li><li class=\"\" data-start=\"1994\" data-end=\"2058\"><p class=\"\" data-start=\"1996\" data-end=\"2058\">Erfahrungen problemlos teilen und so zur Community beitragen<\/p><\/li><li class=\"\" data-start=\"2059\" data-end=\"2139\"><p class=\"\" data-start=\"2061\" data-end=\"2139\">Personalisierte Vorschl\u00e4ge f\u00fcr Fl\u00fcge, Hotels und Sehensw\u00fcrdigkeiten erhalten<\/p><\/li><li class=\"\" data-start=\"2140\" data-end=\"2182\"><p class=\"\" data-start=\"2142\" data-end=\"2182\">Schnelle und pr\u00e4zise Suchfunktion nutzen<\/p><\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b450f6 e-flex e-con-boxed e-con e-parent\" data-id=\"7b450f6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6604d5a elementor-widget elementor-widget-heading\" data-id=\"6604d5a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u2699\ufe0f Design Process<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb3203e elementor-widget elementor-widget-text-editor\" data-id=\"bb3203e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"\" data-start=\"2214\" data-end=\"2252\">1. \ud83d\udd0d <strong data-start=\"2224\" data-end=\"2250\">Stakeholder-Interviews<\/strong><\/h3><p class=\"\" data-start=\"2253\" data-end=\"2514\">Wir starteten mit Gespr\u00e4chen mit Stakeholdern, um Gesch\u00e4ftsziele, technische Einschr\u00e4nkungen und Visionen zu verstehen.<br data-start=\"2372\" data-end=\"2375\" \/>In diesen Meetings wurden auch Nutzerfl\u00fcsse und erste Wireframes diskutiert, um ein gemeinsames Verst\u00e4ndnis der Kernfunktionen zu schaffen.<\/p><p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-134\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-7601451.png\" alt=\"\" width=\"710\" height=\"421\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-7601451.png 710w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-7601451-300x178.png 300w\" sizes=\"(max-width: 710px) 100vw, 710px\" \/><\/p><h3 data-start=\"2521\" data-end=\"2570\">\u00a0<\/h3><h3 class=\"\" data-start=\"2521\" data-end=\"2570\">2. \ud83d\udcca <strong data-start=\"2531\" data-end=\"2568\">Benchmarking &amp;<\/strong><strong data-start=\"2531\" data-end=\"2568\"> Wettbewerbsanalyse<\/strong><\/h3><p class=\"\" data-start=\"2571\" data-end=\"2652\">Wir analysierten bekannte Energie-Apps wie Bargh Man, Hydro-Qu\u00e9bec und MyTNB, um:<\/p><ul data-start=\"2654\" data-end=\"2825\"><li class=\"\" data-start=\"2654\" data-end=\"2708\"><p class=\"\" data-start=\"2656\" data-end=\"2708\">die Denkweise der Nutzer:innen besser zu verstehen<\/p><\/li><li class=\"\" data-start=\"2709\" data-end=\"2766\"><p class=\"\" data-start=\"2711\" data-end=\"2766\">Best Practices im Energiemanagement zu identifizieren<\/p><\/li><li class=\"\" data-start=\"2767\" data-end=\"2825\"><p class=\"\" data-start=\"2769\" data-end=\"2825\">St\u00e4rken und Schw\u00e4chen bestehender L\u00f6sungen zu bewerten<\/p><\/li><\/ul><p class=\"\" data-start=\"2827\" data-end=\"2937\">Diese Erkenntnisse halfen uns, fundierte Designentscheidungen zu treffen und h\u00e4ufige UX-Probleme zu vermeiden.<\/p><table width=\"528\"><tbody><tr><td>\u2705 St\u00e4rken<\/td><td>\u274c Schw\u00e4chen<\/td><\/tr><tr><td>Diagramme &amp; Analysen \u00fcber die Zeit<\/td><td>Schwache Informationsarchitektur<\/td><\/tr><tr><td>\u00a0<\/td><td>Uneinheitliches und fragmentiertes UI<\/td><\/tr><tr><td>Benachrichtigungen bei Ausf\u00e4llen &amp; Wiederverbindungen<\/td><td>\u00a0Kein klares Rastersystem<\/td><\/tr><tr><td>Ger\u00e4tebezogene Verbrauchseinblicke<\/td><td>Mangelndes Nutzer-Feedback<\/td><\/tr><tr><td>In-App-Zahlungssystem<\/td><td>\u00a0Verwirrende Navigation<\/td><\/tr><tr><td>Verbrauchskostensch\u00e4tzung nach Stufe<\/td><td>Ineffiziente Nutzerfl\u00fcsse<\/td><\/tr><tr><td>Echtzeit-Kostenkalkulator<\/td><td>Unklarer Scan-\/Rechnungsprozess<\/td><\/tr><tr><td>Volle Nutzungs- &amp; Zahlungshistorie<\/td><td>Schlechte Nutzung von Wei\u00dfraum<\/td><\/tr><\/tbody><\/table><h2 data-start=\"872\" data-end=\"896\">\u00a0<\/h2><h2 class=\"\" data-start=\"872\" data-end=\"896\">\ud83e\udd1d Teamzusammenarbeit<\/h2><p class=\"\" data-start=\"898\" data-end=\"977\">Wir f\u00fchrten Brainstorming-Sessions und Workshops mit dem Produktteam durch, um:<\/p><ul data-start=\"979\" data-end=\"1102\"><li class=\"\" data-start=\"979\" data-end=\"1016\"><p class=\"\" data-start=\"981\" data-end=\"1016\">zentrale Funktionen zu definieren<\/p><\/li><li class=\"\" data-start=\"1017\" data-end=\"1045\"><p class=\"\" data-start=\"1019\" data-end=\"1045\">Aufgaben zu priorisieren<\/p><\/li><li class=\"\" data-start=\"1046\" data-end=\"1102\"><p class=\"\" data-start=\"1048\" data-end=\"1102\">die MVP-Version (Minimum Viable Product) festzulegen<\/p><\/li><\/ul><p class=\"\" data-start=\"1104\" data-end=\"1177\">Alle \u2013 von Entwickler:innen bis Content-Strateg:innen \u2013 waren involviert.<\/p><p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-111\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760120.png\" alt=\"\" width=\"1003\" height=\"583\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760120.png 1003w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760120-300x174.png 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760120-768x446.png 768w\" sizes=\"(max-width: 1003px) 100vw, 1003px\" \/><\/p><h2 dir=\"ltr\">4. \ud83e\uddf1 Wireframing<\/h2><p class=\"\" data-start=\"1203\" data-end=\"1450\">Basierend auf unseren Erkenntnissen erstellten wir <strong data-start=\"1254\" data-end=\"1281\">Low-Fidelity-Wireframes<\/strong>, um die Nutzerreise zu visualisieren und wichtige Funktionen zu skizzieren.<br data-start=\"1357\" data-end=\"1360\" \/>Diese fr\u00fchen Skizzen halfen uns, Ideen schnell zu testen und direktes Feedback einzuholen.<\/p><p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-112\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/20250409_112507-2.jpg\" alt=\"\" width=\"886\" height=\"614\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/20250409_112507-2.jpg 886w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/20250409_112507-2-300x208.jpg 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/20250409_112507-2-768x532.jpg 768w\" sizes=\"(max-width: 886px) 100vw, 886px\" \/><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7067ff9 e-flex e-con-boxed e-con e-parent\" data-id=\"7067ff9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7260fb3 elementor-widget elementor-widget-heading\" data-id=\"7260fb3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Informationsarchitektur<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf22e0a elementor-widget elementor-widget-text-editor\" data-id=\"cf22e0a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"\" data-start=\"1488\" data-end=\"1791\">Eine durchdachte Informationsarchitektur erm\u00f6glicht Nutzer:innen eine einfache Navigation und hilft ihnen, gew\u00fcnschte Inhalte schnell zu finden. Sie reduziert die kognitive Belastung durch logische, vorhersehbare Strukturen \u2013 was die <strong data-start=\"1724\" data-end=\"1779\">Usability, Barrierefreiheit und Nutzerzufriedenheit<\/strong> verbessert. Das Diagramm zeigt den logischen Aufbau der App, z.\u202fB. Startseite \u2192 Anmeldung \u2192 Inhalte, Filter, Nachrichten usw.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-113\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760148.jpg\" alt=\"\" width=\"1184\" height=\"931\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760148.jpg 1184w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760148-300x236.jpg 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760148-1024x805.jpg 1024w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760148-768x604.jpg 768w\" sizes=\"(max-width: 1184px) 100vw, 1184px\" \/><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94d502a e-flex e-con-boxed e-con e-parent\" data-id=\"94d502a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39da079 elementor-widget elementor-widget-heading\" data-id=\"39da079\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\udfa8UI Kit and Styles<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55ac6db elementor-widget elementor-widget-text-editor\" data-id=\"55ac6db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00a0<\/p><p><b>Farben<\/b><br \/>Um visuelle Konsistenz sicherzustellen und intuitives Feedback zu f\u00f6rdern, nutzten wir ein strukturiertes Farbsystem mit semantischen Bedeutungen:<\/p><p>Rot (Fehler \/ Warnung):<br \/>Zeigt kritische Energieverbrauchszonen oder Fehlermeldungen an<\/p><p>Blau (Information):<br \/>Wird f\u00fcr Systemmeldungen, Hinweise und neutrale Nachrichten verwendet<\/p><p>Gelb (Vorsicht):<br \/>Kennzeichnet Bereiche, die Aufmerksamkeit erfordern<\/p><p>Gr\u00fcn (Erfolg):<br \/>Symbolisiert optimierten Verbrauch und positives Nutzerverhalten<\/p><p><img decoding=\"async\" class=\"emoji\" role=\"img\" draggable=\"false\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/1f3a8.svg\" alt=\"\ud83c\udfa8\" \/> <b>Prim\u00e4rfarbe<\/b><br \/>Die Prim\u00e4rfarbe von Ba Energy wurde sorgf\u00e4ltig gew\u00e4hlt, um Nachhaltigkeit, Vertrauen und Wachstum zu vermitteln.<br \/>Diese Farbt\u00f6ne wurden konsistent auf Buttons, Diagramme und Highlights angewendet, um ein einheitliches Nutzererlebnis zu schaffen.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-114\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7624581.png\" alt=\"\" width=\"1184\" height=\"495\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7624581.png 1184w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7624581-300x125.png 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7624581-1024x428.png 1024w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7624581-768x321.png 768w\" sizes=\"(max-width: 1184px) 100vw, 1184px\" \/><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-115\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762500.png\" alt=\"\" width=\"1194\" height=\"379\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762500.png 1194w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762500-300x95.png 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762500-1024x325.png 1024w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762500-768x244.png 768w\" sizes=\"(max-width: 1194px) 100vw, 1194px\" \/><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4451a3b e-flex e-con-boxed e-con e-parent\" data-id=\"4451a3b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a4605a elementor-widget elementor-widget-heading\" data-id=\"6a4605a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Typografie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86838f9 elementor-widget elementor-widget-text-editor\" data-id=\"86838f9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"\" data-start=\"169\" data-end=\"375\">Typografie spielte eine zentrale Rolle beim Aufbau einer klaren und gut lesbaren Benutzeroberfl\u00e4che.<br data-start=\"269\" data-end=\"272\" \/>Ich entwickelte ein Typografiesystem, das auf einer klaren <strong data-start=\"331\" data-end=\"345\">Hierarchie<\/strong> und <strong data-start=\"350\" data-end=\"366\">Schlichtheit<\/strong> basiert:<\/p><ul data-start=\"377\" data-end=\"687\"><li class=\"\" data-start=\"377\" data-end=\"484\"><p class=\"\" data-start=\"379\" data-end=\"484\"><strong data-start=\"379\" data-end=\"396\">\u00dcberschriften<\/strong> \u2013 F\u00fcr Abschnittstitel und Diagrammbeschriftungen. Fett gesetzt und schnell erfassbar.<\/p><\/li><li class=\"\" data-start=\"485\" data-end=\"587\"><p class=\"\" data-start=\"487\" data-end=\"587\"><strong data-start=\"487\" data-end=\"500\">Flie\u00dftext<\/strong> \u2013 Optimiert f\u00fcr mobile Lesbarkeit mit ausgewogenem Zeilenabstand und Schriftgewicht.<\/p><\/li><li class=\"\" data-start=\"588\" data-end=\"687\"><p class=\"\" data-start=\"590\" data-end=\"687\"><strong data-start=\"590\" data-end=\"621\">Beschriftungen &amp; Mikrotexte<\/strong> \u2013 Eingesetzt f\u00fcr Hinweise, Tooltips und erg\u00e4nzende Informationen.<\/p><\/li><\/ul><p class=\"\" data-start=\"689\" data-end=\"919\">Ich verwendete ein <strong data-start=\"708\" data-end=\"742\">einheitliches Benennungssystem<\/strong> f\u00fcr alle Textstile (z.\u202fB. <em data-start=\"769\" data-end=\"780\">Heading-L<\/em>, <em data-start=\"782\" data-end=\"790\">Body-M<\/em>, <em data-start=\"792\" data-end=\"803\">Caption-S<\/em>) und implementierte diese in Figma mittels Tokens, um visuelle Konsistenz \u00fcber alle Screens hinweg sicherzustellen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6241024 elementor-widget elementor-widget-image\" data-id=\"6241024\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"855\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762588.jpg\" class=\"attachment-full size-full wp-image-119\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762588.jpg 982w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762588-300x261.jpg 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-762588-768x669.jpg 768w\" sizes=\"(max-width: 982px) 100vw, 982px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5641cb e-flex e-con-boxed e-con e-parent\" data-id=\"b5641cb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a33b59 elementor-widget elementor-widget-heading\" data-id=\"9a33b59\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tokens<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6921011 elementor-widget elementor-widget-text-editor\" data-id=\"6921011\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Um Skalierbarkeit und Konsistenz im gesamten Designsystem sicherzustellen, habe ich von Anfang an mit Design Tokens gearbeitet.<br \/>Durch den Einsatz von Tokens konnten wir konsistente Styles gew\u00e4hrleisten, Dark-\/Light-Themes m\u00fchelos verwalten und \u00c4nderungen effizient auf alle Komponenten anwenden.<\/p><p>\ud83c\udfa8 Farben<br \/>Semantische und funktionale Farbpaletten<br \/>(z.\u202fB. color-error-80, color-primary-60)<\/p><p>\ud83d\udd20 Typografie<br \/>Schriftgr\u00f6\u00dfen, -gewichte und Zeilenh\u00f6hen<br \/>(z.\u202fB. font-body-md, font-title-lg)<\/p><p>\ud83d\udccf Abst\u00e4nde<br \/>Padding- und Margin-Einheiten<br \/>(z.\u202fB. space-4, space-8)<\/p><p>\ud83d\udd18 Ecken &amp; Schatten<br \/>Abgerundete Ecken und Elevation-Stufen f\u00fcr UI-Komponenten<\/p><p>Der Einsatz von Tokens erm\u00f6glichte es uns, globale \u00c4nderungen mit minimalem Aufwand umzusetzen und erleichterte die \u00dcbergabe an Entwickler:innen erheblich.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0689eb elementor-widget elementor-widget-image\" data-id=\"a0689eb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1184\" height=\"773\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760131.png\" class=\"attachment-full size-full wp-image-120\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760131.png 1184w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760131-300x196.png 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760131-1024x669.png 1024w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760131-768x501.png 768w\" sizes=\"(max-width: 1184px) 100vw, 1184px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8c0c34 e-flex e-con-boxed e-con e-parent\" data-id=\"d8c0c34\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3940deb elementor-widget elementor-widget-heading\" data-id=\"3940deb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Komponenten <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-283e4fd elementor-widget elementor-widget-text-editor\" data-id=\"283e4fd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wiederverwendbare Komponenten sorgen f\u00fcr <strong data-start=\"236\" data-end=\"260\">einheitliches Design<\/strong> in der gesamten App.<br data-start=\"281\" data-end=\"284\" \/>Sie beschleunigen den Design- und Entwicklungsprozess, da sie bereits vorgefertigte Elemente bereitstellen.<br data-start=\"391\" data-end=\"394\" \/>Ein gut strukturiertes Komponenten-System erleichtert zudem zuk\u00fcnftige <strong data-start=\"465\" data-end=\"497\">Anpassungen und Skalierungen<\/strong> erheblich.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc7a518 elementor-widget elementor-widget-image\" data-id=\"cc7a518\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1184\" height=\"2526\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7625021.jpg\" class=\"attachment-full size-full wp-image-121\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7625021.jpg 1184w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7625021-141x300.jpg 141w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7625021-480x1024.jpg 480w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7625021-768x1638.jpg 768w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7625021-720x1536.jpg 720w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Frame-7625021-960x2048.jpg 960w\" sizes=\"(max-width: 1184px) 100vw, 1184px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3965024 e-flex e-con-boxed e-con e-parent\" data-id=\"3965024\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab642d elementor-widget elementor-widget-image\" data-id=\"7ab642d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1279\" height=\"349\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760123.jpg\" class=\"attachment-full size-full wp-image-122\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760123.jpg 1279w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760123-300x82.jpg 300w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760123-1024x279.jpg 1024w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/Group-760123-768x210.jpg 768w\" sizes=\"(max-width: 1279px) 100vw, 1279px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d240a92 e-flex e-con-boxed e-con e-parent\" data-id=\"d240a92\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aaeaa8 elementor-widget elementor-widget-heading\" data-id=\"5aaeaa8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Finales Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3204497 elementor-widget elementor-widget-image\" data-id=\"3204497\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1279\" height=\"2238\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/1111.jpg\" class=\"attachment-full size-full wp-image-127\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/1111.jpg 1279w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/1111-171x300.jpg 171w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/1111-585x1024.jpg 585w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/1111-768x1344.jpg 768w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/1111-878x1536.jpg 878w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/1111-1170x2048.jpg 1170w\" sizes=\"(max-width: 1279px) 100vw, 1279px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e9ca4c elementor-widget elementor-widget-image\" data-id=\"1e9ca4c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1279\" height=\"2211\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111112.jpg\" class=\"attachment-full size-full wp-image-125\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111112.jpg 1279w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111112-174x300.jpg 174w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111112-592x1024.jpg 592w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111112-768x1328.jpg 768w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111112-889x1536.jpg 889w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111112-1185x2048.jpg 1185w\" sizes=\"(max-width: 1279px) 100vw, 1279px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a0c78d elementor-widget elementor-widget-image\" data-id=\"6a0c78d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1279\" height=\"2253\" src=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111113.jpg\" class=\"attachment-full size-full wp-image-126\" alt=\"\" srcset=\"https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111113.jpg 1279w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111113-170x300.jpg 170w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111113-581x1024.jpg 581w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111113-768x1353.jpg 768w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111113-872x1536.jpg 872w, https:\/\/reza-tavasoli.com\/wp-content\/uploads\/2025\/04\/111113-1163x2048.jpg 1163w\" sizes=\"(max-width: 1279px) 100vw, 1279px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Ba Energy UI\/UX Case Study Team Mahmoud Amini Product Design Lead Reza Tavassoli UIUX Designer Shahin Servati UIUX Designer Verwendete Tools Figma. Photoshop. Illustrator Dauer 5 Months Link https:\/\/ba-energy.ir\/ \ud83d\uddc2Projekt\u00fcbersicht BaEnergy ist eine digitale Plattform, die das Bewusstsein f\u00fcr einen verantwortungsvolleren Stromverbrauch in iranischen Haushalten f\u00f6rdern soll. Als Reaktion auf die wachsenden Energieprobleme des Landes [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-105","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":34,"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/pages\/105\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/media?parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}