Верстка страницы
Правок по верстке минимум, что очень радует, а такое встречается редко.
Добрый день!
Необходимо сверстать страницу десктоп, дизайн будет дан в Zeplin.
Пришлите ссылки на ваши работы.
Дизайн для ознакомления и рассчета стоимости и сроков во вложении.
Budżet: 3500 RUB Termin: 5 dni
Здравствуйте! Сроки указал максимальные. Готов выполнить верстку вашей страницы, макет посмотрел. Есть опыт верстки в Zeplin. В итоге получатся кроссбраузерная, адаптивная и качественная страница. Перед сдачей Вам проверю в pixel-perfect и валидаторе. Приступлю и отвечу сразу же. 1-3 раза в день показываю что выходит.
Спасибо!
Budżet: 1500 UAH Termin: 5 dni
Здравствуйте, мне понравился дизайн сайта, хочу его сверстать.
Вот мои работы: Freelancehunt
Контактные данные:
E-mail: [email protected]
Telegram: @Aslan_Of
Viber: +380685204413
Budżet: 2000 UAH Termin: 3 dni
Здравствуйте, Владимир
Посмотрел макет - уверен, что смогу его сверстать качественно, кроссбраузерно. Опыт в верстке большой. Из Zeplin ранее верстал. Стоимость и сроки указал. Есть свой хостинг - буду ежедневно вечером предоставлять отчет о проделанной работе. Не пропадаю и отвечаю мгновенно.
Budżet: 4000 RUB Termin: 4 dni
Здравствуйте наша команда готова выполнять верстку любой сложности Сделаем максимально быстро и красиво. Готовы работать в режиме сейф можете звонить +37477788771 или писать по адресу [email protected].или просто писать личное сообщение. С любовью scriptprogrammingcompany.
Budżet: 5000 UAH Termin: 8 dni
Добрый день! )
Я дизайнер, иллюстратор, верстальщик.
Опыт работы 6 лет.
Занимаюсь версткой, сделаю рабочий прототип дизайна с помощью HTML/CSS/JavaScript.
Готова обсудить детали в ЛС.
Мое портфолио: Behance
Freelancehunt
Люблю свою работу, рисую и верстаю с удовольствием!
Обращайтесь, будем сотрудничать! :)
Budżet: 1500 UAH Termin: 3 dni
Привет, сейчас как раз доделаю один тест и могу вашим заняться, там вроде тоже чтото похожее
Связаться со мной можно через данные соц. сети:
facebook: https://www.facebook.com/profile.php?id=100009803377566
instagram: https://www.instagram.com/poghos__17/
Budżet: 1500 UAH Termin: 4 dni
Добрый день Владимир , заинтересовал ваш лендинг ,
верстаю в gulp4 проект будет адаптивен и кросбраузерный цену и срок указл ,
если есть тз скиньте для ознакомления в личку или телеграм
https://t.me/LeznikOneTrue
Budżet: 600 UAH Termin: 1 dzień
Здравствуйте!
Буду рад сверстать для вас данную страницу. Готов приступить сейчас же. Сделаю все в наилучшем виде.
Работы в профиле.
Жду вашего ответа !
Budżet: 2000 UAH Termin: 2 dni
Добрый день. Я посмотрела Ваш заказ. Готова сверстать Ваши макеты и сделать адаптацию. Занимаюсь версткой больше 5 лет.
Вот пару моих работ:
http://front-up.ru/td-kros/
http://front-up.ru/kd/
http://front-up.ru/readycar/
http://front-up.ru/evakuacia/
http://front-up.ru/logo/
Budżet: 1500 UAH Termin: 3 dni
Здравствуйте, готов взяться за работу, для этого имею весь нужный опыт!
Мои работы можете посмотреть у меня на сайте http://bohdanbordiuh.com/
Пишите, буду рад сотрудничеству !
Budżet: 1500 UAH Termin: 2 dni
Также заинтересован в долгосрочном сотрудничестве
вот мой номер телефон +998900009966 тг есть
Budżet: 6000 RUB Termin: 3 dni
Могу сделать и адаптив. Примеры сайтов:
https://heep.agency/ PSD to Wordpress
http://rozina.appo.io/ PSD to Wordpress
https://evi-europe.com/ PSD to Wordpress
http://i-t-dom.ru/ PSD to Wordpress
https://mad-gadget.ru/ PSD to Wordpress (Ecwid)
http://gm-artgroup.com.ua/ PSD to Wordpress
http://idmedia.online/ PSD to Wordpress
https://moveondancecenter.com.ua/ PSD to Wordpress
https://mikele.com.ua/ PSD to Wordpress
Budżet: 2000 RUB Termin: 3 dni
Здравствуйте Владимир. Ознакомился с макетом. Готов сверстать. Гарантирую валидную семантическую верстку. Примеры моих работ http://forest.hostronavt.ru/
Budżet: 1500 UAH Termin: 3 dni
Здравствуйте , Владимир , с макетом ознакомился ,готов обсудит детали для начал работы )
Мои работы можете посмотреть у меня в профиле .
Freelancehunt
Вот ссылки на активные сайты :
https://tronempire.net/
http://artlineclassic.com/
https://accelerator.taxi/
Budżet: 2500 RUB Termin: 5 dni
Доброго времени суток! Меня заинтересовало Ваше предложение! Сверстаю качественно и в указанные сроки, адаптивно и кроссбраузерно.
Можно ли обсудить детали проекта?
Вы можете связаться со мной:
Whats App: +7 (777) 893-93-56
Электронная почта: [email protected]
Telegram: @Silichshev_Danil
ВКонтакте: https://vk.com/id367198716
Facebook: https://facebook.com/danil.silichshev.7
Instagram: https://www.instagram.com/danil.silichshev/
Мои работы:
Freelancehunt
Budżet: 1000 UAH Termin: 1 dzień
Здравствуйте.
С удовольствием возьмусь за работу, гарантирую чистый, валидный код, кроссбраузерно, адаптивно. Опыт разработки - 2,5 года. Моя оценка времени по вашему дизайну - 9 часов.
В профиле есть несколько примеров работ. Дополнительно могу прислать в ЛС.
Budżet: 1500 UAH Termin: 5 dni
Здравствуйте, Владимир. Я готов выполнить ваш заказ. К работе могу приступить прямо сейчас. Адаптивность и кроссбраузерность сайта гарантирую. Буду рад нашему сотрудничеству, Владимир.
Связь со мной:
telegram - @rostyslavPutas
email - [email protected]
Budżet: 1500 UAH Termin: 3 dni
Здравствуйте, Владимир! Понравился макет сайта и хочу сверстать его.
При работе буду использовать препроцессор Scss, gulp, git и js/jquery, если потребуется.
Буду рад нашему сотрудничеству!
Примеры моих лендингов:
https://slavkahitriy.github.io/Bino/app/
https://slavkahitriy.github.io/Mogo/app/
Budżet: 1200 UAH Termin: 3 dni
Здравствуйте Владимир, pdf посмотрел, сверстаю качественно под все нынешние устройства и браузеры.
Работы можете посмотреть в портфолио: Freelancehunt
также можете ознакомится с отзывами: Freelancehunt
Напишите мне, начну сразу после уточнения нюансов.
С уважением Грачья
Budżet: 2500 UAH Termin: 3 dni
Здравствуйте. Специализируюсь на адаптивной верстке.
Создаю чистый, валидный, компактный и кроссбраузерный код
(scss+gulp, flexbox, оптимизация по google page speed, валидация, настройка форм, анимации и тд).
Работы в портфолио профиля. Буду рад сотрудничеству.
Budżet: 1300 UAH Termin: 4 dni
Здравствуйте , меня зовут Александр я имею опыт веб разработки 3 года, я хотелбы помочь вам реализовать ваш проект, все будет сделано красиво адаптивно и будет какоето время от меня на поддержке на случай сложности насадки на что либо илиже других любих возникнувших пробелм.
Мои навыки html5, css, sass, git, gulp, vue.js, php, laravel, opencart, mysql работаю в phpshtorm и Figma, Zeplin, Avacode.
Обращяйтесь делаю быстро качественно! Хорошего дня!
Вот мои работы:
http://grano.nwdev.net/
http://odeposit.nwdev.net/land/
https://bunny.kiev.ua/
Telegram - xastler_pvnz
Budżet: 1000 UAH Termin: 2 dni
Здравствуйте.
Выполню задание качественно и в срок. Сайт будет проходить валидацию и будет кроссбраузерным.
Budżet: 1600 UAH Termin: 2 dni
Здравствуйте!
Портфолио: Freelancehunt
Верстаю по методологии БЭМ, пиксель перфект, адаптивно и кроссбраузерно.
(sass+gulp, flexbox, анимации, валидация и тд). Детальнее в профиле.
Пишите, буду рада сотрудничеству!
viber/telegram - 0999358034 / nikolaevna_o
Budżet: 5500 RUB Termin: 2 dni
Владимир, здравствуйте. Сверстаю быстро, за 2 дня. Сделаю качественно с нужной анимацией. Стаж веб-разработки 6 лет. Дайте доступ к макету, для теста могу сверстать первые пару блоков.
Budżet: 3000 UAH Termin: 5 dni
Добрый день, Владимир
Выполню вашу верстку
Пишите. Мои контакты:
- ЛС
- телеграм t.me/pettrushkov
- email: [email protected]
Budżet: 3000 RUB Termin: 3 dni
Здравствуйте)
Интересное задание, выполню верстку качественно и в срок. Гарантирую кроссбраузерность и адаптивность. В работе применяю Gulp с различными библиотеками, стили пишу в less. Отдаю предпочтение верстке на основе flexbox.
Ответственно отношусь к работе
Цена зависит от макета, количества скриптов, анимаций и поставленных сроков выполнения.
-----------------------
Портфолио: http://www.web.smilewed.ru/verstka/portfolio.html
Budżet: 4500 RUB Termin: 2 dni
Здравствуйте, Владимир! Готов взяться за вёрстку. Я сейчас свободен, могу сразу приступить. Имею опыт вёрстки большого количества лендингов, больших и средних проектов. Занимаюсь полностью фронтенд частью. Верстаю с бем наймингом классов, модульно, точно по макету, кроссбраузерно, валидно, быстро, оптимизировано для гугла и надёжно. Cобираю на gulp + webpack. Хорошо знаком с bootstrap. Примеры работ можно посмотреть в профиле.
Почта: [email protected]
Skype: vitalikmanokhin
Budżet: 4000 RUB Termin: 2 dni
Здравствуйте, Владимир! Готов выполнить верстку страницы. Примеры моих работ:
hola.study
agro-help.com.ua
karpro72.ru
test.structum.ua
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.
Istnieje działająca strona produkcyjna z katalogiem produktów, kartami modeli i stronami informacyjnymi. Stos technologiczny frontend: — Next.js; — React; — TypeScript; — istniejący system komponentów; — środowiska staging i produkcyjne. Jest zatwierdzony kierunek wizualny i projekt nowej strony głównej. Należy go wdrożyć w istniejącym projekcie, dostosować do desktop/tablet/mobile i doprowadzić wszystkie główne typy stron do jednolitej, zaktualizowanej stylistyki. Pełny redesign produktu i zmiana logiki biznesowej nie są wymagane. OBOWIĄZKOWY ZAKRES 1. Nowa strona główna — zrealizować stronę główną według dostarczonego projektu; — zachować istniejącą funkcjonalność, linki i routingu; — poprawnie podłączyć zatwierdzone sekcje i CTA; — wykorzystać istniejące dane i API; — przewidzieć poprawne wyświetlanie dynamicznej treści. Główne typy sekcji: — nagłówek/nawigacja; — hero; — bloki informacyjne; — karty modeli/ofert; — bloki analityczne lub market insight; — sekcje CTA; — stopka. Dokładny skład sekcji zostanie dostarczony wybranemu wykonawcy wraz z makietą. 2. Responsywność Należy zrealizować: — desktop; — tablet; — mobile; — pośrednie rozdzielczości; — poprawne zachowanie siatek, kart, menu, przycisków i typografii; — brak poziomego scrolla i konfliktów wizualnych. 3. Typografia i ogólne style — wdrożyć nowe zatwierdzone czcionki; — doprowadzić rozmiary, wagi, line-height i odstępy do jednolitego systemu; — zaktualizować style przycisków, kart, pól, badge'ów i nagłówków; — w miarę możliwości wykorzystać wspólne design tokens lub zmienne CSS; — nie dublować stylów osobno dla każdej strony bez potrzeby. 4. Ujednolicenie istniejących stron Sprawdzić i doprowadzić do nowej stylistyki główne typy stron: — katalog; — karta modelu / PDP; — strony informacyjne; — nagłówek; — stopka; — formularze; — okna modalne; — istniejące CTA; — stany loading / empty / error, jeśli już występują w projekcie. Chodzi o wizualne ujednolicenie istniejących komponentów, a nie o pełny indywidualny redesign każdej strony. 5. Katalog Sprawdzić: — siatkę kart; — obrazy; — nazwę, referencję i cenę; — filtry i sortowania; — przyciski i linki; — wyświetlanie desktop/mobile; — stany loading i empty; — brak wizualnych przesunięć podczas ładowania. 6. PDP Sprawdzić: — galerię; — główny blok informacyjny; — cenę i CTA; — sekcje analityczne; — tabele i metryki; — About Watch; — układ desktop/mobile; — długie nazwy, referencje i brakujące dane. Należy zachować obecną funkcjonalność i istniejące kontrakty API. 7. Nagłówek i Stopka — jednolita stylistyka na wszystkich stronach; — responsywna nawigacja; — mobilne menu; — poprawne stany active/hover/focus; — brak rozbieżności między stroną główną, katalogiem i PDP. 8. Stany interfejsu Dla dynamicznych bloków sprawdzić: — loading; — puste dane; — błąd API; — niewystarczające dane; — brakujący obraz; — brakująca cena; — długi tekst; — mobilne wyświetlenie. Nie jest wymagane opracowywanie nowej skomplikowanej logiki biznesowej. Należy poprawnie wizualizować już istniejące stany. 9. Jakość i wydajność — nie pogorszyć SEO i bieżącej indeksacji; — zachować poprawne metadane i semantyczne HTML; — nie tworzyć krytycznych przesunięć układu; — optymalizować obrazy i czcionki; — uwzględnić reduced motion dla animacji; — sprawdzić podstawową dostępność: stany focus, kontrast, nawigacja klawiaturą; — nie podłączać ciężkich bibliotek bez uzasadnionej potrzeby. 10. Staging i QA — wdrożyć zmiany na staging; — sprawdzić główne typy stron; — sprawdzić desktop, tablet i mobile; — usunąć wizualne i responsywne błędy; — po akceptacji wykonać wdrożenie produkcyjne; — zapewnić poprawę błędów w zrealizowanym zakresie nie mniej niż 7 dni kalendarzowych po publikacji. WYNIK PRACY — Pull Request z kodem frontendowym; — zrealizowana nowa strona główna; — responsywne desktop/tablet/mobile; — jednolite czcionki, karty i podstawowe komponenty UI; — wizualnie zatwierdzone katalog, PDP i strony informacyjne; — wdrożenie staging; — poprawa znalezionych błędów wizualnych; — wdrożenie produkcyjne; — krótki opis zmienionych komponentów; — 7-dniowy okres naprawy błędów po akceptacji. KRYTERIA AKCEPTACJI 1. Strona główna odpowiada dostarczonemu projektowi. 2. Wszystkie sekcje poprawnie działają na desktop, tablet i mobile. 3. Nagłówek i stopka są jednolite na wszystkich stronach. 4. Katalog i PDP wizualnie odpowiadają nowemu systemowi. 5. Obecna funkcjonalność strony nie jest naruszona. 6. Kontrakty API i logika backendowa nie zostały zmienione bez uzgodnienia. 7. Brak poziomego scrolla i krytycznych przesunięć układu. 8. Czcionki i obrazy ładują się poprawnie. 9. Stany loading, empty i error są wyświetlane bez uszkodzenia układu. 10. Zmiany zostały sprawdzone na staging i wdrożone w produkcji. 11. Poprawiono błędy wizualne wykryte podczas akceptacji w ramach uzgodnionego zakresu. CO NIE JEST WYMAGANE — opracowanie backendu; — zmiana logiki biznesowej; — stworzenie nowego katalogu lub CMS; — opracowanie nowego API; — pełny redesign każdej strony informacyjnej; — nowe funkcje użytkownika, które nie są zawarte w makietach; — opracowanie skomplikowanego systemu designu od podstaw; — stworzenie nowego projektu zamiast dopracowania istniejącego; — zmiana struktury SEO bez osobnego uzgodnienia. WYMAGANIA WOBEC WYKONAWCY — pewna znajomość Next.js / React / TypeScript; — doświadczenie w pracy z istniejącymi projektami produkcyjnymi; — jakościowe responsywne cięcie; — doświadczenie w wdrażaniu projektów z Figma; — podejście komponentowe; — pewna praca z CSS / CSS Modules / Tailwind lub istniejącym systemem projektu; — zrozumienie Core Web Vitals; — Git / Pull Request workflow; — umiejętność pracy przez staging. W ODPOWIEDZI NALEŻY KONIECZNIE PODAĆ 1. Stała cena za pełny obowiązkowy zakres. 2. Czas realizacji w dniach roboczych. 3. Ocena w godzinach. 4. Kiedy można zacząć. 5. Linki do 2–3 odpowiednich projektów na Next.js/React. 6. Czy jest doświadczenie w pracy z katalogami, kartami produktów lub interfejsami analitycznymi. 7. Co będzie potrzebne do dokładnej oceny przed rozpoczęciem pracy. 8. Czy w cenę wchodzą: — staging; — responsywne QA; — wdrożenie produkcyjne; — poprawa błędów; — 7-dniowy okres naprawy błędów. Szablonowe odpowiedzi bez przeglądania wymagań i bez konkretnej oceny nie będą rozpatrywane. Dostęp do produkcji na pierwszym etapie nie jest udostępniany. Praca rozpoczyna się po ograniczonym przeglądzie kodu i wdrażana jest przez staging.
TECHNICZNE ZADANIE Aktualizacja sklepu internetowego bp.ua O projekcie Funkcjonujący sklep internetowy z perfumami na OpenCart 2.x. Należy przenieść na OpenCart 4.x, zaktualizować design i funkcjonalność, zachować wszystkie dane, integracje i SEO. Strona jest dwujęzyczna (ukraiński + rosyjski). Szukamy wykonawcy (lub zespołu) do backendu i frontendu. Można zgłaszać się do jednej części lub do obu.Część 1. Backend (OpenCart 4)Migracja Rozwój czystego OpenCart 4.x (najbardziej stabilna gałąź), PHP 8.1+. Przeniesienie danych: produkty, kategorie, atrybuty, opcje, marki, klienci, zamówienia, opinie, strony treści. Zachowanie SEO-URL (przyjazne URL) jeden-do-jednego; mapa 301-przekierowań ze starych adresów. Nie ma bezpośredniej aktualizacji 2.x → 4.x: tylko czysty rozwój + kontrolowane przeniesienie.Integracja API z dostawcą (priorytet) Portowanie istniejącej niestandardowej modyfikacji wymiany z serwerem dostawcy (ceny + stany magazynowe). Automatyczna synchronizacja według harmonogramu (cron), log błędów, ręczne uruchamianie. Ukrywanie/status dla pozycji, których nie ma w magazynie. Wsparcie katalogu 2000+ pozycji.Moduły Nowa Poczta: wybór oddziałów/paczkomatów, automatyczne generowanie TTN z panelu administracyjnego. Płatność: podłączenie systemu płatności (LiqPay / Fondy / WayForPay — do uzgodnienia), płatność przy odbiorze. Checkout: logika serwerowa, zamówienie gościa, statusy, powiadomienia dla klienta. Masowy import/aktualizacja produktów z cennika (xlsx/csv), powiązanie zdjęć z artykułem/kodem kreskowym.Dwujęzyczność (uk / ru) Dwujęzyczny sklep: uk-UA (główny) i ru-RU. Dwujęzyczne pola produktów, kategorii, stron treści, meta-tagów. Osobne SEO-URL dla każdego języka, tagi hreflang, kanoniczne URL. 301-przekierowania ze starych URL obu języków (sprawdzić aktualny schemat: /ru/, subdomena czy parametr). Listy do kupującego — w języku sesji klienta.Blog Zachować istniejącą sekcję artykułów https://blog.bp.ua/. Przenieść istniejące artykuły (uk/ru) z zachowaniem URL i 301-przekierowaniami tam, gdzie to konieczne. Dwujęzyczność, poprawna SEO-znakowanie artykułów. Sekcja bloga ma pozostać edytowalna z panelu administracyjnego.SEO (serwerowe) Wymiana zewnętrznego modułu SEO na natywny mechanizm OC4. Generacja sitemap.xml (osobne gałęzie językowe), poprawny robots.txt. Mikroznakowanie Schema.org (Produkt, Oferta, BreadcrumbList, Artykuł dla bloga).Wydajność i bezpieczeństwo Cache (OPcache + wbudowany OC4), optymalizacja zapytań, gzip/brotli, HTTP/2. Obrazy: WebP, zmiana rozmiaru z cache. HTTPS, 2FA w panelu administracyjnym, aktualne poprawki, codzienne kopie zapasowe. Core Web Vitals w „zielonej” strefie na urządzeniach mobilnych.Porządek prac Wszystkie prace prowadzone są na staging. Stara strona działa do pełnego przetestowania nowej. Przełączenie na produkcję — z możliwością cofnięcia przez 30 dni. Część 2. Frontend (design + kodowanie)Design Styl: minimalistyczny, premium, dużo „powietrza”, akcent na zdjęcia produktu. Podejście mobile-first (większość ruchu — mobilny). System designu w Figma: paleta, typografia, komponenty, stany. Makiety kluczowych ekranów (desktop + mobilny): strona główna, katalog, karta produktu, strona marki, koszyk, checkout, wyszukiwanie, blog i strona artykułu.Kodowanie Semantyczny HTML5, czysty CSS, responsywny (mobile-first). Integracja w szablonach twig OpenCart 4 (nie statyczne), praca z danymi na żywo. Obrazy: WebP, lazy-load, srcset. Czcionka z pełną cyrylicą (uk/ru). Cross-browser: Chrome, Safari, Firefox, Edge + iOS/Android. Core Web Vitals: LCP < 2.5 s, CLS < 0.1, INP < 200 ms (mobilny).Funkcjonalność interfejsu Filtry fasetowe katalogu: marka, typ, objętość, nuta, płeć, cena. Karta produktu: zdjęcie, opis, nuty, format/objętość, opinie, „kupują z tym”. Szybki podgląd, lista życzeń, porównanie, etykiety (nowość, hit, limitowana ilość). Responsywny checkout z minimalną liczbą kroków, automatyczne uzupełnianie dla Nowej Poczty. Sekcja bloga: lista artykułów i strona artykułu w stylu strony.Dwujęzyczność (uk / ru) Przełącznik języków w nagłówku, poprawny na urządzeniach mobilnych. Kodowanie uwzględnia różną długość linii w dwóch językach. Cały tekst tematu — przez zmienne językowe OC4 (bez „wbudowanego” tekstu). Przyjęcie i współpracaCo przekazać na zakończenie Backend: dostępy (serwer, Baza Danych, panel administracyjny, repozytorium), krótka dokumentacja dotycząca modyfikacji i cron, instrukcja dotycząca wdrożenia/rollbacku, lista zewnętrznych modułów. Frontend: plik Figma z systemem designu i ekranami, kod tematu (twig + CSS/JS), instrukcja zmiany banerów/treści.Kryteria przyjęcia (krótko)