Opis zadania:
Szukamy doświadczonego dewelopera/wykonawcy WordPress do szybkiego zakończenia projektu https://bropack.com.ua/. Strona została już zbudowana i osadzona na WordPressie, ale z powodu opóźnień poprzedniego wykonawcy, konieczne jest zamknięcie części technicznej, skonfigurowanie podstawowego SEO oraz wprowadzenie szeregu punktowych poprawek wizualnych ściśle według makiety Figma.
Ważne: Praca wymaga ścisłego przestrzegania terminów i uwagi na szczegóły. Płatność następuje dopiero po sprawdzeniu wszystkich punktów specyfikacji. Mamy pełny backup strony (pliki motywu + baza danych) oraz link do makiet w Figma.
Koszt: W kosztach prac należy uwzględnić poprawki do 10% od aktualnej specyfikacji, które mogą być obecnie niewidoczne z powodu niedokończonej budowy. Może również wystąpić niewielka zmiana w projekcie niektórych bloków (wysokość, szerokość, rozmieszczenie przycisków, rozmiar obrazka).
Poprawki: Wysyłane są plikiem Word przez zamawiającego. Przyjmowane od wykonawcy w tym samym pliku z komentarzami obok każdej linii. Bez takiej odpowiedzi na poprawki nastąpi zmiana wykonawcy.
1. Architektura motywu i podstawowa optymalizacja
Cecha budowy (Custom PHP): Strona jest niestandardowym motywem napisanym w PHP/HTML/CSS/JS (bez użycia ciężkich wizualnych builderów). Logika zarządzania treścią została przeniesiona do wbudowanego customizera WordPress (Wygląd -> Dostosuj). Wszystkie kluczowe sekcje (Nagłówek, Hero, Kolaże, Bloki zalet) są edytowane właśnie tam. Będziesz musiał pracować bezpośrednio z kodem (szablonami PHP) i tą strukturą.
Adresy URL: Skonfigurować automatyczną transliterację adresów URL (SEO). Wszystkie cyryliczne nazwy stron i wpisów powinny być automatycznie konwertowane na łacinkę (na przykład: "Про компанію" -> /pro-kompaniyu/)
Wtyczka SEO: Wtyczka Yoast SEO jest zainstalowana, ale nie skonfigurowana. Należy przeprowadzić jej podstawową konfigurację dla poprawnego generowania snippetów, indeksacji i pełnej gotowości stron docelowych do uruchomienia kampanii reklamowych.
SEO dla niestandardowych bloków: Na stronach z blokami przewidzieć poprawną pracę/konfigurację SEO.
Atrybuty obrazów (Alt/Tytuł): W bieżących szablonach PHP (w szczególności w artykułach blogowych i elementach siatki bento) nie są wyświetlane atrybuty alt i title dla obrazów. Należy poprawić logikę wyświetlania obrazków tak, aby te atrybuty były dynamicznie pobierane z standardowej biblioteki mediów WordPress. Bez tego niemożliwa jest poprawna optymalizacja SEO obrazów.
Microdata (Schema.org): W wtyczce Yoast SEO skonfigurować mikroformat Schema.org dla Google.
- Skonfigurować globalne parametry organizacji (nazwa firmy, logo, dane kontaktowe).
- Sprawdzić poprawność generowania tagów i technicznej daty zmiany stron (dateModified), aby roboty wyszukiwarek natychmiast widziały ręczne aktualizacje dat na stronie.
- Upewnić się, że w niestandardowych szablonach PHP stron wyświetlany jest i poprawnie działa standardowy funkcjonalność Yoast do punktowego zarządzania typami formatowania - przypisać typy stron według zaleceń zamawiającego.
Szablon bloga (Artykuły): Należy usunąć skomplikowaną budowę artykułu wyłącznie przez niestandardowe bloki/pola. Artykuły powinny być publikowane przez standardowy edytor tekstowy WordPress. Wymagana jest konfiguracja wyświetlania the_content() oraz zapisanie stylów CSS tak, aby wszystkie standardowe elementy wewnątrz artykułu automatycznie przejmowały projekt z Figma (style globalne). A mianowicie:
1. Standardowy tekst (akapity, interlinia, kolor).
2. Nagłówki H1, H2, H3 (rozmiar, waga czcionki, marginesy).
3. Obrazy i osadzone wideo (adaptacyjna szerokość, marginesy, możliwe zaokrąglenie rogów według makiety).
4. Listy (punktowane i numerowane).
5. Standardowe przyciski.
2. Część techniczna: Formy, ochrona i logika
Należy zapewnić bezpieczne działanie wszystkich formularzy do pozyskiwania leadów:
Integracja: Skonfigurować wysyłanie leadów przez SendPulse. Proszę wskazać przed rozpoczęciem prac, jakie dostępności (klucze API itp.) będą potrzebne.
Antyspam: Zainstalować solidną ochronę przed spamem na wszystkie formularze (priorytetem jest Cloudflare Turnstile, lub zaproponować uzasadnioną alternatywę).
Wprowadzić ochronę przed floodem. Limit: z jednego adresu IP formularz można wysłać maksymalnie 2 razy w ciągu 5 minut. Wszystkie inne próby powinny być blokowane.
Walidacja i maska: Sprawdzić maskę wprowadzania dla numeru telefonu (brakujące komórki są wypełniane cyframi). Pole "Telefon" powinno być obowiązkowe we wszystkich formularzach. Pole "Imię" powinno być opcjonalne we wszystkich formularzach - sprawdzić.
Zachowanie po wysłaniu: Skonfigurować automatyczne czyszczenie pól formularza po pomyślnym wysłaniu. Strona nie powinna być przy tym przeładowywana ani przewijana w górę/w dół — użytkownik pozostaje w bieżącym miejscu na ekranie.
3. Bieżące poprawki według Figma
Należy usunąć niedociągnięcia i doprowadzić budowę do 100% zgodności z makietą (szczegółowe zrzuty ekranu zostaną dostarczone wybranemu wykonawcy):
Style:
Skorygować tło głównego banera (rozjaśnić według makiety) i przesunąć przycisk (zaprezentować 3 zrzuty do zatwierdzenia) https://bropack.com.ua/ready-solutions/.
W sliderach i blokach wideo pozostawić dokładnie 5 przycisków (punktów).
Sprawdzić tekst „Onowiono” (kursywą) w dolnej części stron.
Na urządzeniach mobilnych w wszystkich sliderach sprawdzić działanie przesuwania, czasami zdarza się, że łapie prawą lub lewą krawędź strony zamiast przesuwania.
Siatka, bloki i marginesy:
Zmniejszyć niektóre marginesy między blokami zgodnie z Figma - 15-20 szt.
Zwiększyć wysokość wskazanych bloków oraz rozmiar czcionki w nich do wartości z Figma.
Sprawdzić dolne formularze do pozyskiwania: zwiększyć ich całkowitą wysokość, a także wysokość przycisków i czcionki wewnątrz.
Na stronie „Про компанію”: opuścić linię dzielącą, aby wyrównać z lewą kolumną, nagłówek „Наші цінності” przesunąć w lewo.
Popupy i grafika (Postać):
Przywrócić na miejsce przesuniętą w prawo postać w oknie modalnym (popupie).
W popupie umieścić ikonę zamknięcia (krzyżyk) na szarym okręgu według makiety.
Poprawić proporcje/wyświetlanie pionowego zdjęcia w popupie.
Całkowicie usunąć pusty popup bez tekstu.
Skorygować pozycjonowanie postaci (bohaterów): w jednym z bloków zmniejszyć rozmiar; na stronie „Kontakty” przesunąć w lewo i wyżej; na stronie „Про компанію” — zwiększyć i przesunąć w prawo.
