HTML & CSS

Ich begrüße Sie. Es müssen einige Änderungen an der WP-Website mit einem fertigen Thema auf ELEMENTOR vorgenommen werden. Die Website https://lingualink.pl/ 1. Der erste Bildschirm soll anstelle eines Bildes ein Bestellformular enthalten, das derzeit über einen Button aufgerufen wird. Das Ergebnis sollte wie im ersten Screenshot sein. 2. Außerdem soll ein FAQ-Bereich hinzugefügt werden, ungefähr so wie im zweiten Screenshot.

Es ist notwendig, das Layout nach Figma mit Desktop, Mobile, dunkler Version, heller Version, mit Animationen dort, wo es nötig ist, und Slidern zu erstellen. Es ist auch wichtig, die Komponentenblöcke so zu implementieren, dass wir, wenn wir dies später auf das Backend übertragen, einfach mit der Reproduktion dieser Blöcke fortfahren können. Das Endergebnis sehen wir als Archiv, das HTML-Seiten aller Seiten enthält, also der Hauptkategorie, der Seite, des Videos und die notwendigen Dateien für die Arbeit, einschließlich dynamischer Skripte, Stile usw. Derzeit erstellen wir dies mit Inhalten, die wir direkt aus Figma entnehmen. Aber es ist wichtig, dass wir dies später auf das Backend übertragen können.

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

Fortsetzung des Projekts. Redesign und Relaunch der Website der Zahnarztpraxis Brovchak Family Dental Care 0680006609 http://brovchak-clinic.com.ua/ Technische Spezifikation vom SEO-Experten https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/Über das Projekt Es muss ein vollständiges Redesign der bestehenden Website der Zahnarztpraxis auf der Grundlage eines fertigen Prototyps in Miro durchgeführt werden. Das Ergebnis muss Folgendes umfassen: UI/UX Design Responsive Layout Integration in WordPress SEO-sicherer Relaunch Technische Optimierung Einrichtung von Analytik Die Möglichkeit zur einfachen eigenständigen Bearbeitung des Inhalts Es ist von entscheidender Bedeutung: Die Website muss nicht nur modern aussehen, sondern auch die Geschäftszahlen verbessern und die aktuellen SEO-Positionen nicht verlieren.Geschäftsziele des Projekts Das Redesign wird durchgeführt, um: die Anzahl der Anfragen über die Website zu erhöhen; die Konversionsrate der Buchungsformulare zu steigern; das Vertrauen in die Klinik zu stärken; die Expertise der Ärzte zu demonstrieren; komplexe klinische Fälle zu präsentieren; eine Premium-Positionierung zu schaffen; die Anzahl der Anfragen für Implantate, Orthopädie und umfassende Behandlungen zu erhöhen.Visuelle KonzeptPositionierung Premium Zahnarztpraxis. Keine Kettenklinik. Kein Massenzufluss von Patienten. Individueller Ansatz, vorhersehbare Ergebnisse und komplexe klinische Lösungen.Emotion, die die Website hervorrufen soll "Hier arbeiten nicht einfach Zahnärzte. Hier schafft ein Expertenteam langfristige und vorhersehbare Lösungen und achtet auf jedes Detail."Stil Workshop / Dental Atelier. Autor-Zahnmedizin. Premium Minimalismus. Akzent auf: Mikroskopie; Navigationsimplantation; Digitale Scans; Gnathologie; komplexe Rehabilitationen. Verwenden Sie: große professionelle Fotos der Ärzte; Fotos der Ärzte bei der Arbeit; echte Patientenfälle; Fotos der Klinik. Minimieren oder vollständig ausschließen: Stockfotos; Standard-Zahnmedizinische Bilder; Typische Designlösungen von Kettenkliniken.SEO und Relaunch Kritische Anforderung: Das Redesign darf nicht zu einem signifikanten Rückgang des organischen Traffics führen. Erforderlich ist: die SEO-Struktur der Website zu erhalten; URLs zu erhalten oder korrekt zu übertragen; 301-Redirects einzurichten; alle Metatags zu übertragen; die Indizierung der Seiten zu erhalten; robots.txt zu überprüfen; sitemap.xml zu überprüfen; canonical zu überprüfen; schema.org zu überprüfen; ein SEO-Audit vor und nach dem Launch durchzuführen.KPI SEO Erlaubter Rückgang des organischen Traffics nach dem Launch: nicht mehr als 10%. Bevorzugt werden Auftragnehmer mit erfolgreichen Fällen von SEO-sicheren Migrationen.UX und Konversion Die Website muss Folgendes bieten: schnellen Zugang zur Terminbuchung; eine verständliche Struktur der Dienstleistungen; einfache Navigation; mobile Benutzerfreundlichkeit; schnellen Kontakt zur Klinik. Vorsehen: CTA-Blöcke; Buchungsformulare; schneller Anruf; Messenger; Vertrauensblöcke; Video-Testimonials; Behandlungsfälle.Technische AnforderungenGeschwindigkeit Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals müssen den Empfehlungen von Google entsprechen.Optimierung Erforderlich ist: CSS zu optimieren; JS zu optimieren; Caching einzurichten; Bilder zu optimieren; WebP zu verwenden; externe Skripte zu minimieren.Codequalität Wichtig: sauberer Code; keine überflüssigen Plugins; Nutzung der Standardfunktionen von WordPress und des Themas; Kompatibilität mit zukünftigen WordPress-Updates.AI-Assistent (Agent) Es muss eine Lösung für die Implementierung eines AI-Beraters vorgeschlagen werden. Gewünschte Funktionalität: Antworten auf häufige Fragen; Terminbuchung; Integration mit Telegram; Integration mit Instagram Direct; Integration mit Facebook Messenger; Integration mit Viber; Übertragung von Leads an CRM oder Administratoren oder an einen Telegram-Bot Bitte beschreiben Sie die vorgeschlagene Lösung separat.Arbeitsergebnis Am Ende muss Folgendes bereitgestellt werden: Neues Design der Website. Responsive Layout. SEO-sicherer Launch. Optimierter Code. Einrichtung von Analytik. Anleitung für den Administrator. Garantie-Support nach dem Launch. Implementierung von AI Search und AI-Outputs Im Rahmen des Projekts muss ein separater Arbeitskomplex zur Vorbereitung der Website auf Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot und andere AI-Suchsysteme umgesetzt werden. Zu den Arbeiten gehören: Projektierung der Entitätskarte der Klinik: Organisation, Filialen, Ärzte, Dienstleistungen, Fälle, Artikel, FAQ, Videos und Preise. Erstellung logischer Verbindungen zwischen: Ärzten und Dienstleistungen; Dienstleistungen und Fällen; Dienstleistungen und FAQ; Artikeln und Autoren; Filialen und verfügbaren Behandlungsmöglichkeiten. Implementierung von strukturierten Daten JSON-LD: Organisation; MedicalClinic / Dentist; LocalBusiness; Person; ProfilePage; Service; MedicalProcedure — wo semantisch korrekt; Article / BlogPosting; VideoObject; FAQPage; BreadcrumbList; WebSite; WebPage; ImageObject. Erstellung in WordPress strukturierter Inhaltstypen: Dienstleistungen; Ärzte; Fälle; Artikel; FAQ; Videos; Filialen; Preise. Implementierung von ACF-Verbindungen zwischen Inhaltstypen und automatischer Generierung von schema.org aus genehmigten Feldern. Aufbau von FAQ in drei Ebenen: FAQ auf den Dienstleistungsseiten; einzelne Experten-Entscheidungsleitfäden; allgemeines Zentrum für Patientenfragen. Sicherstellung der Zugänglichkeit des Hauptinhalts in HTML ohne Abhängigkeit von clientseitigem JavaScript, Bildern oder PDFs. Implementierung der Urheberschaft medizinischer Inhalte: Autor; medizinischer Gutachter; Veröffentlichungsdatum; Aktualisierungsdatum; Link zum Profil des Arztes. Hinzufügen von Transkripten zu Expertenvideos und Verknüpfung von Videos mit Dienstleistungen, Ärzten und Fällen. Überprüfung von robots.txt, sitemap.xml, canonical, noindex, snippet controls und der Zugänglichkeit der Website für Such- und AI-Crawler. Einrichtung der Verfolgung von AI-Traffic: separate Channel-Gruppe in GA4; Referrer-Quellen ChatGPT, Perplexity, Gemini, Copilot, Claude; Übertragung der Quelle in CRM und Telegram-Anfragen; Bericht in Looker Studio; Berücksichtigung der selbstberichteten Attribution durch den Patienten. Erstellung eines grundlegenden Satzes von Anfragen zur regelmäßigen Überwachung der Sichtbarkeit der Klinik in AI-Outputs. Überprüfung der strukturierten Daten über den Rich Results Test und den Schema Markup Validator. Vorbereitung einer Anleitung für den Administrator: wie man FAQ hinzufügt; wie man einen Fall erstellt; wie man den Autor angibt; wie man das Datum der medizinischen Überprüfung aktualisiert; wie man Videos und Transkripte hinzufügt; wie man Material mit Dienstleistung und Arzt verknüpft. anderes.

Ein Spezialist für Wix wird benötigt, um die Website nach dem Figma-Layout zu erstellen. Es gibt ein fertiges Design der Website in Figma. Es muss qualitativ hochwertig in Wix umgesetzt werden, wobei das Layout maximal eingehalten werden soll. Notwendig ist: das Design von Figma nach Wix zu übertragen; alle Seiten anzupassen; die Desktop und Mobile Versionen einzurichten; eine korrekte Darstellung auf verschiedenen Geräten zu gewährleisten. Bevorzugt werden Auftragnehmer mit Erfahrung in der Arbeit mit Wix. Bitte senden Sie Ihr Portfolio mit realisierten Projekten.

# Brauche einen Entwickler (WordPress / WooCommerce): Produktkarte ## Über das Projekt Aktueller Online-Shop Das Design ist bereits fertig — es muss qualitativ hochwertig umgesetzt und die Produktkarte (einzelnes Produkt) integriert werden. - Aktuelle Seite (Beispiel): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Umsetzung der Vorlage single-product ## Anforderungen - Umsetzung nach Figma-Layout. - Responsive: Desktop + Mobile, korrekte Darstellung in den gängigen Browsern. - Integration in das bestehende WooCommerce-Theme, sauberer und wartbarer Code. - Ergebnis — eine funktionierende Seite auf der Website, die dem Design entspricht. ## Was im Angebot gesendet werden soll 1. Portfolio (vorzugsweise WordPress / WooCommerce, Produktkarten). 2. Preis — schlagen Sie ein passendes Format vor (Festpreis für das Projekt oder Stundensatz). 3. Zeitrahmen in Tagen. 4. Fragen zum Layout und eine Liste der Zugänge/Materialien, die wir für den Start benötigen. Zugang zu Figma, zur Website und benötigte Materialien werde ich in privaten Nachrichten nach dem Angebot bereitstellen.

Es muss eine Website nach dem Design erstellt werden. Das Layout ist ein wenig schief, daher ist pixelgenau nicht nötig. Die Gestaltung, responsiv für mobile Geräte, das Öffnen von Seiten über Links und die Website in 3 Sprachen. Alle Texte in den Blöcken in anderen Sprachen senden wir später. Zusätzlich: Optimierung für Google PageSpeed 100 / 100 für mobile und Desktop. Oder mindestens 98 von 100, nicht weniger!!! Bitte schlagen Sie Fristen und Kosten vor. Layout: https://www.figma.com/design/AkM2GAvaLAPw7IAOtkGPIy/DSL-2010--%D0%9F%D1%80%D0%B0%D0%B2%D0%BA%D0%B8-1-?node-id=6177-908&t=u7qPBPqxIifkwaug-0

Die Website wurde entwickelt mit: Backend: Java + Spring Boot Datenbank: MySQL Frontend: JavaScript, HTML, CSS Template-Engine: Thymeleaf Server: VPS (Linux Ubuntu) Reverse Proxy: Apache2 Architektur: Monolithische Anwendung Aktuell ist auf der Website implementiert: Ein Blog mit einem Administrationspanel. Möglichkeit, Artikel über das Admin-Panel zu erstellen und zu bearbeiten. Möglichkeit, HTML-Markup und Inhalte über eine visuelle Schnittstelle hinzuzufügen. Statische Seiten der Website, die derzeit manuell vom Entwickler erstellt werden. ⸻ Ziel der Aufgabe Es muss die Möglichkeit implementiert werden, neue kommerzielle Dienstleistungsseiten über das bestehende Administrationspanel zu erstellen und zu verwalten, ähnlich wie derzeit Blogartikel erstellt werden. Nach der Implementierung sollte der Administrator in der Lage sein, neue SEO-Seiten für Dienstleistungen eigenständig zu erstellen, ohne die Hilfe des Entwicklers. ⸻ Aktueller Stand Derzeit können über das Admin-Panel nur Blogeinträge erstellt werden. Beispiel: Artikel 1 Artikel 2 Artikel 3 Jeder Artikel hat: Titel URL (Slug) Inhalt SEO-Parameter Bilder ⸻ Was implementiert werden muss 1. Neuer Inhaltstyp „Dienstleistungen“ Im Admin-Panel einen separaten Abschnitt erstellen: „Dienstleistungen“ Dieser sollte unabhängig vom Blogbereich sein. Beispielstruktur: Blog Dienstleistungen ⸻ 1. Erstellung einer Dienstleistungsseite Der Administrator sollte die Möglichkeit haben, eine neue Dienstleistungsseite über die Schnittstelle zu erstellen. Kommerzielle Dienstleistungsseiten bestehen aus 13 Blöcken, von denen 4 dynamisch und 9 statisch sind. Felder: Name der Dienstleistung URL (Slug) H1 SEO-Titel Meta-Beschreibung SEO-Keywords Hauptinhalt der Seite Bild Veröffentlichungsstatus (Entwurf / Veröffentlicht) ⸻ 1. Inhalt der Seite Der Inhalt sollte unterstützen: HTML-Markup Textformatierung Überschriften H2-H6 Listen Bilder Links Es wäre wünschenswert, den bestehenden Editor zu verwenden, der bereits im Blog verwendet wird. ⸻ 1. URL-Generierung Jede Dienstleistung sollte eine eigene URL haben. Beispiele: /visa/usa/business-visa-usa /visa/usa/business-visa-uk /visa/usa/business-visa-canada ⸻ 1. Anzeige auf der Website Nach der Veröffentlichung sollte die Seite: automatisch über ihre URL verfügbar sein; das bestehende Template für Dienstleistungsseiten oder ein neues Template verwenden; korrekt auf allen Geräten angezeigt werden. ⸻ 1. SEO Für jede Dienstleistung muss die Möglichkeit zur Anpassung sichergestellt werden: Titel Beschreibung H1 Kanonische URL (wünschenswert) Open Graph (wünschenswert) Die Seiten sollten von Suchmaschinen ähnlich wie die Blogseiten indexiert werden. ⸻ 1. Liste der Dienstleistungen Im Admin-Panel umsetzen: Liste aller Dienstleistungen; Suche; Bearbeitung; Löschung; Änderung des Veröffentlichungsstatus. ⸻ 1. Wichtig Die Möglichkeit implementieren, neue Typen von SEO-Seiten in Zukunft ohne Codeanpassungen zu erstellen. über einen einheitlichen Mechanismus zur Inhaltsverwaltung. ⸻ Was vom Entwickler erwartet wird Es muss die bestehende Implementierung des Blogs analysiert und die aktuelle Architektur maximal wiederverwendet werden, um den neuen Abschnitt „Dienstleistungen“ zu erstellen. Bei der Rückmeldung bitte angeben: Wie die Aufgabe umgesetzt wird. Welche Änderungen in der Datenbank erforderlich sind. Zeitabschätzung. Kosten der Arbeiten. Welche Technologien der Ausführende kennen sollte Unbedingt: Java Spring Boot MySQL Thymeleaf HTML/CSS JavaScript Arbeiten mit Linux Ubuntu Wünschenswert: Spring Security SEO-Optimierung von Serverseiten Erfahrung mit CMS und CRUD-Modulen Erfahrung in der Unterstützung monolithischer Spring Boot-Projekte

Es muss ein Audit der bestehenden Website durchgeführt werden, technische Fehler behoben, SEO verbessert, die Geschwindigkeit optimiert und die Funktionalität schrittweise weiterentwickelt werden. Ein Redesign ist nicht erforderlich. Was zu tun ist: Technisches Audit der Website durchführen. SEO-Audit durchführen und einen Verbesserungsplan vorschlagen. Technische Fehler finden und beheben. Verbesserungen im UX/UI und Design vorschlagen. Die Ladegeschwindigkeit optimieren. Änderungen an der Website vornehmen, bei Bedarf mit dem Code arbeiten. In Zukunft — Unterstützung und Weiterentwicklung der Website. Bitte geben Sie in Ihrer Antwort an: Links zu ähnlichen Projekten; Erfahrung mit WordPress (falls vorhanden); Ungefähre Kosten der Arbeit; Ob Sie bereit sind für eine langfristige Zusammenarbeit.

Es gibt eine Seite auf unserer Website (Warteliste) - https://onchainradar.ai Sie ist zu stark überlastet und laggt. Das muss behoben werden, die Animationen und einige Elemente auf Mobilgeräten müssen leicht angepasst werden. Die Website ist in HTML und CSS. Bitte schätzen Sie die Umsetzungszeit und die Kosten. Wir benötigen das bereits heute oder spätestens morgen. Danke.

Ein Blatt für den Versand an Kunden erstellen (Beispiel angehängt), ich werde den Text und das obere Bild geben. Das ist nur ein Beispiel von gpt, vielleicht machen Sie es interessanter?

Was benötigt wird: responsives Design (mobile-first), interaktiv (Modellumschalter, Rentabilitätsrechner, Vergleichstabelle, Quiz-Auswahl), Formular mit CRM-Integration und UTM-Parametern, Analysetools anschließen, Geschwindigkeitsoptimierung. Gestaltung und Design: die Website in unserem Corporate Design gemäß dem Lastenheft und dem Brandbook umsetzen, die Unternehmensfarben einhalten (akzentuierende orange CTA-Buttons), Schriftarten, Stil der Überschriften und das allgemeine Premium-Aussehen der Marke. Einheitlicher visueller Stil auf allen Bildschirmen, saubere Abstände und Typografie, qualitativ hochwertige Arbeit mit Fotos und Tabellen. Wir sind bereit, ein Design-Layout, einen Farb-/Schriftleitfaden und Beispiele zur Verfügung zu stellen.

Es ist notwendig, das Antragsformular auf der Landingpage mit keycrm zu verbinden. Alle erforderlichen Zugänge werde ich bereitstellen. Schreiben Sie, wie viel Zeit und Kosten diese Aufgabe in Anspruch nehmen wird.

Layout und Anpassung der Website auf WordPress. Ein Entwickler wird benötigt, um die Website nach einem fertigen Design aus Figma zu layouten und anzupassen. Die Website ist mehrsprachig, zweisprachig (RU/EN), mit Anpassung an alle Geräte. Ohne Builder (Elementor, WPBakery usw.) reine oder benutzerdefinierte Themen. Der Inhalt muss über das Admin-Panel bearbeitet werden. Notwendig: Layout nach Figma (Pixel Perfect, responsiv, Bildoptimierung) Anpassung auf WordPress mit bearbeitbarem Inhalt Einrichtung der Mehrsprachigkeit, Menüs, Formulare, SEO und Plugins Geolokalisierung und dynamischer Austausch von Städten Ladegeschwindigkeit von 90 oder mehr laut Google PageSpeed

Es muss eine einfache interaktive Karte auf die Website eingebettet werden, auf der 15–20 Punkte (zum Beispiel Büros, Abholstellen oder Vertretungen) markiert sind.Was erforderlich ist:Implementierung der Karte mit Google Maps oder einer anderen geeigneten TechnologieAnzeige von Markierungen mit Namen und kurzen Informationen (Adresse, Öffnungszeiten, Link usw.)Beim Klicken auf einen Punkt — ein Popup-Fenster mit DatenResponsivität — die Karte muss auf mobilen Geräten korrekt angezeigt werdenEs wäre wünschenswert, eine einfache Möglichkeit zur Hinzufügung neuer Punkte vorzusehen (zum Beispiel über eine JSON-Datei)