Prace laboratoryjne . Technologia i projektowanie stron internetowych. HTML / CSS

https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Zadanie: redesign strony produktu i recenzji na stronie głównej Strona została już opracowana i działa w pełni. Projektant przygotował nowy projekt w Figma, który należy wdrożyć na istniejącej stronie. Wymagane: zrealizować nowy projekt zgodnie z makietą; zintegrować go z aktualną stroną; zaadaptować strony do urządzeń mobilnych, tabletów i komputerów; sprawdzić poprawne działanie przycisków, formularzy, menu i innych elementów; zapewnić maksymalną zgodność z makietą. Nie ma potrzeby tworzenia strony od zera — należy jedynie wykonać redesign i zastąpić aktualny wygląd nowym.

Konieczne jest wykorzystanie funkcjonalności do wykonania - 1. wizualizacji zniżki na karcie produktu: ładnie sformatować umiejscowienie cen hurtowych w zależności od ilości, a po wyborze ilości według ceny hurtowej należy wyświetlić - tekst typu "Oszczędzasz .....” na karcie produktu oraz w koszyku Przykład jak teraz https://plusminus7.com.ua/index.php?route=product/product&product_id=7097 Przechodząc do koszyka również nie widzimy ile było, a ile stało się. Zwykły marketing. - masowa edycja zniżek przez eksport/import pliku (wyeksportowano → poprawiono → załadowano z powrotem) Obecnie zniżki od ilości są ustawiane bezpośrednio w kartach produktów w zakładce Zniżka, aby była możliwość edytowania masowo, należy wykonać eksport/import produktów do excela Dołączyłem zrzuty ekranu jako przykłady, jak mniej więcej widzimy wizualizację cen hurtowych Następnym etapem będzie jeszcze TZ dotyczące regulacji kształtowania cen i zaokrąglania.

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