Układ HTML/CSS

Szukamy dewelopera do stworzenia prostego, ale estetycznego i konwertującego landing page'a dla usługi transportu i przeprowadzek mieszkań/biur w Izraelu (główny fokus — północ kraju). Celem strony jest pozyskiwanie zgłoszeń i połączeń przez WhatsApp oraz formularz. Zadanie Trzeba zrobić: 1. Landing page (można z AI) nowoczesny, minimalistyczny design adaptacja pod urządzenia mobilne (główny ruch — mobilny) struktura pod generowanie leadów Rekomendowana struktura: główny ekran (oferta + przycisk WhatsApp) usługi (przeprowadzki, pracownicy, pakowanie itp.) zalety proces pracy (3–5 kroków) opinie (można szablonowo na początku) formularz zgłoszeniowy blok kontaktowy 2. Bot WhatsApp automatyczne odpowiedzi na często zadawane pytania zbieranie zgłoszeń (imię / adres / data / typ przeprowadzki) przekazywanie zgłoszeń do WhatsApp/CRM szybkie przyciski (wycena, konsultacja, zamówienie) 3. Formularz zgłoszeniowy prosty formularz na stronie integracja z powiadomieniami (email / WhatsApp / CRM) minimalna liczba pól dla zwiększenia konwersji 4. Analityka Google Analytics / GA4 zdarzenia: wysyłanie formularza, kliknięcia w WhatsApp, połączenia podstawowa konfiguracja konwersji 5. CRM (prosta integracja) podłączenie zgłoszeń do CRM (dowolny wygodny system — do omówienia) rejestracja leadów możliwość dalszego przetwarzania zgłoszeń Warunki budżet: 5,000 UAH termin: 3 dni (projekt pilny) format pracy: etapowo, z testami i poprawkami Ważny moment organizacyjny Projekt jest realizowany przez innego zleceniodawcę. Nie zdążam osobiście zakończyć realizacji, dlatego do pracy dołącza oddzielny freelancer. Wszystko jest całkowicie przejrzyste: zostaniesz dodany do grupy roboczej z zleceniodawcą wszystkie ustalenia są tam rejestrowane pracujesz bezpośrednio z nim po rozpoczęciu żadne „szare strefy” ani niejasności co do zadań Wymagania wobec wykonawcy doświadczenie w tworzeniu landingów dla usług / generowania leadów rozumienie UX dla ruchu mobilnego doświadczenie w integracji botów WhatsApp lub podobnych rozwiązań podstawowa znajomość analityki (GA4) staranna praca i dotrzymywanie terminów

Cześć wszystkim. Szukam specjalisty, który pomoże rozwiązać problem z źródłami React. Problem polega na tym, że ich nie ma. Dlatego trzeba stworzyć nowe repozytorium, wyciągnąć maksimum z DevTools/source maps, a następnie przywrócić projekt. Szczegóły opiszę kandydatom. Czekam na wasze odpowiedzi.

Strona działa na frameworku Next.js (opartym na React). Trzeba zrealizować wszystkie punkty zgodnie z TŻ. TŻ jest dołączone w pliku. Oczekuję na propozycje.

jest strona https://perfect-okna.com.ua/ główne problemy: ANALIZA PRĘDKOŚCI ŁADOWANIA (Performance) Kluczowe problemy (typowe dla takich stron): · Duże nieoptymalizowane obrazy (JPEG/PNG bez kompresji, brak WebP). · Brak lazy loading dla obrazków w katalogu. · Nie zminifikowane CSS/JS, podłączono wiele niepotrzebnych bibliotek. · Brak cache na poziomie przeglądarki, nie używa się CDN. · Serwer nie wysyła kompresji (gzip/brotli). · Nie używa się HTTP/2. Checklist „Szybkość”: · Skompresować wszystkie obrazy, przekształcić w WebP i dodać fallback. · Ustawić leniwe ładowanie obrazów (loading="lazy"). · Zminifikować HTML, CSS, JS. Połączyć pliki, gdzie to możliwe. · Włączyć Gzip/Brotli na serwerze. · Ustawić nagłówki cache (Cache-Control, Expires) dla statycznych zasobów. · Podłączyć CDN (Cloudflare za darmo). · Usunąć zbędne wtyczki/skrypty (szczególnie jeśli WordPress). · Używać asynchronicznego ładowania dla niekrytycznych skryptów (async/defer). Na stronie głównej często brakuje wyraźnej struktury „kim jesteśmy – co oferujemy – dlaczego warto nas wybrać – jak zamówić”. · Kreator okien (jeśli jest) może być mylący, bez podpowiedzi, nie widać od razu ceny końcowej. · Na urządzeniach mobilnych menu może się przesuwać, kalkulator nie jest dostosowany do palców. · Formularze kontaktowe są długie, bez maski telefonu, bez walidacji. · Brak „szybkich działań”: zadzwonić jednym kliknięciem, komunikatory, czat. · Brak „okruszków” na stronach wewnętrznych. · Stworzyć wersję mobilną bez poziomego scrolla, przyciski nie mniejsze niż 48x48 px. · Na stronie głównej dodać od razu kalkulator ceny „w 3 kliknięcia”. · W nagłówku – numer telefonu klikalny (tel:), komunikatory (Viber/Telegram) z ikonami. · Formularze: tylko imię + telefon + pole „komentarz” (nieobowiązkowe). Maska dla telefonu. · Dodać pływający przycisk „Szybkie zamówienie / Oblicz koszt” na mobilnym. · Na kartach produktów – przycisk „Kup w 1 kliknięcie” (otwiera mini-formularz). · Dodać „okruszki”, poprawić nawigację po działach. · Sprawdzić kontrast tekstu, rozmiar czcionek (nie mniej niż 14 px na mobilnym). · Brak oferty pilnej (promocje z ograniczeniem czasowym). · Niedostateczne dowody społeczne (opinie, recenzje wideo, liczba wykonanych prac). · Nie wyjaśniono, że cena „pod klucz” (montaż, dostawa, demontaż). · Brak CTA (wezwania do działania) na każdym ekranie. Dodać „licznik” – ile klientów już wybrało, ile okien zainstalowano. · Wideo-opinie prawdziwych klientów (krótkie, na 30–60 sek). · Blok „Oblicz w 30 sekund” bezpośrednio na pierwszym ekranie. · Pokazać cenę „pod klucz”: okno + montaż + dostawa, z przejrzystym rozrachunkiem. · Promocje z timerem: „Zniżka -15% przy zamówieniu do końca tygodnia”. · Wyskakujące okno z ofertą bezpłatnego pomiaru, gdy użytkownik próbuje zamknąć zakładkę. Co zrobić: · Interaktywny 3D konfigurator okna (zmiana koloru, otwieranie, pakiet szybowy) – o tym dalej. · Mini-gra lub test: „Jakie okno pasuje do twojego mieszkania?” · Przykłady: zdjęcia „przed/po” w rzeczywistych wnętrzach. · Przewodniki: „Jak wybrać okna do hałaśliwej ulicy”, „Oszczędność energii: jaki pakiet szybowy wybrać”. · Kalkulator oszczędności na ogrzewaniu po wymianie okien. Pilne (Critical) 1. Mobilna adaptacja całej strony, szczególnie kreatora i koszyka. 2. Przyspieszenie ładowania: kompresja obrazów, cache, CDN. 3. Przycisk szybkiego zamówienia (One Click Buy) na wszystkich kartach produktów. Wyskakujący czat z możliwością pozostawienia wiadomości w Viber/Telegram. 5. Ważny HTTPS i przekierowanie z HTTP → HTTPS wszystkich stron. 6. Mikroformatowanie Schema.org (Organization, Product, BreadcrumbList, Review). Ważne (High) 1. Zaktualizować stronę główną: dodać USP, promocje, wideo, szybki kalkulator. 2. Strona „Promocje” z timerem, aktualizowanym co miesiąc. 3. Formularz zwrotnego połączenia – prosty, z maską i automatycznym wstawianiem kodu miasta. 4. Podłączenie CRM (np. amoCRM / Bitrix24) do automatycznego przechwytywania leadów. 5. Dodać płatność online (LiqPay, WayForPay) przynajmniej zaliczkę za pomiar. 6. Struktura SEO URL: /produkciya/plastikovi-vikna/, a nie /?page_id=123. Pożądane (Medium) 1. Rozszerzyć blog artykułami pod kluczowe zapytania (5 artykułów od razu). 2. Interaktywny kreator z 3D-podglądem (osobny blok poniżej). 3. Filtr produktów według cech (rozmiar, profil, kolor, cena). 4. Osobisty panel klienta, gdzie można zobaczyć status zamówienia. 5. Generowanie PDF-oferty handlowej bezpośrednio na stronie. JAK POPRAWIĆ KREATORA (Konfigurator okien) Jeśli teraz to zwykły formularz z rozwijanymi listami – to przestarzałe. Potrzebny nowoczesny 3D-kreator: Obowiązkowe funkcje: · Krokowy kreator (wizard): 1) wybór pokoju, 2) wymiary, 3) liczba skrzydeł, 4) kolor, 5) pakiet szybowy, 6) okucia, 7) siatka przeciw owadom. · Natychmiastowe przeliczenie ceny na każdym kroku (AJAX). · 3D-wizualizacja (Three.js lub gotowy framework js). · Zapisanie wybranej konfiguracji w PDF (generacja na serwerze) i wysłanie na e-mail. · Przycisk „Wyślij wycenę do menedżera” – i w CRM leci karta ze wszystkimi parametrami. · Możliwość podzielenia się linkiem do swojej konfiguracji (np. aby wysłać mężowi/żonie). · Pełna adaptacja pod gesty dotykowe (przesunięcie do obrotu modelu 3D na telefonie) Cena do uzgodnienia!

Meta projektu Zrealizować integrację Viber bez użycia zewnętrznych systemów CRM. Cała praca z wiadomościami powinna być wykonywana bezpośrednio w naszym wewnętrznym CRM opartym na BAS / 1C 8.3.Aktualny system BAS / 1C 8.3 Samodzielnie napisana konfiguracja "Obsługa klientów" Baza ponad 40 000 abonentówWymagane do zrealizowania Integracja przez oficjalnego dostawcę Viber Business (TurboSMS, GMS Worldwide lub inna uzgodniona usługa). Przycisk "Napisz w Viber" w karcie abonenta. Wysyłanie wiadomości bezpośrednio z BAS. Odbieranie wiadomości przychodzących przez Webhook. Automatyczne przypisanie wiadomości do abonenta według numeru telefonu. Pełne zachowanie historii korespondencji w karcie abonenta. Wyświetlanie czasu, statusu wiadomości oraz menedżera, który odpowiadał. Praca kilku menedżerów jednocześnie. Szablony wiadomości do szybkiej odpowiedzi. Pomoc w konfiguracji dostawcy Viber, kluczy API i Webhook. Przekazanie całego kodu źródłowego i ustawień po zakończeniu prac.Warunki odbioru Praca uznawana jest za wykonaną po pomyślnym przetestowaniu wszystkich funkcji na roboczej bazie oraz przekazaniu kodu źródłowego.Gwarancja 1 miesiąc gwarancji na poprawki błędów związanych z zrealizowanym funkcjonalnością. Dalsze poprawki realizowane są na osobnej umowie.Rezultat Po zakończeniu projektu menedżerowie powinni mieć możliwość pełnej pracy z Viber bezpośrednio w BAS: pisać do klientów, otrzymywać odpowiedzi, przeglądać historię korespondencji i prowadzić komunikację bez użycia zewnętrznych systemów CRM. Cały kod źródłowy, poprawki, klucze API i ustawienia po zakończeniu projektu są przekazywane zamawiającemu.