Adaptive layout according to the figma layout

It is necessary to update the design of the existing online store joanna.od.com, which operates on OpenCart. The design is fully prepared in Figma. It is required to transfer it to the site while preserving all existing functionality. What needs to be done * Perform responsive layout according to the Figma mockup. * Integrate the new design into OpenCart. * Preserve the existing functionality of the site. * Ensure proper operation on computers, tablets, and mobile devices. * Maintain or improve page loading speed. Requirements for the performer * Experience in developing and refining websites on OpenCart. * Experience in responsive layout according to Figma mockups. * Clean, understandable code without unnecessary libraries. * Fixing possible errors after project delivery. When responding, please indicate * cost of execution; * deadlines; * examples of completed projects on OpenCart; The Figma mockup will be sent to the selected performer after discussing the project.

It is necessary to carry out the layout and development of the website in accordance with the technical specifications, which can be found at the link on Google Drive (the link will be provided to the contractor).What needs to be done Develop the website in full compliance with the technical specifications. Layout all pages and implement the necessary functionality as specified in the technical specifications. The website must be fully ready for hosting deployment.What is NOT required There is no need to configure email sending. There is no need to connect or configure feedback forms. It is sufficient to prepare a space (HTML block) for subsequent connection of the form by our team. There is no need to upload the website to the main domain or server. There is no need to launch the project on our hosting. Work results Upon completion of the project, the contractor must provide: a zip file with all website files; the project structure, fully ready for upload to our server; all necessary source files so that after uploading to our domain and hosting, the website can be launched without further modifications. Additional requirements The code must be clean, structured, and understandable. The layout must display correctly in modern browsers. Responsiveness must meet the requirements specified in the technical specifications. All file paths must be relative so that the project works correctly after being transferred to our server. When responding, please indicate: the cost of execution; the timelines; examples of similar work (if available).

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

It is necessary to conduct an audit of the existing website, fix technical errors, improve SEO, optimize speed, and gradually enhance functionality. Redesign is not required. What needs to be done: Conduct a technical audit of the website. Conduct an SEO audit and propose a plan for improvements. Identify and eliminate technical errors. Propose improvements for UX/UI and design. Optimize loading speed. Make enhancements to the website, and if necessary, work with the code. In the future — support and development of the website. In your response, please include: links to similar projects; experience working with WordPress (if any); estimated cost of work; whether you are ready for long-term cooperation.