Bootstrap Card Layout w Typscript React

Opis projektu: Potrzebne jest zrealizowanie strony jednopanelowej (landing page) na platformie Shopify według gotowego projektu w Figma. Projekt jest całkowicie gotowy — wersje desktop i mobile, UI-kit, popupy, wszystkie stany przycisków. Co należy zrobić: Wykonanie strony według makiety z Figma (desktop + wersja mobilna), pixel-perfect Realizacja jako niestandardowy motyw na bazie nowego blokowego silnika Shopify (Horizon) — NIE gotowy szablon z rynku, ani prosta adaptacja istniejącego motywu do projektu Wszystkie przyciski CTA prowadzą do WhatsApp (nie do checkout/koszyka) — należy zrealizować poprawne linki wa.me z wstępnie wypełnionym tekstem Realizacja popupów (popup wideo „Obejdź pełną historię” i inne, jak na makiecie) Blok FAQ z akordeonem Podłączenie pikseli: Meta Pixel, Google Analytics 4 (zdarzenia ViewContent oraz niestandardowe zdarzenia na kliknięcie przycisków WhatsApp) Optymalizacja pod kątem szybkości ładowania na ruchu mobilnym (to krytyczny wymóg — docelowa grupa odbiorców to Polska, ruch mobilny przeważa). Oczekuję dobrych wyników Core Web Vitals / PageSpeed na urządzeniach mobilnych Ważne: Nie używać ciężkich gotowych motywów z marketplace'u i zbędnych zewnętrznych aplikacji, które obciążają stronę Potrzebny jest deweloper z portfolio niestandardowego tworzenia motywów na Shopify (Liquid), a nie tylko „składania” z gotowych szablonów Pożądane doświadczenie w pracy z Core Web Vitals / optymalizacją wydajności stron Shopify Dodatkowo: Po uruchomieniu możliwa dalsza współpraca na stałe — będzie trzeba wprowadzać poprawki w tekstach/blokach, testować nowe oferty, podłączać podobne strony pod inne rynki Do projektu dołączam: Zrzuty ekranu projektu (desktop + mobile) UI Kit z kolorami, czcionkami, przyciskami Link do Figma (dodam po wyborze kandydatów) Terminy: do uzgodnienia, orientacyjnie potrzebne uruchomienie w najbliższym czasie. Budżet: nie podaję, czekam na oferty od wykonawców z wyceną kosztów i terminów.

O projekcie: Wymagane jest stworzenie sprzedażowej strony lądowania dla autorskiego intensywu online na działającej stronie internetowej kancelarii prawnej. Platforma strony: WordPress. Oczekiwany URL strony: strona/online_intensive1. Projekt 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 zostanie przekazany wykonawcy.Zadanie dotyczące projektu: Należy wziąć ten kod jako podstawę, ale nie po prostu 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.2. Integracja z CMS (Edytowalność):Krytycznie ważne: Strona lądowania nie powinna 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 i zdjęć bezpośrednio z panelu administracyjnego WordPress bez ingerencji w kod.3. Wymagania techniczne i responsywność:Pełna responsywność wieloplatformowej wersji: 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 stronie lądowania 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 nie trafiały do folderu „Spam”.5. Wielojęzyczność:Obecna strona zakłada obecność trzech języków (RUS, KAZ, ANG).W ramach projektu wykonawca musi skonfigurować wielojęzyczność dla nowej strony lądowania (za pomocą wbudowanej wtyczki na stronie).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 stronę lądowania 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 „Intensyw online”), który będzie prowadził do adresu /online_intensive.Dodatkowo: dodać funkcję przełączania między językami rus/eng/kaz w stylu strony.

Wirus obecnie infiltrował stronę internetową. Strona nie działa prawidłowo. W szczególności główna strona nie działa poprawnie. Potrzebujemy dewelopera, który może naprawić ten błąd tak szybko, jak to możliwe.

Jest strona, która działa, trzeba zmienić strukturę głównego menu i stworzyć kilka nowych stron (już według tego szablonu, który jest z tym samym designem) Co jest: Struktura menu: Strona główna O nas Usługi: joga dla szczeniąt, joga + kąpiel dźwiękowa + ceremonia kakao, kąpiel dźwiękowa, joga z lamą Karta podarunkowa Blog Kontakt Co trzeba zrobić: 1. Zmienić strukturę menu na następującą: Strona główna O nas Doświadczenia tygodniowe Doświadczenia sezonowe Doświadczenia prywatne Karta podarunkowa Blog Kontakt 2. Stworzyć nowe strony (katalog usług) Doświadczenia tygodniowe Doświadczenia sezonowe (na tej stronie zrobić podział Jesień-Zima, Wiosna-Lato (lub zrobić oznaczenia przy każdej karcie produktu, kiedy jest dostępny) Doświadczenia prywatne Te strony zrobić na podstawie istniejącej strony - czyli skopiować istniejącą stronę i powiązać z nią strony usług, mają się tam wyświetlać automatycznie, jeśli zaznaczy się odpowiednią opcję 3. Dodać następujące usługi na stronie doświadczeń tygodniowych: Joga dla szczeniąt Kąpiel dźwiękowa 4. Dodać następujące usługi na stronie doświadczeń sezonowych: Kąpiel dźwiękowa Bloom Frequency Joga z lamą Pierwsze światło - Szczęśliwy wschód słońca Ceremonia herbaty zbiorów i kąpiel dźwiękowa Joga, ceremonia kakao i kąpiel dźwiękowa Zimowa kąpiel dźwiękowa przy świecach Ceremonia ustawiania intencji na Nowy Rok, ceremonia kakao, aromaterapia i kąpiel dźwiękowa 5. Dodać usługi na stronie doświadczeń prywatnych: Prywatna joga dla szczeniąt w studiu Prywatna joga dla szczeniąt w Twojej lokalizacji Prywatna kąpiel dźwiękowa dla jednej osoby Prywatna kąpiel dźwiękowa dla grupy Prywatne kąpiele dźwiękowe i ceremonie herbaty dla zespołów, liderów i wydarzeń korporacyjnych 6. Podłączyć kalendarz systemu simplybookme do stron: Pierwsze światło - Szczęśliwy wschód słońca Ceremonia herbaty zbiorów i kąpiel dźwiękowa Zimowa kąpiel dźwiękowa przy świecach Ceremonia ustawiania intencji na Nowy Rok, ceremonia kakao, aromaterapia i kąpiel dźwiękowa Ten system rezerwacji jest już skonfigurowany na stronie, trzeba według tego samego zasady podłączyć kalendarz do wymienionych stron. 6.1. Dodać przycisk „lista oczekujących” na stronach: Pierwsze światło - Szczęśliwy wschód słońca Ceremonia herbaty zbiorów i kąpiel dźwiękowa Zimowa kąpiel dźwiękowa przy świecach Ceremonia ustawiania intencji na Nowy Rok, ceremonia kakao, aromaterapia i kąpiel dźwiękowa Po naciśnięciu przycisku ma się pojawić formularz, w którym osoba zostawia swój e-mail, imię i wysyła ten formularz. Z naszej strony klient ma otrzymać wiadomość, że znalazł się na liście oczekujących, a my mamy otrzymać powiadomienie, że ktoś dołączył do listy oczekujących. Przez simplybook się nie uda, trzeba pewnie robić przez formularze shopify, lub możecie zaproponować inne rozwiązanie

Na podstawie już istniejącego szablonu projektu strony internetowej wykonać szereg dla frameworka Laravel. Makieta projektu została stworzona w Figma. Bardziej szczegółowo opiszę już w wiadomościach prywatnych.