Improvement of the Bropack website on WordPress (layout adjustments, form settings, and SEO)
Task Description:
We are looking for an experienced WordPress developer/front-end developer to promptly complete the project https://bropack.com.ua/. The site has already been designed and set up on WordPress, but due to the previous contractor missing deadlines, it is necessary to finalize the technical part, set up basic SEO, and make a number of specific visual adjustments strictly according to the Figma layout.
Important: The work requires strict adherence to deadlines and attention to detail. Payment is made only after checking all points of the technical specifications. We have a complete backup of the site (theme files + database) and a link to the layouts in Figma.
Cost: The cost of work should include adjustments up to 10% of the current technical specifications, which may currently be invisible due to unfinished layout. There may also be minor design changes to some blocks (height, width, button placement, image size).
Corrections: Corrections are sent as a Word file by the client. They are accepted from the contractor in the same file with comments next to each line. Without such a response to corrections, the contractor will be changed.
1. Theme Architecture and Basic Optimization
Assembly Feature (Custom PHP): The site is a custom theme written in PHP/HTML/CSS/JS (without using heavy visual builders). The content management logic is integrated into the built-in WordPress customizer (Appearance -> Customize). All key sections (Header, Hero, Collages, Benefits Blocks) are edited there. You will need to work directly with the code (PHP templates) and this structure.
URLs: Set up automatic transliteration of URLs (SEO-friendly URLs). All Cyrillic page and post titles must automatically convert to Latin (for example, "Про компанію" -> /pro-kompaniyu/)
SEO Plugin: The Yoast SEO plugin is installed but not configured. Basic setup is required for correct snippet generation, indexing, and full readiness of landing pages for launching advertising campaigns.
SEO for Custom Blocks: Ensure proper SEO functionality/setup on pages with blocks.
Image Attributes (Alt/Title): In the current PHP templates (specifically, in blog articles and grid elements), alt and title attributes for images are not displayed. The logic for displaying images needs to be improved so that these attributes are dynamically pulled from the standard WordPress media library. Without this, proper SEO optimization of images is impossible.
Microdata (Schema.org): In the Yoast SEO plugin, set up Schema.org microdata for Google.
- Configure global organization parameters (company name, logo, contact details).
- Check the correctness of tag generation and the technical date of page modification (dateModified), so that search engines instantly see manual date updates on the site.
- Ensure that the standard Yoast functionality for precise control of markup types is displayed and works correctly on custom PHP page templates - assign page types according to the client's recommendations.Blog Template (Articles): It is necessary to remove complex article layouts exclusively through custom blocks/fields. Articles should be published through the standard WordPress text editor. It is required to configure the output of the_content() and write CSS styles so that all standard elements within the article automatically adopt the design from Figma (global styles). Specifically:
1. Standard text (paragraphs, line spacing, color).
2. Headings H1, H2, H3 (size, font weight, margins).
3. Images and embedded videos (responsive width, margins, possibly rounded corners as per the layout).
4. Lists (bulleted and numbered).
5. Standard buttons.
2. Technical Part: Forms, Protection, and Logic
It is necessary to establish secure operation of all lead capture forms:
Integration: Set up lead submission via SendPulse. Indicate at the start of work what access (API keys, etc.) you will need for this.
Anti-spam: Install reliable spam protection on all forms (preferably Cloudflare Turnstile, or suggest a justified alternative).
Implement flood protection. Limit: a form can be submitted a maximum of 2 times from one IP address within 5 minutes. All other attempts should be blocked.
Validation and Mask: Check the input mask for the phone number (missing fields are filled with digits). The "Phone" field must be mandatory in all forms. The "Name" field should be optional in all forms - check.
Behavior after Submission: Set up automatic clearing of form fields after successful submission. The page should not reload or scroll up/down — the user remains at the current screen position.
3. Current Corrections According to Figma
It is necessary to eliminate shortcomings and bring the layout to 100% compliance with the layout (detailed screenshots will be provided to the selected contractor):
Styles:
Adjust the background of the main banner (make it lighter according to the layout) and move the button (suggest 3 screenshots for approval) https://bropack.com.ua/ready-solutions/.
In sliders and video blocks, leave exactly 5 buttons (dots).
Check the text "Оновлено" (in italics) at the bottom of the pages.
On mobile, check the swipe functionality in all sliders; sometimes it captures the right or left edge of the site instead of swiping.
Grid, Blocks, and Margins:
Reduce some margins between blocks according to Figma - 15-20 pcs.
Increase the height of specified blocks and font size in them to values from Figma.
Check the lower lead capture forms: increase their overall height, as well as the height of buttons and font inside.
On the "Про компанію" page: lower the dividing line for alignment with the left column, shift the heading "Наші цінності" to the left.
Pop-ups and Graphics (Character):
Return the character that has shifted to the right in the modal window (popup) to its place.
In the popup, place the close icon (cross) on the gray circle according to the layout.
Fix the proportions/display of the vertical photo in the popup.
Completely remove the empty popup without text.
Adjust the positioning of characters (heroes): in one of the blocks, reduce the size; on the "Контакти" page, shift left and up; on the "Про компанію" page — increase and shift to the right.
Client's review of cooperation with Denis Ivanchenko
Improvement of the Bropack website on WordPress (layout adjustments, form settings, and SEO)Everything is excellent. Professionalism is at the highest level. Exactly on time, even earlier.
Freelancer's review of cooperation with Vladislav Bondarevsky
Improvement of the Bropack website on WordPress (layout adjustments, form settings, and SEO)Pleasant collaboration with a clear technical specification and understandable requirements. The client provided a complete website backup, access, and Figma layouts – everything necessary for the work was at hand. Revisions were communicated in an organized manner in Word files with comments on each point. Feedback was prompt. I recommend as a responsible client who knows what they want and respects the freelancer's time.
Current freelance projects in the category HTML & CSS
Web design and developmentHello! For the current project, I am looking for two separate specialists: web designer (Figma) web developer (Frontend / WordPress) The project includes tasks such as: landing pages, online store, admin panels, WordPress site, as well as small tasks on React / Next.js and… HTML & CSS, Web Design ∙ 12 hours 37 minutes back ∙ 73 proposals |
A modern website is needed for a stretch ceiling company in Poland.
635 USD
Need a modern premium design, mobile device adaptation, fast loading, SEO, animations, calculator, portfolio, application form. Experience in creating websites in Poland, landing pages for construction or renovation companies is preferred. Please be sure to send examples of your… HTML & CSS, Web Programming ∙ 13 hours 38 minutes back ∙ 119 proposals |
Looking for a Frontend Developer for an educational platformFrontend Developer https://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id==0-1&p=f&t=OJxQ9DF0zXBNnBJv-0 Hello! We are looking for a frontend developer to work on a modern music platform Muse. The project already has a ready design in Figma, a… HTML & CSS, Web Programming ∙ 15 hours 26 minutes back ∙ 81 proposals |
A Drupal developer is needed for edits on several websites.A Drupal developer is needed for edits on several websites. The site has bloated and filled up all the hosting.. HTML & CSS, Web Programming ∙ 19 hours 51 minutes back ∙ 33 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 1 day 10 hours back ∙ 62 proposals |