Optymalizacja strony dla PageSpeed Insights

Trzeba wprowadzić zmiany w 3 (trzech) różnych formularzach, kalkulatorach i stronach wprowadzania danych na stronie zgodnie z TŻ. Realizacja kalkulatorów i stron potrzebna jest w dwóch językach. Można poprawić istniejące formularze i kalkulatory lub stworzyć nowe, jeśli będzie to łatwiejsze do wykonania. TŻ dostarczamy. W trakcie realizacji zadania mogą być wprowadzone drobne uzupełnienia lub doprecyzowania dotyczące zmian w kalkulatorach lub formularzach (szablonach).

Dzień dobry! Mamy projekt na Next.js, React, Node.js i Strapi. Obecnie została stworzona strona główna, a dwie strony podrzędne wymagają dopracowania. Konieczne jest również stworzenie kolejnych 4–5 stron z adaptacją i skomplikowanymi animacjami na różne urządzenia oraz podłączenie ich do panelu administracyjnego Strapi. Z powodu zmiany obciążenia poprzedniego dewelopera szukamy nowego specjalisty do zakończenia projektu. Szukamy odpowiedzialnego dewelopera z praktycznym doświadczeniem w pracy z tym stosem. W odpowiedzi proszę dodać przykłady podobnych projektów. Budżet oczywiście omówimy.

To niedopracowana wtyczka do After Effects: https://drive.google.com/drive/u/0/folders/1Nq9a672OK6ep9Com1lqelUhZxbx3_3f1 to, jeśli dobrze rozumiem, wtyczka CEP (Adobe Extension) do After Effects. To panel HTML/JavaScript przez Adobe CSXS, który współdziała z After Effects przez ExtendScript. Celem było zautomatyzowanie procesu tworzenia wideo w stylu "maze challenge", odniesienie na YouTube GOALRUSH-f8x lub analog. Wideo ręcznego montażu: https://drive.google.com/file/d/1Ylzvax6w2JGDwaBqeCdbD49jh5wB5buY/view?usp=sharing Plik jednego z projektów: https://drive.google.com/file/d/15vKd1L9VfHtDqK2wtLQdYEmDpH1d8Jvy/view?usp=sharing Oprócz "bugowatości" systemu przez vibe coding (dlatego vibe coderzy odpadają), nie odpowiadały takie szczegóły (rzeczywiste poprawki): https://docs.google.com/spreadsheets/d/18Svc6GoQ34PgLe1HY7gNX5tPLH0Cpv9E4mfjCRBCMFU/edit?gid=0#gid=0 Trzeba stworzyć system, który będzie generował projekty w After Effects ze wszystkimi niezbędnymi komponentami wideo, które są opisane w Baza.pdf, bardziej szczegółowa logika w formie zdjęć, dokumentu tekstowego oraz mapy myśli dla zrozumienia wszystkich możliwych wariacji na dysku: https://drive.google.com/drive/folders/1Uf4Pnw3SKmwpmhL7sjPZFnfAbN0arUjr?usp=sharing Jeszcze bardziej szczegółowo (z bardziej rozwiniętą częścią opisową oraz linkami do timestampów w referencjach) tzw. będzie formułowane w roboczej przestrzeni projektu Końcowy rezultat to system, który tworzy wideo: od 40 sekund do 1 minuty, całkowicie unikalna treść przy każdym tworzeniu, bez metadanych AI w pliku wideo, w nim powinien być zrozumiały fabuła (pułapki, ślepe zaułki, różne emocje postaci-celebrytów w wyniku jakichś zwrotów akcji w wideo), dźwięk projektowy pod fabułę (krzyki i inne emocje, wybuchy itd.), stylistycznie nie różniące się od wideo referencyjnego z kanału

Wymagana jest poprawa roboczego landing page'a - konfiguratora stworzonego w AI Stworzone są prawie wszystkie wizualizacje i opcje. Przekażemy archiwum. Potrzebne jest, aby wszystko dobrze działało, wyświetlało się i było responsywne na urządzenia mobilne i PC. Załączono zrzut ekranu landing page'a

TECHNICZNE ZADANIE NA ROZBUDOWĘ LANDING PAGE'A NA BAZIE WORDPRESSO projekcie: Wymagana jest stworzenie sprzedażowego landing page'a dla autorskiego intensywu online na działającej stronie internetowej kancelarii prawnej. Platforma strony: WordPress. Oczekiwany URL strony: salyk.net/online_intensivePłatność: Projekt jest opłacany z rezerwacją pieniędzy na depozycie strony. Bez żadnych „najpierw wykonam pracę, potem zatwierdzam projekt i dokonujecie płatności”. 1. Design i struktura:Istnieje gotowy prototyp w postaci czystego kodu HTML/CSS (zawiera teksty, strukturę, paletę kolorów, responsywność i pionowe wideo-referencje 9:16). Kod jest dołączony do tego TZa w pliku „kod”. Możecie go wkleić tutaj https://htmledit.squarefree.com/ i zobaczyć wstępny design. Zadanie dotyczące designu: Wziąć ten kod za podstawę, ale nie tylko skopiować. Mile widziane są poprawki UX/UI, dodanie subtelnych mikroanimacji, cieni, nowoczesnych efektów (feature), które uczynią stronę bardziej atrakcyjną i sprzedażową, zachowując jednocześnie surowy styl korporacyjny.Zdjęcia: na razie dołączone są tylko 3 sztuki, wygenerowane przez AI. Po zatwierdzeniu projektu prześlę swoje osobiste zdjęcia do integracji na landing page'u.2. Integracja z CMS (Edytowalność):Krytycznie ważne: Landing page nie powinien wisieć na stronie jako „goły” kod HTML. Strona musi być zbudowana za pomocą wizualnego konstruktora (Elementor) lub zrealizowana przez elastyczne pola (ACF).Zleceniodawca musi mieć możliwość łatwej zmiany dowolnych tekstów, linków, taryf, zdjęć i wideo-referencji bez ingerencji w kod z poziomu panelu administracyjnego WordPress.3. Wymagania techniczne i responsywność:Pełna responsywność cross-browser: Desktop, Tablet, Mobile. Strona musi poprawnie wyświetlać się na wszystkich typach urządzeń (w tym proporcje 3 pionowych wideo-referencji).Wysoka wydajność: Obowiązkowa podstawowa optymalizacja prędkości ładowania (Google PageSpeed). Obrazy muszą być skompresowane i skonwertowane do formatu WebP, skrypty i style zminimalizowane.4. Formularz kontaktowy (Generowanie leadów):Na landing page'u znajduje się formularz zgłoszeniowy (Imię, Telefon). Należy go uczynić w pełni funkcjonalnym.Wszystkie zgłoszenia muszą być natychmiast wysyłane na firmowy email: [email protected]ży skonfigurować wysyłkę przez serwer SMTP lub użyć niezawodnej wtyczki (WPForms / Contact Form 7), aby zgłoszenia na pewno nie trafiały do folderu „Spam”.5. Wielojęzyczność:Aktualna strona zakłada obecność trzech języków (RUS, KAZ, ANG).W ramach projektu wykonawca musi skonfigurować wielojęzyczność dla nowego landing page'a (za pomocą wtyczek Polylang, WPML lub podobnych).W trakcie realizacji zadania zleceniodawca dostarczy gotowe tłumaczenia tekstu na język kazachski i angielski. Wykonawca musi stworzyć i sformatować te dodatkowe wersje językowe strony.6. Integracja z główną stroną:Skonfigurować przejście na landing page z głównej strony.W głównym menu (w nagłówku) działającej strony salyk.net należy dodać nowy przycisk lub punkt menu (na przykład „Online-intensyw”), który będzie prowadził do adresu /online_intensive.Dodatkowo: zrobić funkcję na całej stronie przełączania między językami rus/eng/kaz w stylu strony.