{"id":815,"date":"2026-10-20T05:20:40","date_gmt":"2026-10-20T03:20:40","guid":{"rendered":"https:\/\/promivo.pl\/de\/leistungen\/ux-ui-design\/"},"modified":"2026-10-20T05:20:44","modified_gmt":"2026-10-20T03:20:44","slug":"ux-ui-design","status":"publish","type":"pm_service","link":"https:\/\/promivo.pl\/de\/leistungen\/ux-ui-design\/","title":{"rendered":"UX\/UI-Design"},"content":{"rendered":"\n<header class=\"wp-block-group service-intro-v4 service-hero is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group service-copy-v4 is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"hero-descriptor wp-block-paragraph\">Promivo<\/p>\n\n\n<h1 class=\"wp-block-heading\">UX\/UI-Design<\/h1>\n\n\n<p class=\"lead wp-block-paragraph\">Zuerst die Aufgabe des Nutzers, dann Struktur und Gestaltung. Wir entwerfen Oberfl\u00e4chen f\u00fcr Websites und Shops, die Angebote verst\u00e4ndlich machen und den n\u00e4chsten Schritt erleichtern.<\/p>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/promivo.pl\/de\/kontakt\/?service=ux\">Diese Leistung anfragen <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-group service-visual is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"service-art--hero pm-editorial-figure\"><img class=\"pm-editorial-photo\" src=\"https:\/\/promivo.pl\/de\/wp-content\/themes\/promivo\/assets\/editorial\/project-brief-1536.webp\" srcset=\"https:\/\/promivo.pl\/de\/wp-content\/themes\/promivo\/assets\/editorial\/project-brief-640.webp 640w, https:\/\/promivo.pl\/de\/wp-content\/themes\/promivo\/assets\/editorial\/project-brief-960.webp 960w, https:\/\/promivo.pl\/de\/wp-content\/themes\/promivo\/assets\/editorial\/project-brief-1536.webp 1536w\" sizes=\"(min-width: 1100px) 48vw, 100vw\" width=\"1536\" height=\"1024\" alt=\"Besprechung eines Projektbriefings mit Entw\u00fcrfen und Notizen.\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\"><span class=\"pm-editorial-signature\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/promivo.pl\/de\/wp-content\/themes\/promivo\/assets\/logo.svg\" width=\"21\" height=\"26\" alt=\"\"><span>promivo<\/span><\/span><\/figure>\n<\/div>\n\n<\/header>\n\n\n<div class=\"wp-block-group service-overview-v4 is-layout-flow wp-block-group-is-layout-flow\">\n\n<section class=\"wp-block-group service-section service-section--purpose is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">F\u00fcr wen und wozu<\/h2>\n\n\n<div class=\"wp-block-group service-detail-copy is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\">F\u00fcr Unternehmen, die eine Website planen oder unklare Nutzerwege \u00fcberarbeiten m\u00f6chten. Ein eigener UX\/UI-Schritt schafft Klarheit vor der technischen Umsetzung.<\/p>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"wp-block-group service-section service-section--scope is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Umfang der Zusammenarbeit<\/h2>\n\n\n<div class=\"wp-block-group service-detail-copy is-layout-flow wp-block-group-is-layout-flow\">\n\n<ul class=\"wp-block-list\">\n<li>Ziele, Inhaltsstruktur und zentrale Nutzerwege.<\/li>\n\n\n<li>Wireframes und Oberfl\u00e4chen f\u00fcr Smartphone und Desktop.<\/li>\n\n\n<li>Formularzust\u00e4nde, Navigation und wiederverwendbare Komponenten.<\/li>\n\n<\/ul>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"wp-block-group service-section service-section--deliverables is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Was Sie erhalten<\/h2>\n\n\n<div class=\"wp-block-group service-detail-copy is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\">Sie erhalten die vereinbarten Ansichten und Hinweise zur Umsetzung. Dateiformate, Bildschirmanzahl und Prototypumfang stehen im Angebot. Programmierung und Studien mit Teilnehmenden werden bei Bedarf gesondert vereinbart.<\/p>\n\n<\/div>\n\n<\/section>\n\n<\/div>\n\n\n<div class=\"wp-block-group service-planning-v4 is-layout-flow wp-block-group-is-layout-flow\">\n\n<section class=\"wp-block-group service-section service-section--process is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">So arbeiten wir zusammen<\/h2>\n\n\n<div class=\"wp-block-group service-detail-copy is-layout-flow wp-block-group-is-layout-flow\">\n\n<ul data-pm-stages=\"5\" role=\"list\" class=\"wp-block-list pm-service-stages pm-journey pm-journey--service\">\n<li><div class=\"pm-stage-visual\" aria-hidden=\"true\"><span class=\"pm-stage-index\">01<\/span><svg class=\"pm-stage-drawing\" data-pm-art=\"research\" viewBox=\"0 0 160 140\" width=\"160\" height=\"140\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse class=\"pm-drawing-ground\" cx=\"80\" cy=\"125\" rx=\"65\" ry=\"6\" stroke=\"none\"\/><path class=\"pm-drawing-paper\" d=\"M29 40h38l8-9h44v63H29Z\"\/><path d=\"M43 53h29M43 64h18M43 75h22\"\/><g class=\"pm-drawing-float\"><circle class=\"pm-drawing-accent\" cx=\"100\" cy=\"72\" r=\"22\"\/><path d=\"m116 88 15 16M90 72h20M100 62v20\"\/><\/g><\/svg><span class=\"pm-stage-pin\"><\/span><\/div><div class=\"pm-stage-title\">Bedarf kl\u00e4ren<\/div><\/li>\n\n\n<li><div class=\"pm-stage-visual\" aria-hidden=\"true\"><span class=\"pm-stage-index\">02<\/span><svg class=\"pm-stage-drawing\" data-pm-art=\"sitemap\" viewBox=\"0 0 160 140\" width=\"160\" height=\"140\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse class=\"pm-drawing-ground\" cx=\"80\" cy=\"125\" rx=\"65\" ry=\"6\" stroke=\"none\"\/><rect class=\"pm-drawing-paper\" x=\"53\" y=\"20\" width=\"54\" height=\"29\" rx=\"6\"\/><path d=\"M80 49v21M37 70h86M37 70v13M80 70v13M123 70v13\"\/><rect class=\"pm-drawing-paper\" x=\"20\" y=\"83\" width=\"34\" height=\"26\" rx=\"5\"\/><rect class=\"pm-drawing-accent pm-drawing-float\" x=\"63\" y=\"83\" width=\"34\" height=\"26\" rx=\"5\"\/><rect class=\"pm-drawing-paper\" x=\"106\" y=\"83\" width=\"34\" height=\"26\" rx=\"5\"\/><path d=\"M66 35h28\"\/><\/svg><span class=\"pm-stage-pin\"><\/span><\/div><div class=\"pm-stage-title\">Nutzerwege und Wireframes<\/div><\/li>\n\n\n<li><div class=\"pm-stage-visual\" aria-hidden=\"true\"><span class=\"pm-stage-index\">03<\/span><svg class=\"pm-stage-drawing\" data-pm-art=\"palette\" viewBox=\"0 0 160 140\" width=\"160\" height=\"140\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse class=\"pm-drawing-ground\" cx=\"80\" cy=\"125\" rx=\"65\" ry=\"6\" stroke=\"none\"\/><path class=\"pm-drawing-shadow\" d=\"m59 26 52 17-24 73-52-17Z\"\/><path class=\"pm-drawing-paper\" d=\"m78 21 45 32-45 63-45-32Z\"\/><rect class=\"pm-drawing-paper\" x=\"28\" y=\"24\" width=\"47\" height=\"89\" rx=\"6\"\/><path class=\"pm-drawing-accent\" d=\"M28 30a6 6 0 0 1 6-6h35a6 6 0 0 1 6 6v22H28Z\"\/><path d=\"M28 71h47M28 90h47\"\/><circle class=\"pm-drawing-dot pm-drawing-float\" cx=\"51\" cy=\"101\" r=\"3\"\/><\/svg><span class=\"pm-stage-pin\"><\/span><\/div><div class=\"pm-stage-title\">Gestaltungsrichtung<\/div><\/li>\n\n\n<li><div class=\"pm-stage-visual\" aria-hidden=\"true\"><span class=\"pm-stage-index\">04<\/span><svg class=\"pm-stage-drawing\" data-pm-art=\"create\" viewBox=\"0 0 160 140\" width=\"160\" height=\"140\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse class=\"pm-drawing-ground\" cx=\"80\" cy=\"125\" rx=\"65\" ry=\"6\" stroke=\"none\"\/><rect class=\"pm-drawing-paper\" x=\"24\" y=\"29\" width=\"111\" height=\"70\" rx=\"8\"\/><path d=\"M24 43h111M33 36h1m7 0h1m7 0h1\"\/><rect class=\"pm-drawing-accent\" x=\"36\" y=\"54\" width=\"37\" height=\"32\" rx=\"4\"\/><path d=\"M85 57h35M85 68h24M85 79h30\"\/><path class=\"pm-drawing-cursor pm-drawing-float\" d=\"m103 77 7 30 6-10 11-2Z\"\/><\/svg><span class=\"pm-stage-pin\"><\/span><\/div><div class=\"pm-stage-title\">Oberfl\u00e4chen entwerfen<\/div><\/li>\n\n\n<li><div class=\"pm-stage-visual\" aria-hidden=\"true\"><span class=\"pm-stage-index\">05<\/span><svg class=\"pm-stage-drawing\" data-pm-art=\"delivery\" viewBox=\"0 0 160 140\" width=\"160\" height=\"140\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse class=\"pm-drawing-ground\" cx=\"80\" cy=\"125\" rx=\"65\" ry=\"6\" stroke=\"none\"\/><path class=\"pm-drawing-paper\" d=\"m27 49 53-24 53 24v52l-53 24-53-24Z\"\/><path d=\"m27 49 53 24 53-24M80 73v52M54 37l52 24v22\"\/><g class=\"pm-drawing-float\"><circle class=\"pm-drawing-accent\" cx=\"119\" cy=\"91\" r=\"19\"\/><path d=\"m110 91 6 6 12-13\"\/><\/g><\/svg><span class=\"pm-stage-pin\"><\/span><\/div><div class=\"pm-stage-title\">Freigabe und \u00dcbergabe<\/div><\/li>\n\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/promivo.pl\/de\/zusammenarbeit\/\">Den gesamten Ablauf kennenlernen<\/a><\/p>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"wp-block-group service-section service-section--preparation is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Was Sie vorbereiten<\/h2>\n\n\n<div class=\"wp-block-group service-detail-copy is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\">Hilfreich sind Zielgruppen, zentrale Aufgaben, bestehende Website und Markenmaterial. Echte Kundenfragen und vorhandene Nutzungsdaten bilden eine gute Grundlage.<\/p>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"wp-block-group service-section service-section--estimate is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Preis und Zeitplan<\/h2>\n\n\n<div class=\"wp-block-group service-detail-copy is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\">Die Kalkulation richtet sich nach unterschiedlichen Ansichten, komplexen Nutzerwegen, Zust\u00e4nden und Ausgangsmaterial. Der Zeitplan ber\u00fccksichtigt geb\u00fcndeltes Feedback.<\/p>\n\n<\/div>\n\n<\/section>\n\n<\/div>\n\n\n<section class=\"wp-block-group service-section service-section--related-services is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Passende Leistungen<\/h2>\n\n\n<div class=\"wp-block-group service-detail-copy is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/promivo.pl\/de\/leistungen\/websites\/\">Websites<\/a><\/p>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"wp-block-group pm-specialist-brief is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Die Richtung Ihres Projekts<\/h2>\n\n\n<p class=\"wp-block-paragraph\">Bereiten Sie ein kurzes Briefing vor. Die Spezialisierung steht im Formular; Umfang und Preis best\u00e4tigen wir vor Beginn.<\/p>\n\n<div data-pm-specialism=\"UX\/UI-Design\"><section class=\"pmp pmp-config-section pmp-config-section--brief\" id=\"konfigurator\" lang=\"de\"><div class=\"pmp-section-heading\"><p class=\"pmp-overline\">Ihr Projekt<\/p><h2>Planen Sie Ihre Website<\/h2><p>Legen Sie Ziel, Inhalte und Funktionen Ihrer Website fest. Vergleichen Sie die Entw\u00fcrfe in der Vorschau, bevor Sie Ihr Briefing f\u00fcr ein Angebot absenden.<\/p><\/div><div data-pmp-config=\"strony-internetowe\" data-pmp-brief-context=\"\"><a class=\"pmp-button\" href=\"https:\/\/promivo.pl\/de\/kundenportal\/\">Portal \u00f6ffnen und Leistung konfigurieren<\/a><\/div><div class=\"pmp-toast\" role=\"status\" aria-live=\"polite\"><\/div><noscript><p>Beschreiben Sie Ihre W\u00fcnsche im Kontaktformular unten oder senden Sie sie an kontakt@promivo.pl.<\/p><\/noscript><\/section><\/div>\n\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Zuerst die Aufgabe des Nutzers, dann Struktur und Gestaltung. Wir entwerfen Oberfl\u00e4chen f\u00fcr Websites und Shops, die Angebote verst\u00e4ndlich machen und den n\u00e4chsten Schritt erleichtern.<\/p>\n","protected":false},"featured_media":816,"menu_order":102,"template":"","meta":{"_pm_translation_key":"service-ux","_pm_seo_title":"UX\/UI-Design | Promivo","_pm_seo_description":"Zuerst die Aufgabe des Nutzers, dann Struktur und Gestaltung. Wir entwerfen Oberfl\u00e4chen f\u00fcr Websites und Shops, die Angebote verst\u00e4ndlich machen und den.","_pm_source_title":"","_pm_source_url":"","_pm_document_url":"","_pm_original_description":"","_pm_project_display":"detail","_pm_gallery":[],"_pm_related_services":[],"footnotes":"","_pm_faqs":[{"question":"Erhalte ich eine funktionsf\u00e4hige Website?","answer":"Dieser Umfang liefert den Entwurf. Die Umsetzung kann gesondert oder gemeinsam angeboten werden."},{"question":"Ist die mobile Darstellung enthalten?","answer":"Ja. Wir vereinbaren zentrale mobile Ansichten und das Verhalten auf kleineren Bildschirmen."},{"question":"Sind Nutzertests enthalten?","answer":"Bedarf, Rekrutierung und Methode werden separat abgestimmt. Eine Entwurfspr\u00fcfung ist keine bereits durchgef\u00fchrte Nutzerstudie."}]},"class_list":["post-815","pm_service","type-pm_service","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/promivo.pl\/de\/wp-json\/wp\/v2\/pm_service\/815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promivo.pl\/de\/wp-json\/wp\/v2\/pm_service"}],"about":[{"href":"https:\/\/promivo.pl\/de\/wp-json\/wp\/v2\/types\/pm_service"}],"version-history":[{"count":1,"href":"https:\/\/promivo.pl\/de\/wp-json\/wp\/v2\/pm_service\/815\/revisions"}],"predecessor-version":[{"id":836,"href":"https:\/\/promivo.pl\/de\/wp-json\/wp\/v2\/pm_service\/815\/revisions\/836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/promivo.pl\/de\/wp-json\/wp\/v2\/media\/816"}],"wp:attachment":[{"href":"https:\/\/promivo.pl\/de\/wp-json\/wp\/v2\/media?parent=815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}