Record a screen capture with code printing

Continuation of the project. Redesign and relaunch of the Brovchak Family Dental Care clinic website 0680006609 http://brovchak-clinic.com.ua/ specifications from SEO expert https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/About the project A complete redesign of the existing dental clinic website is required based on the ready prototype in Miro. The result should include: UI/UX design responsive layout WordPress integration SEO-safe relaunch technical optimization analytics setup the ability for easy self-editing of content It is critically important: the website must not only look modern but also improve business metrics and not lose current SEO positions.Business goals of the project The redesign is being carried out to: increase the number of inquiries from the website; improve the conversion of booking forms; enhance trust in the clinic; demonstrate the expertise of the doctors; present complex clinical cases; form a premium positioning; increase the number of inquiries for implants, orthopedics, and comprehensive treatment.Visual conceptPositioning Premium author dentistry. Not a chain clinic. Not a mass flow of patients. Individual approach, predictable results, and complex clinical solutions.The emotion the website should evoke "Here, not just dentists work. Here, a team of experts creates long-term and predictable solutions, paying attention to every detail."Style Workshop / Dental Atelier. Author's dentistry. Premium minimalism. Focus on: microscopy; navigational implantation; digital scanning; gnathology; complex rehabilitations. Use: large professional photos of doctors; photos of doctors at work; real patient cases; photos of the clinic. Minimize or completely exclude: stock photos; template dental images; typical design solutions of chain clinics.SEO and relaunch Critical requirement: The redesign must not lead to a significant drop in organic traffic. It is necessary to: preserve the SEO structure of the website; preserve or correctly transfer URLs; set up 301 redirects; transfer all meta tags; preserve page indexing; check robots.txt; check sitemap.xml; check canonical; check schema.org; perform an SEO audit before and after the launch.KPI SEO Permissible drop in organic traffic after launch: no more than 10%. Preference will be given to performers who have successful cases of SEO-safe migrations.UX and conversion The website must provide: quick access to booking a consultation; clear service structure; simple navigation; mobile convenience; quick contact with the clinic. Anticipate: CTA blocks; booking forms; quick call; messengers; trust blocks; video testimonials; treatment cases.Technical requirementsSpeed Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals must meet Google's recommendations.Optimization It is necessary to: optimize CSS; optimize JS; set up caching; optimize images; use WebP; minimize third-party scripts.Code quality Important: clean code; absence of unnecessary plugins; use of WordPress's built-in capabilities and theme; compatibility with future WordPress updates.AI assistant (agent) A solution for implementing an AI consultant needs to be proposed. Desired functionality: answers to typical questions; booking a consultation; integration with Telegram; integration with Instagram Direct; integration with Facebook Messenger; integration with Viber; transfer leads to CRM or administrators, or to a Telegram bot Please describe the proposed solution separately.Work result The output should include: New website design. Responsive layout. SEO-safe launch. Optimized code. Configured analytics. Administrator instructions. Warranty support after launch. Implementation of AI Search and AI output Within the project, a separate set of works is required to prepare the website for Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot, and other AI search engines. The work includes: Designing the entity map of the clinic: organization, branches, doctors, services, cases, articles, FAQ, videos, and prices. Creating logical connections between: doctors and services; services and cases; services and FAQ; articles and authors; branches and available treatment directions. Implementing structured data JSON-LD: Organization; MedicalClinic / Dentist; LocalBusiness; Person; ProfilePage; Service; MedicalProcedure — where semantically correct; Article / BlogPosting; VideoObject; FAQPage; BreadcrumbList; WebSite; WebPage; ImageObject. Creating structured content types in WordPress: services; doctors; cases; articles; FAQ; videos; branches; prices. Implementing ACF connections between content types and automatic generation of schema.org from approved fields. Building FAQ in three levels: FAQ on service pages; separate expert decision-guide pages; general patient question center. Ensuring the accessibility of main content in HTML without dependence on client-side JavaScript, images, or PDF. Implementing authorship of medical content: author; medical reviewer; publication date; update date; link to the doctor's profile. Adding transcripts to expert videos and linking videos with services, doctors, and cases. Checking robots.txt, sitemap.xml, canonical, noindex, snippet controls, and site accessibility for search and AI crawlers. Setting up tracking of AI traffic: separate channel group in GA4; referrer sources ChatGPT, Perplexity, Gemini, Copilot, Claude; transferring the source to CRM and Telegram applications; report in Looker Studio; accounting for self-reported attribution from patients. Creating a basic set of queries for regular monitoring of the clinic's visibility in AI output. Checking structured data through Rich Results Test and Schema Markup Validator. Preparing instructions for the administrator: how to add FAQ; how to create a case; how to specify the author; how to update the medical review date; how to add video and transcript; how to link material with service and doctor. other.

Need a Wix specialist for website layout based on Figma design. There is a ready website design in Figma. It needs to be implemented in Wix with high quality, closely following the layout. Requirements: transfer the design from Figma to Wix; adapt all pages; set up desktop and mobile versions; ensure correct display on different devices. Preference will be given to freelancers with experience working with Wix. Please send your portfolio with completed projects.

# Need a Frontend Developer (WordPress / WooCommerce): Product Card ## About the Project Active online store The design is already ready — need to be properly coded and integrated product card (single product). - Current page (example): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Template coding for single-product ## Requirements - Coding according to the Figma layout. - Responsive: desktop + mobile, correct display in major browsers. - Integration into the existing WooCommerce theme, clean and maintainable code. - Result — a working page on the site that matches the design. ## What to Send in Your Response 1. Portfolio (preferably WordPress / WooCommerce, product cards). 2. Cost — suggest a convenient format (fixed price for the project or hourly rate). 3. Deadline in days. 4. Questions about the layout and a list of accesses/materials needed from us to start. Access to Figma, the site, and necessary materials will be provided in private messages after the response.

A website needs to be coded according to the design. The layout is a bit crooked, so pixel perfect is not required. Coding, responsive for mobile devices, opening pages via links, and the site in three languages. All texts in blocks in other languages will be sent later. Additionally: optimization for Google PageSpeed 100 / 100 for mobile and desktop. Or at least 98 out of 100, no less!!! Propose timelines and costs. 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

The website is developed on: Backend: Java + Spring Boot Database: MySQL Frontend: JavaScript, HTML, CSS Template Engine: Thymeleaf Server: VPS (Linux Ubuntu) Reverse Proxy: Apache2 Architecture: Monolithic application Currently, the website has implemented: A blog with an admin panel. The ability to create and edit articles through the admin panel. The ability to add HTML markup and content through a visual interface. Static pages of the site, which are currently created by the developer manually. ⸻ Task Objective It is necessary to implement the ability to create and manage new commercial service pages through the existing admin panel similarly to how blog articles are currently created. After implementation, the administrator should be able to independently create new SEO service pages without the involvement of the developer. ⸻ Current State Currently, only blog posts can be created through the admin panel. Example: Article 1 Article 2 Article 3 Each article has: Title URL (slug) Content SEO parameters Images ⸻ What Needs to be Implemented 1. New content type "Services" Create a separate section in the admin panel: "Services" It should be independent of the blog section. Example structure: Blog Services ⸻ 1. Creating a service page The administrator should be able to create a new service page through the interface. Commercial service pages consist of 13 blocks, of which 4 blocks are dynamic and 9 are static. Fields: Service name URL (slug) H1 SEO Title Meta Description SEO Keywords Main content of the page Image Publication status (Draft / Published) ⸻ 1. Page content The content should support: HTML markup Text formatting Headings H2-H6 Lists Images Links It is preferable to use the existing editor that is already applied in the blog. ⸻ 1. URL generation Each service should have its own URL. Examples: /visa/usa/business-visa-usa /visa/usa/business-visa-uk /visa/usa/business-visa-canada ⸻ 1. Display on the site After publication, the page should: automatically become available at its URL; use the existing service page template or a new template; display correctly on all devices. ⸻ 1. SEO For each service, it is necessary to provide the ability to configure: Title Description H1 Canonical URL (preferably) Open Graph (preferably) Pages should be indexed by search engines similarly to blog pages. ⸻ 1. List of services In the admin panel, implement: a list of all services; search; editing; deletion; changing publication status. ⸻ 1. Important Implement the ability to create new types of SEO pages without code modifications in the future. through a unified content management mechanism. ⸻ What is Expected from the Developer It is necessary to analyze the existing implementation of the blog and maximize the reuse of the current architecture to create the new "Services" section. When responding, please indicate: How the task will be implemented. What changes will be required in the database. Time estimate. Cost of work. What technologies should the performer know Mandatory: Java Spring Boot MySQL Thymeleaf HTML/CSS JavaScript Working with Linux Ubuntu Desirable: Spring Security SEO optimization of server pages Experience with CMS and CRUD modules Experience supporting monolithic Spring Boot projects