Webdesign

Ich benötige Hilfe bei der Bearbeitung des Online-Shops, um eine neue Produktgruppe hinzuzufügen und eine benutzerfreundliche Navigation zu diesem Produkt zu erstellen. Derzeit gibt es 9 Produkte derselben Gruppe, die sich nur im Geschmack unterscheiden und jedes hat ein unterschiedliches Volumen. Außerdem muss eine zweite Produktart hinzugefügt werden und Sets mit einem günstigeren Preis für dieselben Produkte erstellt werden.

It is necessary to reproduce as accurately as possible:– the structure of the pages; – the layout of the blocks; – the catalog grid; – the sizes of the elements; – the margins; – the typography; – the colors; – the header and footer; – product cards – the menu structure; – menu categories; – modal windows; – adaptive behavior; – hover, active, and mobile states. – the product page must have microdata for products – Pages must be optimized according to Google SEO recommendations1. Type of siteResponsive online sushi delivery store.Main versions:– desktop – from 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. NavigationHomeCategoriesPromotionsAbout UsDelivery and PaymentContactsMenuProduct CardShopping CartPage TemplateThe “Page Template” block should contain:– header;– breadcrumb;— “up” arrow— Light and dark theme switcher with user choice retention.— A watermark with the logo on the background of the page— Fix an image of chopsticks on the right edge of the background— Footer ResultDeliver:– Figma mockup for desktop and mobile; – HTML files; – CSS; – JavaScript; – a folder with placeholders; – responsive version of the page; – archive of the completed project.The main requirement is the most accurate reproduction of the structure, design, and behavior of the page example.com

Es ist notwendig, das UI/UX-Design von 2 kommerziellen Seiten der Website zu entwickeln. Die Texte für die Seiten sind bereits fertig und werden bereitgestellt. Derzeit gibt es keinen Design-Code / Style Guide - diese beiden Seiten sollen die Grundlage des visuellen Systems legen, auf das sich zukünftig orientiert wird. Ich hoffe auf eine weitere Zusammenarbeit. Wichtig: Nicht vom Design der aktuellen Website abweichen - es ist veraltet und wird vollständig ersetzt. Einige der Anforderungen: Hauptmarkenfarbe: #1c64cc Schriftart: Montserrat Zusätzliche Akzentfarben - nach Ihrem Ermessen. Keine Animationen. Responsives Design: Desktop + mobile Version Dateien in Figma Soll nicht wie ein KI-Slop aussehen Es wäre großartig, wenn Sie selbst einen Stil/Referenzen/Vorlagen vorschlagen könnten. Dann besprechen wir das in Nachrichten vor Beginn. Website: ivmed.agency - (medizinische) Website der Agentur für Leihmutterschaft.

Guten Tag, ich benötige jemanden, der die Website des Kosmetikzentrums in Ordnung bringt. Die Benutzerfreundlichkeit der Website verbessern und Vorschläge machen. Es müssen einige Anpassungen an der Struktur der Website vorgenommen, Menüpunkte hinzugefügt usw. Im Allgemeinen soll es strukturierter und benutzerfreundlicher gestaltet werden.

Projektbeschreibung Wir suchen einen erfahrenen UI/UX-Designer, um die Website von De Civitate, einem Unternehmen für rechtliche und Migrationsdienstleistungen, neu zu gestalten. Die Website hat bereits eine definierte, abschnittsbasierte Struktur und vorbereitete Inhalte. Die Aufgabe besteht darin, ein neues professionelles visuelles System für die bestehenden Abschnitte zu erstellen, anstatt die Website-Architektur von Grund auf neu zu gestalten. Das neue Design sollte: Modern, hochwertig und vertrauenswürdig sein Für den rechtlichen und Migrationssektor geeignet sein Für Benutzer ohne rechtliche Erfahrung klar sein Optimiert für die Generierung von Leads und Beratungsanfragen sein Geeignet für inhaltsreiche Dienstleistungs- und SEO-Seiten sein Vollständig responsiv und skalierbar über die gesamte Website sein Der Designer sollte die bestehenden Abschnitte als Grundlage verwenden, kann jedoch deren Komposition, Hierarchie, Abstände, CTA-Platzierung, Bilder und responsives Verhalten professionell verbessern. IN IURE ist eines der Hauptreferenzen der Wettbewerber. Immigrant Invest kann ebenfalls als Referenz für strukturierte Dienstleistungsinformationen, Vertrauenselemente, Programmvergleiche und Conversion-Flows verwendet werden. Diese Websites sind nur als Richtlinien zu verstehen und sollten nicht kopiert werden. Wir erwarten auch, dass der Designer zusätzliche Best-Practice-Beispiele von renommierten rechtlichen, migrations- und professionellen Dienstleistungs-Websites recherchiert und eine originelle visuelle Richtung für De Civitate empfiehlt. Der erforderliche Umfang umfasst: Visuelle Richtung und prägnante UX/UI-Prüfung Design-Tokens und wiederverwendbares Figma-Designsystem Kopfzeile, Navigation, Fußzeile und Rückruf-Popup Hero-Abschnitte Vorteils- und Vertrauensabschnitte Lead- und Berechtigungsformulare Service- und Programmabschnitte Prozessschritte und Vergleichstabellen Preise und Investitionsmöglichkeiten Bewertungen und Fallstudien Team- und Expertenabschnitte Büro- und Kontaktabschnitte FAQ-Komponenten Blog- und redaktionelle Komponenten CTA-Abschnitte Desktop- und mobile Seitenvorlagen Interaktionszustände und entwicklerbereite Übergabe Die bestehende Abschnitts- und Inhaltsarchitektur sollte weitgehend unverändert bleiben. Das Ergebnis muss ein wiederverwendbares Komponentensystem sein, nicht eine Sammlung von voneinander getrennten Seiten-Mockups. Bitte überprüfen Sie das vollständige Projektbriefing, bevor Sie Ihr Angebot einreichen: Vollständiges Briefing: https://docs.google.com/document/d/1Mt0-t2kGKzn2MlvB9IRkiXJIW3zKe7ZUB9atVPWoBJ4/edit?tab=t.0 Bitte fügen Sie in Ihrem Angebot Folgendes ein: Zwei oder drei relevante Portfolio-Beispiele Ihre Rolle in jedem Projekt Vorgeschlagener Arbeitsablauf und Meilensteine Geschätzter Zeitrahmen Projektpreis, vorzugsweise aufgeteilt in Designrichtung/Audit, Designsystem und priorisierte Vorlagen sowie verbleibende sekundäre Vorlagen Bestätigung, dass responsives mobiles Design, wiederverwendbare Figma-Komponenten und Entwicklerübergabe enthalten sind

Guten Tag! Es gibt eine Reihe von fertigen Bildern. Es ist notwendig, Text hinzuzufügen und einen einheitlichen Stil beizubehalten. Schriftart: Ubuntu Bold Die Aufgabe besteht aus drei Arten von Arbeiten: 1. Hinzufügen von Text im bestehenden Stil (10 Bilder) Beispiel: ChatGPT Image Jun 23, 2026, 08_05_04 PM (1).png Der Text muss im gleichen Stil wie in der Datei ChatGPT Image Jun 23, 2026, 08_05_37 PM (6).png gestaltet werden, wobei das Design gegebenenfalls leicht verbessert werden kann. Nach Genehmigung muss der Stil auf alle Bilder dieses Typs angewendet werden. 2. Hinzufügen eines Titels mit Hintergrund (10 Bilder) Beispiel: 01_Camping.png Es ist notwendig, den Titel CAMPING mit Hintergrund in einem einheitlichen Stil hinzuzufügen. Die anderen Bilder dieses Typs sollten ähnlich gestaltet werden. 3. Hinzufügen eines Titels und einer Beschreibung (10 Bilder) Beispiel: 02_Fishing.png Es ist notwendig, hinzuzufügen: GUN PARTS Baue, verbessere und pflege dein Setup mit hochwertigen Teilen und Zubehör. Nach Abstimmung des Stils sollten die anderen Bilder dieses Typs ähnlich gestaltet werden.Endergebnis Alle Bilder müssen in einem einheitlichen Stil gestaltet sein. Schriftart: Ubuntu Bold. Das Ergebnis muss als Figma-Projekt bereitgestellt werden

Wir suchen einen Designer, um das Design unseres CRM-Systems zu aktualisieren. Mit Erfahrung und Verständnis für die Designtrends 2026. Wenn möglich, senden Sie bitte Beispiele ähnlicher Arbeiten. Details und ein Beispieldesign senden wir Ihnen per privater Nachricht. Wir freuen uns auf die Zusammenarbeit!

Es muss ein vollständiges Redesign des bestehenden Online-Shops ROBO durchgeführt werden: https://robo.org.ua/ Die Website ist bereits aktiv, Produkte und die grundlegenden Funktionen sind vorhanden. Es geht nicht darum, eine neue Website von Grund auf zu erstellen, sondern das Design, die Seitenstruktur und den Benutzerweg zum Kauf vollständig zu überarbeiten. Das Hauptziel des Redesigns ist es, die Website modern, benutzerfreundlich, verständlich und maximal verkaufsfördernd zu gestalten. Der Hauptverkehr wird über Werbung von Meta – Facebook und Instagram – kommen. Die meisten Käufer besuchen die Website über Smartphones, daher muss besonderes Augenmerk auf die mobile Version gelegt werden. Eine Person, die zum ersten Mal über Werbung auf die Website gelangt, sollte sofort verstehen: — was das Produkt ist; — welche Hauptvorteile es hat; — wie viel es kostet; — was im Lieferumfang enthalten ist; — wie Lieferung und Zahlung erfolgen; — ob man dem Shop vertrauen kann; — wie schnell man eine Bestellung aufgeben kann. Es muss die bestehende Website analysiert werden, um die Hauptprobleme im Design, in der Struktur und in der Benutzerfreundlichkeit zu finden, und danach ein neues UI/UX-Design in Figma vorgeschlagen werden. Es müssen vollständige Computer- und mobile Versionen der Website entwickelt werden. Was entwickelt werden muss: Der Kopf der Website. Der Kopf der Website muss für die Computer- und mobile Version vollständig überarbeitet werden. Im Kopf sollten sein: — das Logo des Shops; — die Schaltfläche „Produktkatalog“; — das Menü der Hauptkategorien; — die Suche auf der Website; — die Telefonnummer; — die Schaltfläche für schnellen Kontakt; — die Öffnungszeiten; — die Favoriten; — das persönliche Konto, falls verwendet; — der Warenkorb mit der Anzahl der Produkte; — das mobile Burger-Menü; — Informationen zur Lieferung, Zahlung oder aktuellen Aktionen. Der Kopf sollte kompakt, verständlich und nicht zu viel Platz einnehmen. Beim Scrollen der Seite sollte ein fixierter, verkürzter Kopf mit den Hauptelementen: Logo, Katalog, Suche und Warenkorb vorgesehen werden. Das mobile Menü. Es muss ein separates, benutzerfreundliches mobiles Menü entwickelt werden, das Folgendes enthält: — den Produktkatalog; — Kategorien; — Suche; — Kontakte; — Lieferung und Zahlung; — Garantie und Rückgabe; — Bewertungen; — Favoriten; — Warenkorb; — Schaltflächen für Kontakt über Telefon oder Messenger. Die Hauptseite. Auf der Hauptseite müssen entwickelt werden: — ein Hauptbanner mit einem klaren Angebot; — Aktionsprodukte; — beliebte Kategorien; — Verkaufsschlager; — Neuheiten; — Produkte mit Rabatten; — Vorteile des Shops; — Informationen zur Lieferung und Zahlung; — Kundenbewertungen; — ein Vertrauensblock für den Shop; — empfohlene Produkte; — Antworten auf häufig gestellte Fragen; — ein Abonnement oder ein Aufruf, zum Katalog zu gehen; — der untere Teil der Website. Die Hauptseite sollte nicht überladen sein. Ihre Hauptaufgabe ist es, den Benutzer schnell zum gewünschten Produkt oder zur Kategorie zu leiten. Die Produktkategorieseite. Es müssen entwickelt werden: — der Name der Kategorie; — eine kurze Beschreibung; — Unterkategorien; — Filter; — Sortierung; — Produktkarten; — Markierungen „Hit“, „Neuheit“, „Rabatt“; — aktuelle und alte Preise; — Bewertung; — Anzahl der Bewertungen; — die Schaltfläche zum Hinzufügen zum Warenkorb; — die Möglichkeit, zu den Favoriten hinzuzufügen; — Paginierung oder die Schaltfläche „Mehr anzeigen“; — die mobile Version der Filter. Die Produktkarten sollten modern, verständlich und nicht mit überflüssigen Informationen überladen sein. Die Produktseite. Die Produktseite ist der wichtigste Teil der Website. Sie sollte die Funktionalität eines Online-Shops mit der Struktur einer verkaufsfördernden Landingpage kombinieren. Es muss eine richtige Reihenfolge der Blöcke entwickelt werden, die dem Benutzer hilft, schnell eine Kaufentscheidung zu treffen. Im ersten Bildschirm der Produktseite sollten sein: — der Produktname; — die Artikelnummer; — die Bewertung; — die Anzahl der Bewertungen; — eine Fotogalerie; — ein Produktvideo; — der aktuelle Preis; — der alte Preis; — die Höhe des Rabatts; — Informationen zur Verfügbarkeit; — Farb- oder Ausstattungsoptionen; — die Anzahl der Produkte; — die Hauptschaltfläche „Kaufen“; — die Schaltfläche für eine schnelle Bestellung; — kurze Hauptvorteile; — Informationen zur Lieferung; — Informationen zur Zahlung; — Garantie und Rückgabe; — Informationen zum Lieferumfang. Nach dem ersten Bildschirm sollten platziert werden: — ein kurzer Block mit den Hauptvorteilen; — eine Demonstration des Produkts in der realen Nutzung; — das Problem, das das Produkt löst; — eine detaillierte Beschreibung; — Fotos und Videos; — die Hauptmerkmale; — was im Lieferumfang enthalten ist; — eine Gebrauchsanweisung; — ein Vergleich mit anderen Produkten oder herkömmlichen Alternativen; — für wen das Produkt geeignet ist; — ein Block zur Lieferung und Zahlung; — Garantie und Rückgabebedingungen; — Kundenbewertungen; — Bewertungen mit Fotos und Videos; — Fragen und Antworten; — empfohlene Produkte; — Zubehörprodukte; — Produkte, die häufig zusammen gekauft werden; — ein erneuter Aufruf zur Bestellung. In der mobilen Version sollte eine fixierte untere Leiste mit dem Preis und der Schaltfläche „Kaufen“ erstellt werden. Es sollte auch ein einfacher Wechsel zwischen den Abschnitten vorgesehen werden: — Beschreibung; — Merkmale; — Bewertungen; — Fragen; — Lieferung und Zahlung. Der Block zur Lieferung und Zahlung. Es muss ein separater, verständlicher Block entwickelt werden, in dem Folgendes angegeben ist: — Lieferung mit Nova Poshta; — voraussichtliche Lieferzeit; — Möglichkeit der Zahlung bei Erhalt; — Online-Zahlung; — Zahlung auf Rechnung; — die Lieferkosten; — Bedingungen für kostenlosen Versand, falls vorhanden; — Umtausch und Rückgabe; — Garantie. Diese Informationen sollten in der Nähe der Schaltfläche „Kaufen“ sichtbar sein und auch weiter unten auf der Seite wiederholt werden. Bewertungen. Es muss ein moderner Bewertungsblock entwickelt werden: — die Gesamtbewertung des Produkts; — die Anzahl der Bewertungen; — die Verteilung der Bewertungen; — der Name des Käufers; — das Datum der Bewertung; — das Zeichen „Bestätigter Kauf“; — der Text der Bewertung; — Fotos; — Videos; — die Bewertung des Produkts; — die Antwort des Shops; — die Schaltfläche „Bewertung abgeben“; — die Sortierung der Bewertungen. Die Bewertungen sollten Vertrauen erwecken und benutzerfreundlich für die Ansicht auf Smartphones sein. Produktmerkmale. Es muss ein separater, verständlicher Block mit Merkmalen erstellt werden. Die Merkmale sollten in Form einer strukturierten Liste oder Tabelle angezeigt werden, die sowohl auf dem Computer als auch auf dem Smartphone gut aussieht. Fragen und Antworten. Es muss ein Block entwickelt werden, in dem Käufer: — beliebte Fragen einsehen; — Antworten öffnen und schließen; — eigene Fragen stellen; — die Antwort des Shops sehen; — das Datum der Antwort einsehen können. Warenkorb. Es muss eine vollständige und Mini-Version des Warenkorbs entwickelt werden. Im Warenkorb sollten sein: — Produktfoto; — Name; — gewählte Ausstattung oder Farbe; — Preis; — alter Preis; — Anzahl; — Möglichkeit, das Produkt zu entfernen; — Aktionscode; — Bestellsumme; — die Lieferkosten oder Informationen dazu; — empfohlene Produkte; — die Schaltfläche „Bestellung aufgeben“; — die Schaltfläche „Einkäufe fortsetzen“. Bestellaufgabe. Es muss eine möglichst einfache Bestellaufgabe ohne überflüssige Felder erstellt werden. Die Hauptfelder: — Name; — Telefonnummer; — Wohnort; — Filiale oder Paketstation von Nova Poshta; — Liefermethode; — Zahlungsmethode; — Kommentar zur Bestellung; — Aktionscode; — Bestellinhalt; — Gesamtsumme; — Schaltfläche zur Bestellbestätigung. Es sollte auch eine Nachricht über die erfolgreiche Bestellung vorgesehen werden. Suche auf der Website. Es muss entwickelt werden: — eine Suchleiste; — Vorschläge während der Eingabe; — beliebte Suchanfragen; — Produkte in den Ergebnissen; — Kategorien in den Ergebnissen; — eine Suchergebnisseite; — eine Nachricht, wenn nichts gefunden wurde. Favoriten. Es muss eine Seite mit den ausgewählten Produkten entwickelt werden, mit der Möglichkeit: — gespeicherte Produkte anzusehen; — Produkte zu entfernen; — Produkte zum Warenkorb hinzuzufügen; — Einkäufe fortzusetzen. Informationsseiten. Es muss das Design der Seiten entwickelt werden: — Lieferung und Zahlung; — Garantie; — Umtausch und Rückgabe; — Über den Shop; — Kontakte; — Datenschutzrichtlinie; — öffentliche Offerte; — häufig gestellte Fragen. Die Kontaktseite. Es muss vorgesehen werden: — Telefonnummer; — E-Mail; — Öffnungszeiten; — Messenger; — soziale Netzwerke; — ein Kontaktformular; — rechtliche Informationen über den Shop. Der untere Teil der Website. Es muss der Footer der Website vollständig entwickelt werden. Im Footer sollten sein: — Logo; — kurze Informationen über den Shop; — Katalog; — beliebte Kategorien; — Informationen für Käufer; — Lieferung und Zahlung; — Umtausch und Rückgabe; — Kontakte; — Öffnungszeiten; — soziale Netzwerke; — Zahlungsmethoden; — rechtliche Informationen; — Datenschutzrichtlinie; — öffentliche Offerte. Systemseiten und Nachrichten. Es muss das Design folgender Zustände vorgesehen werden: — Produkt zum Warenkorb hinzugefügt; — Produkt zu den Favoriten hinzugefügt; — Fehler beim Ausfüllen des Formulars; — Produkt nicht verfügbar; — leerer Warenkorb; — leere Favoriten; — nichts gefunden; — Seite 404; — erfolgreiche Bestellung; — Zahlungsfehler; — Seitenladung; — Nachricht über die Verwendung von Cookies. Design-System. Es muss ein einheitliches Design-System erstellt werden, das Folgendes umfasst: — Farben; — Schriftarten; — Überschriften; — Schaltflächen; — Eingabefelder; — Produktkarten; — Icons; — Abstände; — modale Fenster; — Nachrichten; — aktive und inaktive Zustände; — Hover-Zustände; — mobile Komponenten. Alle Elemente müssen als Komponenten in Figma gestaltet werden. Zielgruppe: Käufer aus der Ukraine, die nach Produkten für Zuhause, Autos, Kinder, Elektronik, Geschenken und nützlichen Gadgets suchen. Ein erheblicher Teil der Nutzer gelangt über Werbung auf Facebook und Instagram auf die Website. Sie nutzen überwiegend Smartphones und sehen die Marke ROBO möglicherweise zum ersten Mal. Daher muss die Website: — schnell laden; — Vertrauen erwecken; — die Vorteile des Produkts klar darstellen; — den Benutzer nicht überfordern; — die Bestellung vereinfachen; — auf verschiedenen Bildschirmgrößen gut aussehen; — den Benutzer zum Kauf des Produkts motivieren. Anforderungen an den Designer: — Erfahrung im Design von Online-Shops; — Erfahrung in der Erstellung von verkaufsfördernden Produktseiten; — Verständnis von UI/UX; — Verständnis für mobile Anpassungen; — Fähigkeit, in Figma zu arbeiten; — Verständnis des Verhaltens von Nutzern, die über Werbung kommen; — Portfolio mit ähnlichen Arbeiten; — Bereitschaft, vorgeschlagene Lösungen zu argumentieren; — Möglichkeit, nach der Präsentation des Designs Änderungen vorzunehmen. Erwartetes Ergebnis: — vollständiges Design des Online-Shops in Figma; — Computer-Version; — mobile Version; — Design aller Hauptseiten; — Design aller wichtigen Systemzustände; — Komponenten und Design-System; — klickbares Prototyp der Hauptseiten; — verständliche Dateistruktur; — Vorbereitung der Layouts zur Übergabe an den Programmierer; — angegebene Größen, Abstände, Schriftarten, Farben und Zustände der Elemente. Programmierung und Codierung sind in diesem Stadium nicht erforderlich. Es wird ein vollständiges UI/UX-Design in Figma benötigt. Im Feedback zum Projekt

Guten Tag, Kollegen. Aufgrund von Problemen beim Designer musste mit der Überarbeitung des Designs der Seiten bereits gestern begonnen werden. Ich füge das Layout in Figma der Seiten bei, die bereit sind - Figma Bereit jetzt: Startseite, Katalog, Produktkarte. Was noch gezeichnet werden muss: Persönliches Konto, Warenkorb, Bestellung aufgeben, Qualität und Kontrolle, Zertifikate, Blog und interne Blogseite. Ich bitte diejenigen, die die Layouts, die bereits fertig sind, das Lastenheft und die Prototypen wirklich studiert haben, eine Kontrollantwort mit dem Lastenheft zu schreiben. Lastenheft - Hier klicken Prototypen - Hier klicken

Es ist notwendig, einen Online-Shop auf der Plattform Khoroshop professionell zu gestalten, ihn modern, benutzerfreundlich und visuell ansprechend zu machen. Was erforderlich ist: Die Startseite in einem einheitlichen Corporate Design zu gestalten. Schöne Banner, Kategorien und Produktblöcke einzurichten. Die visuelle Gestaltung der Produkt- und Kategorie-Karten zu verbessern. Eine benutzerfreundliche Navigation und Struktur der Startseite zu erstellen. Eine ansprechende Darstellung von Aktionen, Neuheiten, beliebten Produkten und Marken einzurichten. Die Darstellung der Website auf mobilen Geräten zu optimieren. Bei Bedarf Verbesserungsvorschläge für UX/UI zu unterbreiten. Die Möglichkeiten der Plattform Khoroshop zu nutzen, ohne die Ladegeschwindigkeit der Website zu beeinträchtigen. Vorteilhaft wäre: Erfahrung in der Gestaltung von Shops auf der Plattform Khoroshop. Ein Portfolio mit realisierten Projekten. Verständnis der modernen Prinzipien von UX/UI und E-Commerce. Kenntnis der SEO-Anforderungen bei der Gestaltung der Website. Bitte senden Sie bei Ihrer Antwort: Links zu von Ihnen gestalteten Shops auf Khoroshop; Eine kurze Beschreibung der durchgeführten Arbeiten; Die Kosten und den Zeitrahmen für die Durchführung des Projekts.

Ein Layout-Designer/Web-Designer wird für die visuelle Aktualisierung der Website benötigt. Die Funktionalität muss nicht geändert werden – nur das Aussehen (HTML/CSS, Bilder). Was es jetzt gibt: Eine funktionierende Gaming-Website (Admin-Panel für den privaten Mu Online-Server) in PHP, mit einer selbstgeschriebenen Engine, ohne Frameworks. Templates – normale HTML-Dateien mit Platzhaltern wie $TITLE$, $USER_USER$ usw., die die Engine beim Laden selbst mit Daten ersetzt. Stile – normales CSS, Skripte – jQuery, ohne Bundler (Webpack/Vite) und Preprozessoren (SASS/LESS). Die Website besteht aus 2 funktionalen Bereichen: öffentlicher Bereich (für nicht eingeloggte Benutzer – Serverbeschreibung, Neuigkeiten, Top) und interner Bereich (Benutzerkonto – Charakterstatistiken, Gilden, Stadt, Shop usw.). Der Wechsel zwischen ihnen erfolgt auf Inhaltsebene, nicht auf separaten Seiten. Was zu tun ist: Den öffentlichen Bereich visuell von Grund auf neu gestalten, basierend auf einem Referenzdesign (Stil mutts.lt, es gibt ein fertiges AI-Konzept, aber es ist zu grell, es muss an die allgemeine Farbpalette der Website angepasst werden). Den internen Bereich – das visuelle Design der bestehenden Seiten (Benutzerkonto, Stadt, Gilden usw.) basierend auf einem Referenzdesign aktualisieren, während die gesamte aktuelle Datenstruktur und Funktionalität erhalten bleibt. Wichtig: Die Platzhalter der Engine ($...$) dürfen nicht berührt werden – nur das Markup und die Stile um sie herum. Die gesamte aktuelle Logik (Berechnungen, Formulare, AJAX-Anfragen) bleibt unverändert – wird ohne Änderungen in das neue Layout übertragen. Zugang zu den Website-Dateien und einem Testkonto wird nach Arbeitsbeginn bereitgestellt. Ich werde dem Auftrag beifügen: ein Referenzdesign (site.png), Screenshots des aktuellen Aussehens der Website.

1. Allgemeine Informationen zum Projekt Auftraggeber: Familienfreizeitpark in Deutschland (vollständiger Name und Domain werden dem Auftragnehmer nach Projektstart bekannt gegeben) Projektart: vollständiges Redesign und Neugestaltung der Website von Grund auf Aktuelle Website: WordPress/Elementor, veraltet, erfordert einen vollständigen Austausch Zielgruppe: Familien mit Kindern im Alter von 2 bis 12 Jahren, Region Deutschland mit mehreren großen Städten in der Nähe (15 bis 20 Minuten mit dem Auto) Sprache der Website: Hauptsächlich Deutsch (DE), zusätzlich Englisch (EN), separate Sprachversion CMS: nach Ermessen des Entwicklers, WordPress mit benutzerdefiniertem Theme, Webflow oder headless CMS. Elementor nicht verwenden. Domain: bestehend, wird ohne Änderung übertragen Abgabetermin: nach Vereinbarung mit dem Auftraggeber 2. Ziele und Schlüssel-KPIs Die neue Website soll drei strategische Funktionen erfüllen: Die Atmosphäre des Parks als immersives Abenteuer vermitteln, nicht eine Liste von Dienstleistungen, sondern ein Eintauchen in die Themenwelt. Die Konversion maximieren: Der Besucher der Website sollte in weniger als 3 Klicks von jeder Seite aus eine Buchung vornehmen können. Ein einwandfreies mobiles UX gewährleisten, über 60% des Traffics werden von mobilen Geräten erwartet. KPI #1: Zeit bis zum ersten Klick auf "Buchen" nicht mehr als 10 Sekunden nach dem Laden der Startseite KPI #2: Page Speed Score (Google PageSpeed Insights) mindestens 85 auf Mobilgeräten, mindestens 90 auf Desktop KPI #3: Absprungrate (Bounce Rate) unter 45% KPI #4: Korrekte Darstellung in allen modernen Browsern (Chrome, Firefox, Safari, Edge) und auf iOS/Android 3. Arbeitsumfang 3.1 Seiten und Abschnitte Minimaler Satz an Seiten: Startseite: Hero-Sektion, Ankündigung der Live-Show am Wochenende, Top 5 Attraktionen, Google-Bewertungen, CTA-Block Katalog der Attraktionen mit Altersfilter (0 bis 3 / 3 bis 6 / 6 bis 12 Jahre), Karten mit Fotos und Videos Geburtstags-Pakete, Beschreibung plus Konfigurator Aktuelle Aktionen und saisonale Veranstaltungen, jede mit ihrer eigenen visuellen Karte Preise, Tabelle plus Widget für die Online-Buchung (Integration mit einem externen Buchungssystem) Restaurant, Menü und Atmosphäre Fotogalerie plus eingebetteter Instagram-Feed Über den Park, Regeln, FAQ (ohne Wiederholung der Regeln) Kontakte, Google Maps-Karte, Kontaktformular, Öffnungszeiten, klickbare Telefonnummer und E-Mail Spiegel aller Seiten in englischer Sprache 3.2 Was von der aktuellen Website entfernt werden muss Alle Texte zu COVID-19-Beschränkungen (2021 bis 2022), einschließlich Footer FAQ mit Fragen zu den Kosten der Webseitenerstellung (fremder Inhalt) Veralteter Copyright-Jahr, ersetzen durch aktuelles Nicht funktionierende Elementor-Popup-Buttons Veraltete Benachrichtigungen über die Wiedereröffnung nach den Beschränkungen Wiederholung der Parkregeln im FAQ-Bereich 4. Funktionale Anforderungen P1 = kritisch für den Start, P2 = wünschenswert in v1.0, P3 = mögliche Nachbesserungen später 4.1 Hero-Sektion (Startseite) P1, Fullscreen Video Hero: Autoplay-Video ohne Ton (stumm, Schleife), 100vw auf 100vh. Bei Klick Ton aktivieren. Über dem Video kurzer Slogan und CTA-Button. P1, Textschicht über dem Video: H1-Überschrift, Unterüberschrift plus Buttons "Buchen" und "Mehr erfahren". Schriftart lesbar auf jedem Hintergrund. P1, Sticky Navigation: Navigationsleiste bleibt beim Scrollen oben fixiert, Hintergrund wechselt von transparent zu dunkel beim Scrollen. P1, Sticky CTA-Button: Button "Buchen" immer sichtbar, auf Desktop im Header, auf Mobilgeräten eine feste Leiste am unteren Bildschirmrand. P2, Scroll-Animationen: Elemente erscheinen mit CSS-Animation (fade in plus slide up) beim Scrollen. Bibliothek Intersection Observer oder AOS.js. Keine schweren 3D-Bibliotheken. 4.2 Attraktionen P1, Karten der Attraktionen: Foto/Video, Name, kurze Beschreibung, Symbol für Altersbeschränkung, Button "Mehr erfahren" P1, Altersfilter: Kundenfilter ohne Seitenneuladen, Implementierung CSS-Klassen plus Vanilla JS oder Vue/React-Komponente P1, Detailseite der Attraktion: eigene URL, großes Foto/Video, vollständige Beschreibung, Größen-/Altersbeschränkungen, Buchungsbutton P2, Kurzvideo: 15 bis 30 Sekunden Clip für jede Attraktion, Autoplay bei Hover auf Desktop oder Tap auf Mobilgeräten 4.3 Buchungssystem P1, Integration mit externem Buchungssystem: Widget wird inline (iframe oder JS-Embed) auf den Seiten Preise und Geburtstag eingebettet, ohne in einem neuen Tab zu öffnen P1, mehrstufiger Buchungsprozess: Schritt-für-Schritt-Assistent, Besuchstyp, Datum/Uhrzeit, Anzahl der Gäste, Bestätigung, Fortschrittsbalken erforderlich P1, Erklärung der Zeitfenster: Info-Block neben der Auswahl der Uhrzeit P2, Live-Verfügbarkeit der Zeitfenster: API-Anfrage an das Buchungssystem, Anzeige von belegten/freien Zeitfenstern in Echtzeit 4.4 Geburtstagskonfigurator P1, mehrstufiger Konfigurator: Alter des Geburtstagskindes, Anzahl der Kinder, Auswahl des Pakets, zusätzliche Optionen, Auswahl des Datums, Anfrageformular oder direkte Buchung P1, dynamische Preisberechnung: wird in Echtzeit bei Änderung der Parameter aktualisiert, ohne Neuladen P2, endgültige Zusammenfassung: Zusammenfassende Karte der Auswahl im letzten Schritt mit Buttons "Anfragen" und "Direkt buchen" 4.5 Vertrauen und soziale Bestätigung P1, Google Reviews-Widget: mindestens 5 Bewertungen, durchschnittliche Bewertung, Sterne, Platzierung auf der Startseite über dem CTA-Buchungsblock P1, Instagram-Feed: eingebetteter Feed der letzten 9 bis 12 Posts über die offizielle API oder Widget, Link zum Konto P2, Besucherzähler: animierter Zähler 4.6 Zusätzliche funktionale Blöcke P1, Live-Status "jetzt geöffnet/geschlossen": automatische Markierung basierend auf den Öffnungszeiten P1, klickbare Kontakte: Telefon und E-Mail als aktive Links, unbedingt im Header und auf der Kontaktseite P2, interaktive Karte des Parks: SVG oder Image Map mit klickbaren Zonen der Attraktionen P2, Auslastungs-Tracker: visueller Indikator der erwarteten Auslastung des Parks P2, Countdown bis zur Veranstaltung: Widget Countdown bis zur nächsten saisonalen Veranstaltung P3, separater Abschnitt für Abendveranstaltungen: Seite oder Abschnitt mit eigenem visuellen Stil und Buchungsbutton 5. Nicht-funktionale Anforderungen 5.1 Leistung LCP nicht mehr als 2,5 Sekunden auf Mobilgeräten (3G schnell) CLS weniger als 0,1 FID/INP weniger als 100 ms Google PageSpeed Score mindestens 85 mobil, mindestens 90 Desktop Bilder: WebP-Format plus Fallback JPEG, Lazy Loading, srcset Videos: Streaming über CDN oder YouTube/Vimeo-Embed, keine schweren MP4 auf dem Hosting speichern 5.2 SEO Schema.org: LocalBusiness plus OpeningHoursSpecification plus Event Meta-Tags: einzigartige Titel (nicht mehr als 60 Zeichen) und Beschreibungen (nicht mehr als 155 Zeichen) auf jeder Seite Hreflang für den Sprachumschalter Canonical URL auf jeder Seite Sitemap.xml automatisch generiert Konfiguriertes robots.txt 5.3 Barrierefreiheit WCAG 2.1, Level AA als Mindeststandard Alt-Attribute sind für alle Bilder erforderlich Kontrast Text/Hintergrund mindestens 4,5 zu 1 Vollständige Navigation mit der Tastatur ARIA-Attribute auf allen interaktiven Elementen 5.4 Sicherheit HTTPS ist erforderlich, Redirect von HTTP DSGVO/GDPR: Cookie-Banner (Consent Management), aktuelle Datenschutzrichtlinie CSRF-Schutz, Honeypot oder reCAPTCHA v3 auf allen Formularen Alle Abhängigkeiten auf aktuelle Versionen, ohne bekannte Sicherheitsanfälligkeiten 5.5 CMS und Bearbeitbarkeit Texte, Preise, Öffnungszeiten, Fotos sind über das CMS ohne Entwicklerbearbeitung bearbeitbar Erstellung/Archivierung von Aktionen und Veranstaltungen über die CMS-Oberfläche Automatische Aktualisierung des Instagram-Feeds über die API Videoanleitung (10 bis 15 Minuten) zur Arbeit mit dem CMS, obligatorisches Deliverable 6. Design-System 6.1 Farbpalette: Hauptfarbe tiefes Grün, sekundäre Farbe mittleres Waldgrün, Akzentfarbe Rot für CTA, hellgrün für Hintergrundkarten, beige für texturierte Akzente, dunkel für den Haupttext, weiß 6.2 Typografie: ausdrucksstarker Display-Schrift für Überschriften (im Abenteuerstil), lesbare neutrale Sans-Serif für den Haupttext, minimale Größe 16px Body, 14px Caption, Zeilenhöhe 1,5 bis 1,7 6.3 Bilder und Medien: nur echte Fotos, keine Stockfotos verwenden, WebP-Format, mindestens 1920px für Hero, 800px für Karten, Video-Hero nicht länger als 30 bis 60 Sekunden in Loop-Version, alle Bilder mit Veröffentlichungsrecht 6.4 Animationen: Hover-Effekte sanft (scale 1.03 auf Karten), Scroll-Animationen fade in plus translateY, nur transform und opacity für GPU-Beschleunigung 7. Erwartete Ergebnisse Design-Layouts in Figma: Desktop plus mobile Ansicht aller Seiten (Desktop 1440px, mobil 375px) Responsive Layout: Breakpoints 375 / 768 / 1024 / 1440px, Mobile-First-Ansatz Fertige Website auf Staging-Domain zur Abnahme, nach Genehmigung Deployment auf die Live-Domain CMS-Einrichtung: alle bearbeitbaren Bereiche eingerichtet, testweise ausgefüllt Videoanleitung (10 bis 15 Minuten) zur Verwaltung von Inhalten Grundlegende SEO-Einstellungen: Meta-Tags, Schema, Sitemap, Verbindung zur Google Search Console Installation von Google Analytics 4 plus Google Tag Manager, Einrichtung von Ereignissen (Klick CTA, Formularübermittlung, Seitenaufruf) Cross-Browser- und Cross-Device-Tests, PageSpeed Insights-Bericht vor der Abgabe Übergabe des Quellcodes (Git-Repository) an den Auftraggeber nach der finalen Zahlung 8. Abnahmekriterien Alle P1-Anforderungen sind umgesetzt und getestet PageSpeed Score mindestens 85 mobil, durch Screenshot bestätigt Korrekte Darstellung auf iPhone (Safari), Android (Chrome), iPad, MacBook, Windows (Chrome, Edge, Firefox) Das Buchungsformular sendet erfolgreich eine Anfrage und sendet eine Bestätigung Google Reviews werden korrekt geladen Instagram-Feed wird automatisch aktualisiert Alle Links funktionieren, keine 404-Fehler Cookie-Banner entspricht DSGVO, GDPR Inhalte im CMS sind ohne Entwicklerbearbeitung bearbeitbar

Gesamtumfang der Arbeit 80 Artikelpositionen auf der Website https://pro-aptechka.com.ua/ Datenquellen: Prom.ua, Rozetka oder von uns bereitgestellte Fotos Zugang zum OpenCart-Adminpanel wird bereitgestellt️ Arbeit mit BildernFotoanforderungen: Format: JPEG Anzahl: 10-15 Stück pro Artikel (von der Quelle oder von uns bereitgestellte Fotos) Qualität: ohne Qualitätsverlust, minimales Dateivolumen Ausrichtung: korrekt Wichtig: Ordnername ohne Sonderzeichen * + " № / , usw.Sortierung: Hauptfoto — beste Gesamtansicht Danach — schrittweise Darstellung des Produkts von verschiedenen Seiten Details, Elemente, BesonderheitenZusätzlich: Retusche/Bearbeitung — wenn die Fotos "roh" sind, ist eine professionelle Bearbeitung erforderlich (wird separat mit Aufpreis besprochen. Wenn Sie schöne verkaufsfördernde Fotos machen können - stellen Sie Muster zur Verfügung - Aufpreis wird besprochen) Video — Link von YouTube hinzufügen (falls vorhanden) Ausfüllen der ProduktfelderHaupttextfelder: FeldAnforderungenProduktnameDeutlich, informativ, bis zu 110 ZeichenHTML-Tag H1SeitenüberschriftMeta-Tag TitleSEO-ÜberschriftMeta-Tag DescriptionSEO-BeschreibungMeta-Tag KeywordsSchlüsselwörterBeschreibungDetaillierte Produktbeschreibung (es gibt einen fertigen Prompt)Produkt-TagsDurch Komma getrennt Handelsdaten: FeldQuelleProduktcodeVon der Quelle oder DateiSKU= ProduktcodePreisVon der Quelle oder Datei AnzahlVerfügbarkeitGrößen (L x B x H) in cmVon den EigenschaftenGewicht (kg)Von den EigenschaftenVerknüpfungen: Hersteller — bestimmen und zuordnen Kategorie — richtige Platzierung in der Struktur der Website Empfohlene Produkte — Auswahl ähnlicher PositionenEigenschaften: Bestimmen Sie Top-Eigenschaften für jedes Produkt Finden Sie den richtigen Typ/Namen der Eigenschaft im System Technische AspekteSEO-URL: Wird automatisch in OpenCart ausgefüllt Pflichtüberprüfung — ob sie korrekt erstellt wurdeAbschließende Überprüfung: Alle Fotos sind hinzugefügt und werden angezeigt Video ist verbunden (falls vorhanden) Alle Felder sind korrekt ausgefüllt

Guten Tag. Ich suche einen erfahrenen Spezialisten, der hilft, drei separate Landing Pages für ein ästhetisches Kosmetikstudio in Krakau (Polen) zu erstellen. Wir haben eine Website und die gleichen Seiten auf der Website, aber sie konvertieren nicht. Beispiel: eine spezifische Behandlung zur Körpermodellierung - 6.274 (92,01%) Klicks auf die Seite von der Werbung auf Meta in den letzten 28 Tagen, davon nur 5 Leads. Wichtig: Wir benötigen nicht nur ein schönes Design. Das Hauptziel ist die Steigerung der Anzahl der Anfragen und Buchungen von Kunden. Dienstleistungen, für die Seiten erstellt werden müssen: Laser-Haarentfernung. Body Reset (Körpermodellierung und Volumenreduktion). Bloomea (Arbeit mit Narben, Post-Akne und Falten). Was bereits vorhanden ist: fertige Website; Fotos und Videos; Instagram und Facebook; Kundenbewertungen; Werbekampagnen Meta Ads; Texte und Informationen über die Dienstleistungen. Was zu tun ist: 3 separate Landing Pages erstellen; die Struktur der Seiten aus Sicht der Konversion durchdenken; alle überflüssigen Elemente entfernen, die den Benutzer ablenken; starke Überschriften und Call-to-Actions (CTA) entwickeln; die Vorteile unseres Salons richtig darstellen; Blöcke mit Bewertungen und Ergebnissen „vor/nach“ hinzufügen; den Weg des Kunden zur Anfrage so einfach wie möglich gestalten; die Seiten für mobile Geräte anpassen. Zugriffe auf die Website bisher: 97,7% Handy, 1,3% PC, 1% Tablet; wenn möglich, Empfehlungen zur Verbesserung der Werbekampagnen geben. Unsere Erwartungen: Wir haben bereits ein erhebliches Budget für Werbung, Videos und vorherige Seiten ausgegeben, daher suchen wir jetzt jemanden, der wirklich Marketing, Verkaufspsychologie und den Aufbau von Konversions-Trichtern versteht. Wir benötigen nicht nur schöne Seiten, sondern ein Werkzeug, das echte Kunden bringt. Wäre ein großer Vorteil: Erfahrung mit Beauty-, Medical- oder Premium-Projekten; Fallstudien mit Konversionsstatistiken; Verständnis von Meta Ads und Google Ads; Erfahrung in der Erstellung von Landing Pages für teure Dienstleistungen. Bitte senden Sie zusammen mit der Anzeige: Beispiele Ihrer Arbeiten; ungefähre Fristen; Kosten; eine kurze Beschreibung, wie Sie die Struktur solcher Landing Pages sehen. Wir würden gerne alles innerhalb der nächsten 7 Tage erledigen.

Es muss ein modernes, intuitiv verständliches und responsives Design für die Website eines Bauunternehmens entwickelt werden. Das Hauptziel ist eine qualitativ hochwertige Präsentation der Dienstleistungen, das Vertrauen der Kunden und die Demonstration des Portfolios der abgeschlossenen Projekte. Seiten: Startseite: Hero-Block mit USP, kurz über uns, Hauptbereiche, Block mit den neuesten Projekten, Bewertungen, Lead-Formular. Über das Unternehmen: Geschichte, Mission, Schlüsselkennzahlen (Zahlen), Team, Lizenzen/Zertifikate. Dienstleistungen: Liste der Bauleistungen mit kurzer Beschreibung und Icons. Portfolio / Projekte: Katalog der Objekte mit Filtermöglichkeit nach Art der Arbeiten. Seite eines einzelnen Projekts: Große Fotogalerie, Beschreibung der Aufgabe, verwendete Materialien und Umsetzungsfristen. Kontakte: Kontaktformular, integrierte Karte, Adresse und Kontaktdaten.