Projektowanie stron WWW

Potrzebna pomoc w edytowaniu sklepu internetowego, dodanie nowej grupy produktów, stworzenie wygodnej nawigacji do tego produktu. Obecnie jest 9 produktów tej samej grupy, różnice dotyczą tylko smaku i każdy ma różną pojemność. Należy również dodać drugi rodzaj produktu i stworzyć zestawy z korzystniejszą ceną na te same produkty.

It is necessary to reproduce as accurately as possible:– the structure of the pages; – the layout of the blocks; – the catalog grid; – the sizes of the elements; – the margins; – the typography; – the colors; – the header and footer; – product cards – the menu structure; – menu categories; – modal windows; – adaptive behavior; – hover, active, and mobile states. – the product page must have microdata for products – Pages must be optimized according to Google SEO recommendations1. Type of siteResponsive online sushi delivery store.Main versions:– desktop – from 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. NavigationHomeCategoriesPromotionsAbout UsDelivery and PaymentContactsMenuProduct CardShopping CartPage TemplateThe “Page Template” block should contain:– header;– breadcrumb;— “up” arrow— Light and dark theme switcher with user choice retention.— A watermark with the logo on the background of the page— Fix an image of chopsticks on the right edge of the background— Footer ResultDeliver:– Figma mockup for desktop and mobile; – HTML files; – CSS; – JavaScript; – a folder with placeholders; – responsive version of the page; – archive of the completed project.The main requirement is the most accurate reproduction of the structure, design, and behavior of the page example.com

Konieczne jest opracowanie projektu UI/UX dla 2 stron komercyjnych serwisu. Teksty dla stron są już gotowe i zostaną dostarczone. Obecnie nie istnieje kod projektu / przewodnik stylu - te dwie strony mają stanowić podstawę systemu wizualnego, na który będziemy się później orientować. Liczę na dalszą współpracę. Ważne: nie opierać się na projekcie obecnej strony - jest przestarzała i zostanie całkowicie wymieniona. Niektóre z wymagań: Główny kolor marki: #1c64cc Czcionka: Montserrat Dodatkowe kolory akcentowe - według własnego uznania. Bez animacji. Responsywny design: desktop + wersja mobilna Pliki w Figma Aby nie wyglądał jak AI slop Byłoby świetnie, jeśli moglibyście samodzielnie zaproponować styl/referencje/szablony. Wtedy omówimy to w wiadomościach przed rozpoczęciem. Strona: ivmed.agency - (medyczna) strona agencji surogatnego macierzyństwa.

Dzień dobry, potrzebuję osoby, która uporządkuje stronę internetową centrum kosmetologicznego. Poprawi użyteczność strony, zaproponuje opcje. Będzie trzeba wprowadzić pewne korekty w strukturze strony, dodać elementy menu itd.. Ogólnie uczynić ją bardziej uporządkowaną i wygodniejszą.

Opis projektu Szukamy doświadczonego projektanta UI/UX do prz redesignu strony internetowej De Civitate, firmy świadczącej usługi prawne i migracyjne. Strona internetowa ma już zdefiniowaną strukturę opartą na sekcjach oraz przygotowane treści. Zadaniem jest stworzenie nowego profesjonalnego systemu wizualnego dla istniejących sekcji, a nie projektowanie architektury strony od podstaw. Nowy projekt powinien być: Nowoczesny, premium i godny zaufania Odpowiedni dla sektora prawnego i imigracyjnego Jasny dla użytkowników bez doświadczenia prawnego Optymalizowany pod kątem generowania leadów i zapytań o konsultacje Odpowiedni dla stron usługowych z dużą ilością treści i SEO W pełni responsywny i skalowalny w całej witrynie Projektant powinien wykorzystać istniejące sekcje jako fundament, ale może profesjonalnie poprawić ich kompozycję, hierarchię, odstępy, umiejscowienie CTA, obrazy i zachowanie responsywne. IN IURE jest jednym z głównych odniesień konkurencyjnych. Immigrant Invest może być również użyty jako odniesienie do uporządkowanych informacji o usługach, elementów zaufania, porównań programów i procesów konwersji. Te strony internetowe są jedynie kierunkowymi odniesieniami i nie powinny być kopiowane. Oczekujemy również, że projektant zbada dodatkowe przykłady najlepszych praktyk z renomowanych stron internetowych dotyczących prawa, imigracji i usług profesjonalnych oraz zaproponuje oryginalny kierunek wizualny dla De Civitate. Wymagany zakres obejmuje: Kierunek wizualny i zwięzły audyt UX/UI Tokeny wizualne i wielokrotnego użytku system projektowy Figma Nagłówek, nawigacja, stopka i popup z powrotem Sekcje hero Sekcje korzyści i zaufania Formularze leadów i kwalifikacji Sekcje usług i programów Kroki procesu i tabele porównawcze Opcje cenowe i inwestycyjne Opinie i studia przypadków Sekcje zespołu i ekspertów Sekcje biura i kontaktu Komponenty FAQ Komponenty bloga i redakcyjne Sekcje CTA Szablony stron na komputery i urządzenia mobilne Stany interakcji i przekazanie gotowe dla dewelopera Istniejąca architektura sekcji i treści powinna pozostać w dużej mierze niezmieniona. Wynik musi być systemem komponentów wielokrotnego użytku, a nie zbiorem odłączonych makiet stron. Proszę zapoznać się z pełnym opisem projektu przed złożeniem swojej propozycji: Pełny opis: https://docs.google.com/document/d/1Mt0-t2kGKzn2MlvB9IRkiXJIW3zKe7ZUB9atVPWoBJ4/edit?tab=t.0 W swojej propozycji proszę uwzględnić: Twoje dwa lub trzy odpowiednie przykłady portfolio Twoją rolę w każdym projekcie Proponowany przebieg pracy i kamienie milowe Szacowany harmonogram Cenę projektu, najlepiej podzieloną na kierunek projektowy/audyt, system projektowy i priorytetowe szablony oraz pozostałe szablony drugorzędne Potwierdzenie, że responsywny projekt mobilny, komponenty Figma wielokrotnego użytku i przekazanie dla dewelopera są uwzględnione

Dzień dobry! Jest zestaw gotowych obrazów. Należy dodać tekst, zachowując jednolity styl formatu. Czcionka: Ubuntu Bold Zadanie składa się z trzech typów prac: 1. Dodanie tekstu w istniejącym stylu (10 obrazów) Przykład: ChatGPT Image Jun 23, 2026, 08_05_04 PM (1).png Należy sformatować tekst w tym samym stylu, co w pliku ChatGPT Image Jun 23, 2026, 08_05_37 PM (6).png, w razie potrzeby nieco poprawiając formatowanie. Po zatwierdzeniu stylu należy zastosować go do wszystkich obrazów tego typu. 2. Dodanie nagłówka z tłem (10 obrazów) Przykład: 01_Camping.png Należy dodać nagłówek CAMPING z tłem w jednolitym stylu. Analogicznie sformatować pozostałe obrazy tego typu. 3. Dodanie nagłówka i opisu (10 obrazów) Przykład: 02_Fishing.png Należy dodać: GUN PARTS Buduj, ulepszaj i utrzymuj swoje ustawienia z wysokiej jakości częściami i akcesoriami. Po zatwierdzeniu stylu analogicznie sformatować pozostałe obrazy tego typu.Ostateczny wynik Wszystkie obrazy muszą być sformatowane w jednolitym stylu. Czcionka: Ubuntu Bold. Wynik musi być dostarczony w postaci projektu Figma

Poszukujemy projektanta do aktualizacji designu systemu CRM. Z doświadczeniem i zrozumieniem trendów designu na 2026 rok. Jeśli to możliwe, proszę przesłać przykłady podobnych prac. Szczegóły i przykład designu wyślemy w wiadomości prywatnej. Będziemy wdzięczni za współpracę!

Potrzebny jest pełny redesign istniejącego sklepu internetowego ROBO: https://robo.org.ua/ Strona już działa, produkty i podstawowa funkcjonalność są dostępne. Należy nie tworzyć nowej strony od zera, ale całkowicie przerobić jej design, strukturę stron i ścieżkę użytkownika do zakupu. Głównym celem redesignu jest uczynienie strony nowoczesną, wygodną, zrozumiałą i maksymalnie sprzedażową. Główny ruch będzie pochodził z reklamy Meta — Facebook i Instagram. Większość klientów przegląda stronę na smartfonach, dlatego szczególną uwagę należy poświęcić wersji mobilnej. Osoba, która po raz pierwszy przechodzi na stronę z reklamy, powinna od razu zrozumieć: — co to za produkt; — jakie są jego główne zalety; — ile kosztuje; — co wchodzi w skład; — jak odbywa się dostawa i płatność; — czy można zaufać sklepowi; — jak szybko złożyć zamówienie. Trzeba przeanalizować istniejącą stronę, znaleźć główne problemy w designie, strukturze i wygodzie użytkowania, a następnie zaproponować nowy projekt UI/UX w Figma. Trzeba opracować pełną wersję komputerową i mobilną strony. Co należy opracować: Header strony. Trzeba całkowicie przerobić header strony dla wersji komputerowej i mobilnej. W headerze powinny być: — logo sklepu; — przycisk „Katalog produktów”; — menu głównych kategorii; — wyszukiwarka; — numer telefonu; — przycisk szybkiego kontaktu; — godziny otwarcia; — ulubione; — konto osobiste, jeśli jest używane; — koszyk z ilością produktów; — mobilne menu burger; — informacje o dostawie, płatności lub aktualnej promocji. Header powinien być kompaktowy, zrozumiały i nie zajmować zbyt dużo miejsca. Podczas przewijania strony należy przewidzieć przypięty skrócony header z głównymi elementami: logo, katalogiem, wyszukiwarką i koszykiem. Mobilne menu. Trzeba osobno opracować wygodne mobilne menu, w którym będą: — katalog produktów; — kategorie; — wyszukiwanie; — kontakty; — dostawa i płatność; — gwarancja i zwroty; — opinie; — ulubione; — koszyk; — przyciski kontaktu przez telefon lub komunikatory. Strona główna. Na stronie głównej należy opracować: — główny baner z wyraźną ofertą; — produkty promocyjne; — popularne kategorie; — hity sprzedaży; — nowości; — produkty ze zniżkami; — zalety sklepu; — informacje o dostawie i płatności; — opinie klientów; — blok zaufania do sklepu; — polecane produkty; — odpowiedzi na popularne pytania; — subskrypcję lub wezwanie do przejścia do katalogu; — dolną część strony. Strona główna nie powinna być przeładowana. Jej głównym zadaniem jest szybkie skierowanie użytkownika do potrzebnego produktu lub kategorii. Strona kategorii produktów. Trzeba opracować: — nazwę kategorii; — krótki opis; — podkategorie; — filtry; — sortowanie; — karty produktów; — oznaczenia „Hit”, „Nowość”, „Zniżka”; — aktualną i starą cenę; — ocenę; — liczbę opinii; — przycisk dodawania do koszyka; — możliwość dodania do ulubionych; — paginację lub przycisk „Pokaż więcej”; — mobilną wersję filtrów. Karty produktów powinny być nowoczesne, zrozumiałe i nieprzeładowane zbędnymi informacjami. Strona produktu. Strona produktu jest najważniejszą częścią strony. Powinna łączyć funkcjonalność sklepu internetowego i strukturę sprzedażowego landing page'a. Trzeba opracować odpowiednią sekwencję bloków, która pomoże użytkownikowi szybko podjąć decyzję o zakupie. W pierwszym ekranie strony produktu powinny być: — nazwa produktu; — artykuł; — ocena; — liczba opinii; — galeria zdjęć; — wideo produktu; — aktualna cena; — stara cena; — rozmiar zniżki; — informacje o dostępności; — opcje koloru lub konfiguracji; — liczba produktów; — główny przycisk „Kup”; — przycisk szybkiego zamówienia; — krótkie główne zalety; — informacje o dostawie; — informacje o płatności; — gwarancja i zwroty; — informacje o zestawie. Po pierwszym ekranie należy umieścić: — krótki blok głównych zalet; — demonstrację produktu w rzeczywistym użyciu; — problem, który rozwiązuje produkt; — szczegółowy opis; — zdjęcia i wideo; — główne cechy; — co wchodzi w skład; — instrukcję obsługi; — porównanie z innymi produktami lub zwykłymi odpowiednikami; — dla kogo produkt będzie odpowiedni; — blok dostawy i płatności; — gwarancję i warunki zwrotu; — opinie klientów; — opinie ze zdjęciami i wideo; — pytania i odpowiedzi; — polecane produkty; — produkty towarzyszące; — produkty, które często kupowane są razem; — ponowne wezwanie do złożenia zamówienia. W wersji mobilnej należy zrobić przypięty dolny panel z ceną i przyciskiem „Kup”. Trzeba również przewidzieć wygodne przełączanie między sekcjami: — opis; — cechy; — opinie; — pytania; — dostawa i płatność. Blok dostawy i płatności. Trzeba opracować osobny zrozumiały blok, w którym będzie wskazane: — dostawa Nową Pocztą; — orientacyjny czas dostawy; — możliwość płatności przy odbiorze; — płatność online; — płatność na konto; — koszt dostawy; — warunki darmowej dostawy, jeśli obowiązują; — wymiana i zwroty; — gwarancja. Te informacje powinny być widoczne jeszcze przy przycisku „Kup”, a także powtarzać się poniżej na stronie. Opinie. Trzeba opracować nowoczesny blok opinii: — ogólna ocena produktu; — liczba opinii; — rozkład ocen; — imię kupującego; — data opinii; — oznaczenie „Potwierdzony zakup”; — tekst opinii; — zdjęcia; — wideo; — ocena produktu; — odpowiedź sklepu; — przycisk „Zostaw opinię”; — sortowanie opinii. Opinie powinny budzić zaufanie i być wygodne do przeglądania na smartfonie. Cechy produktu. Trzeba stworzyć osobny zrozumiały blok cech. Cechy powinny być wyświetlane w formie uporządkowanej listy lub tabeli, która dobrze wygląda na komputerze i smartfonie. Pytania i odpowiedzi. Trzeba opracować blok, w którym klienci będą mogli: — przeglądać popularne pytania; — otwierać i zamykać odpowiedzi; — zadać własne pytanie; — zobaczyć odpowiedź sklepu; — przeglądać datę odpowiedzi. Koszyk. Trzeba opracować pełną i mini wersję koszyka. W koszyku powinny być: — zdjęcie produktu; — nazwa; — wybrana konfiguracja lub kolor; — cena; — stara cena; — ilość; — możliwość usunięcia produktu; — kod promocyjny; — suma zamówienia; — koszt dostawy lub informacje o niej; — polecane produkty; — przycisk „Złóż zamówienie”; — przycisk „Kontynuuj zakupy”. Składanie zamówienia. Trzeba zrobić maksymalnie proste składanie zamówienia bez zbędnych pól. Główne pola: — imię; — numer telefonu; — miejscowość; — oddział lub paczkomat Nowej Poczty; — sposób dostawy; — sposób płatności; — komentarz do zamówienia; — kod promocyjny; — skład zamówienia; — łączna kwota; — przycisk potwierdzenia zamówienia. Trzeba również przewidzieć powiadomienie o pomyślnym złożeniu zamówienia. Wyszukiwanie na stronie. Trzeba opracować: — pasek wyszukiwania; — podpowiedzi podczas wpisywania; — popularne zapytania; — produkty w wynikach; — kategorie w wynikach; — stronę wyników wyszukiwania; — powiadomienie, jeśli nic nie znaleziono. Ulubione. Trzeba opracować stronę ulubionych produktów z możliwością: — przeglądania zapisanych produktów; — usuwania produktów; — dodawania produktów do koszyka; — kontynuowania zakupów. Strony informacyjne. Trzeba opracować design stron: — dostawa i płatność; — gwarancja; — wymiana i zwroty; — o sklepie; — kontakty; — polityka prywatności; — publiczna oferta; — popularne pytania. Strona kontaktów. Trzeba przewidzieć: — numer telefonu; — adres e-mail; — godziny otwarcia; — komunikatory; — media społecznościowe; — formularz kontaktowy; — informacje prawne o sklepie. Dolna część strony. Trzeba całkowicie opracować stopkę strony. W stopce powinny być: — logo; — krótka informacja o sklepie; — katalog; — popularne kategorie; — informacje dla klientów; — dostawa i płatność; — wymiana i zwroty; — kontakty; — godziny otwarcia; — media społecznościowe; — metody płatności; — informacje prawne; — polityka prywatności; — publiczna oferta. Strony i powiadomienia systemowe. Trzeba przewidzieć design takich stanów: — produkt dodany do koszyka; — produkt dodany do ulubionych; — błąd wypełnienia formularza; — produkt niedostępny; — pusty koszyk; — puste ulubione; — nic nie znaleziono; — strona 404; — pomyślne złożenie zamówienia; — błąd płatności; — ładowanie strony; — powiadomienie o używaniu plików cookie. System designu. Trzeba stworzyć jednolitą system designu, która będzie obejmować: — kolory; — czcionki; — nagłówki; — przyciski; — pola wprowadzania; — karty produktów; — ikony; — odstępy; — okna modalne; — powiadomienia; — stany aktywne i nieaktywne; — stany najechania; — komponenty mobilne. Wszystkie elementy powinny być zaprojektowane jako komponenty w Figma. Grupa docelowa: Klienci z Ukrainy, którzy szukają produktów do domu, samochodu, dzieci, elektroniki, prezentów i przydatnych gadżetów. Znaczna część użytkowników przechodzi na stronę z reklamy Facebook i Instagram. Przeważnie korzystają ze smartfonów i mogą po raz pierwszy zobaczyć markę ROBO. Dlatego strona powinna: — szybko się ładować; — budzić zaufanie; — jasno pokazywać zalety produktu; — nie obciążać użytkownika; — upraszczać składanie zamówienia; — dobrze wyglądać na różnych rozmiarach ekranu; — motywować użytkownika do zakupu produktu. Wymagania dla projektanta: — doświadczenie w projektowaniu sklepów internetowych; — doświadczenie w tworzeniu sprzedażowych stron produktów; — zrozumienie UI/UX; — zrozumienie mobilnej adaptacji; — umiejętność pracy w Figma; — zrozumienie zachowań użytkowników, którzy przechodzą z reklamy; — portfolio z podobnymi pracami; — gotowość do argumentowania zaproponowanych rozwiązań; — możliwość wprowadzenia poprawek po prezentacji designu. Oczekiwany rezultat: — pełny design sklepu internetowego w Figma; — wersja komputerowa; — wersja mobilna; — design wszystkich głównych stron; — design głównych stanów systemowych; — komponenty i system designu; — klikalny prototyp głównych stron; — zrozumiała struktura pliku; — przygotowanie makiet do przekazania programiście; — wskazane rozmiary, odstępy, czcionki, kolory i stany elementów. Programowanie i kodowanie na tym etapie nie są potrzebne. Potrzebny jest pełny projekt UI/UX w Figma. W odpowiedzi na projekt

Dzień dobry, koledzy. W związku z problemami u projektanta, trzeba było rozpocząć jeszcze wczoraj dopracowywanie projektu stron. Załączam makietę w Figma stron, które są gotowe - Figma Gotowe teraz: Strona główna, Katalog, Karta produktu. Co trzeba dorysować: Panel użytkownika, Koszyk, Realizacja zamówienia, Jakość i kontrola, Certyfikaty, Blog oraz wewnętrzna strona bloga. Proszę tych, którzy naprawdę zapoznali się: makiety, które są już gotowe, Tz oraz prototypy — napisać kontrolną odpowiedź z Tz. Tz - Kliknij Prototypy - Kliknij

Konieczne jest profesjonalne zaprojektowanie sklepu internetowego na platformie Хорошоп, aby był nowoczesny, wygodny i wizualnie atrakcyjny. Co jest wymagane: Zapewnienie jednolitego stylu firmowego na stronie głównej. Ustawienie pięknych banerów, kategorii i bloków z produktami. Poprawa wizualnego wyglądu kart produktów i kategorii. Stworzenie wygodnej nawigacji i struktury strony głównej. Ustawienie atrakcyjnego wyświetlania promocji, nowości, popularnych produktów i marek. Optymalizacja wyświetlania strony na urządzeniach mobilnych. W razie potrzeby zaproponowanie ulepszeń w zakresie UX/UI. Wykorzystanie możliwości platformy Хорошоп bez pogarszania prędkości ładowania strony. Atutem będzie: Doświadczenie w projektowaniu sklepów na platformie Хорошоп. Posiadanie portfolio z zrealizowanymi projektami. Znajomość nowoczesnych zasad UX/UI i e-commerce. Znajomość wymagań SEO przy projektowaniu strony. Proszę o przesłanie: linków do sklepów, które zaprojektowałeś na Хорошоп; krótkiego opisu wykonanych prac; kosztu i terminu realizacji projektu.

Potrzebny jest front-endowiec/projektant stron internetowych do wizualnej aktualizacji strony. Funkcjonalności zmieniać nie trzeba — tylko wygląd (HTML/CSS, obrazy). Co jest teraz: Funkcjonująca strona gry (panel sterowania prywatnym serwerem Mu Online) w PHP, silnik autorski, bez frameworków. Szablony — zwykłe pliki HTML z placeholderami typu $TITLE$, $USER_USER$ itp., które silnik sam podstawia danymi przy ładowaniu. Style — zwykły CSS, skrypty — jQuery, bez bundlerów (Webpack/Vite) i preprocesorów (SASS/LESS). Strona składa się z 2 funkcjonalnych sekcji: część gościnna (dla niezalogowanych — opis serwera, wiadomości, top) oraz część wewnętrzna (panel gracza — statystyki postaci, gildie, miasto, sklep itp.). Przełączanie między nimi na poziomie treści, a nie osobnych stron. Co trzeba zrobić: Część gościną — wizualnie zaprojektować od podstaw według referencji (styl mutts.lt, jest gotowa koncepcja AI, ale jest zbyt jaskrawa, trzeba dostosować do ogólnej palety strony). Część wewnętrzną — zaktualizować wizualnie istniejące strony (panel gracza, miasto, gildie itp.) według referencji, zachowując całą obecną strukturę danych i funkcjonalność. Ważne: Placeholdery silnika ($...$) nie mogą być ruszane — tylko markup i style wokół nich. Cała obecna logika (obliczenia, formularze, zapytania AJAX) pozostaje bez zmian — przenoszona do nowego layoutu bez modyfikacji. Dostęp do plików strony i konta testowego udostępnię po rozpoczęciu pracy. Dołączę do zamówienia: referencję projektu (site.png), zrzuty ekranu obecnego wyglądu strony.

1. Ogólne informacje o projekcie Zleceniodawca: rodzinny park rozrywki w Niemczech (pełna nazwa i domena zostaną ujawnione wykonawcy po rozpoczęciu projektu) Typ projektu: pełny redesign i przebudowa strony od podstaw Aktualna strona: WordPress/Elementor, przestarzała, wymaga całkowitej wymiany Grupa docelowa: rodziny z dziećmi w wieku od 2 do 12 lat, region Niemiec z kilkoma dużymi miastami w pobliżu (15 do 20 minut samochodem) Język strony: główny niemiecki (DE), dodatkowo angielski (EN), osobna wersja językowa CMS: według uznania dewelopera, WordPress z niestandardowym motywem, Webflow lub headless CMS. Nie używać Elementora. Domena: istniejąca, przenoszona bez zmiany Termin oddania: do uzgodnienia z zleceniodawcą 2. Cele i kluczowe KPI Nowa strona powinna spełniać trzy strategiczne funkcje: Przekazywać atmosferę parku jako immersywnej przygody, nie lista usług, a zanurzenie w tematycznym świecie. Maksymalizować konwersję: odwiedzający stronę powinien dokonać rezerwacji w mniej niż 3 kliknięcia z dowolnej strony. Zapewnić doskonałe mobilne UX, ponad 60% ruchu oczekiwane z urządzeń mobilnych. KPI #1: czas do pierwszego kliknięcia "Zarezerwuj" nie więcej niż 10 sekund od momentu załadowania strony głównej KPI #2: Page Speed Score (Google PageSpeed Insights) nie mniej niż 85 na urządzeniach mobilnych, nie mniej niż 90 na desktopie KPI #3: wskaźnik odrzuceń (Bounce Rate) poniżej 45% KPI #4: poprawne wyświetlanie we wszystkich nowoczesnych przeglądarkach (Chrome, Firefox, Safari, Edge) oraz na iOS/Android 3. Zakres prac 3.1 Strony i sekcje Minimalny zestaw stron: Strona główna: sekcja Hero, zapowiedź pokazu na żywo w weekendy, top 5 atrakcji, opinie Google, blok CTA Katalog atrakcji z filtrem według wieku (0 do 3 / 3 do 6 / 6 do 12 lat), karty z zdjęciami i filmami Pakiety urodzinowe, opis plus konfigurator Aktualne promocje i sezonowe wydarzenia, każde z własną wizualną kartą Ceny, tabela plus widget rezerwacji online (integracja z zewnętrznym systemem rezerwacji) Restauracja, menu i atmosfera Galeria zdjęć plus wbudowany feed Instagram O parku, zasady, FAQ (bez powielania zasad) Kontakt, mapa Google Maps, formularz kontaktowy, godziny otwarcia, klikalny telefon i email Odbicie wszystkich stron w języku angielskim 3.2 Co należy usunąć z aktualnej strony Wszystkie teksty o ograniczeniach COVID 19 (2021 do 2022), w tym stopka FAQ z pytaniami o koszty tworzenia stron internetowych (treści zewnętrzne) Przestarzały copyright, zastąpić aktualnym Niedziałające przyciski popup Elementor Przestarzałe powiadomienia o otwarciu po ograniczeniach Powielanie zasad parku w sekcji FAQ 4. Wymagania funkcjonalne P1 = krytyczne dla uruchomienia, P2 = pożądane w v1.0, P3 = możliwe poprawki później 4.1 Sekcja Hero (strona główna) P1, Fullscreen Video Hero: autoplay wideo bez dźwięku (muted, loop), 100vw na 100vh. Po kliknięciu włączenie dźwięku. Na wideo krótki slogan i przycisk CTA. P1, warstwa tekstowa nad wideo: nagłówek H1, podtytuł plus przyciski "Zarezerwuj" i "Dowiedz się więcej". Czcionka czytelna na każdym tle. P1, Sticky Navigation: pasek nawigacyjny przyczepia się na górze podczas przewijania, tło zmienia się z przezroczystego na ciemne podczas przewijania. P1, Sticky CTA Button: przycisk "Zarezerwuj" zawsze widoczny, na desktopie w nagłówku, na urządzeniach mobilnych stały pasek na dole ekranu. P2, animacje przewijania: elementy pojawiają się z animacją CSS (fade in plus slide up) podczas przewijania. Biblioteka Intersection Observer lub AOS.js. Bez ciężkich bibliotek 3D. 4.2 Atrakcje P1, karty atrakcji: zdjęcie/wideo, nazwa, krótki opis, ikona ograniczenia wiekowego, przycisk "Więcej informacji" P1, filtr według wieku: filtr klienta bez przeładowania strony, realizacja klasy CSS plus komponent vanilla JS lub Vue/React P1, szczegółowa strona atrakcji: własny URL, duże zdjęcie/wideo, pełny opis, ograniczenia wzrostu/wieku, przycisk rezerwacji P2, krótki film wideo: 15 do 30 sekundowy film dla każdej atrakcji, autoplay przy najechaniu na desktopie lub tap na urządzeniach mobilnych 4.3 System rezerwacji P1, integracja z zewnętrznym systemem rezerwacji: widget wbudowany inline (iframe lub JS embed) na stronach cen i urodzin, bez otwierania w nowej karcie P1, wieloetapowy proces rezerwacji: kreator krok po kroku, typ wizyty, data/godzina, liczba gości, potwierdzenie, obowiązkowy pasek postępu P1, wyjaśnienie slotów czasowych: blok informacyjny obok wyboru czasu P2, na żywo dostępność slotów: zapytanie API do systemu rezerwacji, wyświetlanie zajętych/wolnych slotów w czasie rzeczywistym 4.4 Konfigurator urodzinowy P1, wieloetapowy konfigurator: wiek jubilata, liczba dzieci, wybór pakietu, dodatkowe opcje, wybór daty, formularz zapytania lub bezpośrednia rezerwacja P1, dynamiczne obliczanie ceny: aktualizowane w czasie rzeczywistym przy zmianie parametrów, bez przeładowania P2, podsumowanie końcowe: zbiorcza karta wyboru na ostatnim kroku z przyciskami "Zapytaj" i "Zarezerwuj bezpośrednio" 4.5 Zaufanie i społeczna weryfikacja P1, widget Google Reviews: minimum 5 recenzji, średnia ocena, gwiazdki, umiejscowienie na stronie głównej nad blokiem CTA rezerwacji P1, feed Instagram: wbudowany feed ostatnich 9 do 12 postów przez oficjalne API lub widget, link do konta P2, licznik odwiedzających: animowany licznik 4.6 Dodatkowe bloki funkcjonalne P1, status "teraz otwarte/zamknięte": automatyczne oznaczenie na podstawie godzin otwarcia P1, klikalne kontakty: telefon i email jako aktywne linki, obowiązkowo w nagłówku i na stronie kontaktowej P2, interaktywna mapa parku: SVG lub mapa obrazkowa z klikalnymi strefami atrakcji P2, tracker obciążenia: wizualny wskaźnik oczekiwanego obciążenia parku P2, odliczanie do wydarzenia: widget odliczający do najbliższego sezonowego wydarzenia P3, osobna sekcja wieczornych wydarzeń: strona lub sekcja z własnym stylem wizualnym i przyciskiem rezerwacji 5. Wymagania niefunkcjonalne 5.1 Wydajność LCP nie więcej niż 2,5 sekundy na urządzeniach mobilnych (3G fast) CLS mniej niż 0,1 FID/INP mniej niż 100 ms Google PageSpeed Score nie mniej niż 85 mobile, nie mniej niż 90 desktop Obrazy: format WebP plus fallback JPEG, lazy loading, srcset Wideo: streaming przez CDN lub osadzenie YouTube/Vimeo, nie przechowywać ciężkich MP4 na hostingu 5.2 SEO Schema.org: LocalBusiness plus OpeningHoursSpecification plus Event Meta tagi: unikalne title (nie więcej niż 60 znaków) i description (nie więcej niż 155 znaków) na każdej stronie Hreflang dla przełącznika językowego Canonical URL na każdej stronie Sitemap.xml automatycznie generowany Skonfigurowany robots.txt 5.3 Dostępność WCAG 2.1, poziom AA jako minimalny standard Atrybuty alt obowiązkowe dla wszystkich obrazów Kontrast tekst/tło nie mniej niż 4,5 do 1 Pełna nawigacja z klawiatury Atrybuty ARIA na wszystkich interaktywnych elementach 5.4 Bezpieczeństwo HTTPS obowiązkowy, przekierowanie z HTTP DSGVO/GDPR: baner cookie (Zarządzanie zgodą), aktualna polityka prywatności Ochrona CSRF, honeypot lub reCAPTCHA v3 na wszystkich formularzach Wszystkie zależności aktualnych wersji, bez znanych luk w zabezpieczeniach 5.5 CMS i edytowalność Teksty, ceny, godziny otwarcia, zdjęcia edytowalne przez CMS bez angażowania dewelopera Tworzenie/archiwizowanie promocji i wydarzeń przez interfejs CMS Automatyczna aktualizacja feedu Instagram przez API Film instruktażowy (10 do 15 minut) dotyczący pracy z CMS, obowiązkowy deliverable 6. System designu 6.1 Paleta kolorów: głęboka zieleń jako kolor podstawowy, średnia leśna zieleń jako kolor wtórny, czerwony akcent dla CTA, jasna zieleń dla tła kart, beżowy dla akcentów teksturowych, ciemny dla tekstu głównego, biały 6.2 Typografia: wyrazista czcionka display dla nagłówków (w duchu przygody), czytelna neutralna czcionka sans serif dla tekstu głównego, minimalny rozmiar 16px body, 14px caption, wysokość linii 1,5 do 1,7 6.3 Obrazy i media: tylko prawdziwe zdjęcia, zdjęcia stockowe nie używać, format WebP, minimum 1920px dla hero, 800px dla kart, wideo hero nie dłuższe niż 30 do 60 sekund w wersji loop, wszystkie obrazy z prawem do publikacji 6.4 Animacje: efekty hover płynne (scale 1.03 na kartach), animacje przewijania fade in plus translateY, tylko transform i opacity dla przyspieszenia GPU 7. Oczekiwane wyniki Projekty w Figma: desktop plus mobilny widok wszystkich stron (desktop 1440px, mobilny 375px) Responsywna struktura: punkty przerwania 375 / 768 / 1024 / 1440px, podejście mobile first Gotowa strona na domenie stagingowej do odbioru, po zatwierdzeniu wdrożenie na domenę produkcyjną Konfiguracja CMS: wszystkie edytowalne obszary skonfigurowane, testowo wypełnione Film instruktażowy (10 do 15 minut) dotyczący zarządzania treścią Podstawowa konfiguracja SEO: meta tagi, Schema, Sitemap, podłączenie Google Search Console Instalacja Google Analytics 4 plus Google Tag Manager, konfiguracja zdarzeń (click CTA, form submit, page_view) Testowanie między przeglądarkami i urządzeniami, raport PageSpeed Insights przed oddaniem Przekazanie kodu źródłowego (repozytorium Git) zleceniodawcy po finalnej płatności 8. Kryteria akceptacji Wszystkie wymagania P1 zrealizowane i przetestowane PageSpeed Score nie mniej niż 85 mobile, potwierdzone zrzutem ekranu Poprawne wyświetlanie na iPhone (Safari), Android (Chrome), iPad, MacBook, Windows (Chrome, Edge, Firefox) Formularz rezerwacji pomyślnie wysyła zapytanie i wysyła potwierdzenie Google Reviews ładują się poprawnie Feed Instagram aktualizuje się automatycznie Wszystkie linki działają, brak błędów 404 Baner cookie zgodny z DSGVO, GDPR Treść w CMS edytowalna bez angażowania dewelopera

Całkowity zakres pracy 80 pozycji towarowych na stronie https://pro-aptechka.com.ua/ Źródła danych: Prom.ua, Rozetka lub zdjęcia dostarczone przez nas Dostęp do panelu administracyjnego OpenCart jest zapewniony️ Praca z obrazamiWymagania dotyczące zdjęć: Format: JPEG Ilość: 10-15 sztuk na 1 towar (ze strony źródłowej lub zdjęcia dostarczone przez nas) Jakość: bez utraty jakości, minimalny rozmiar pliku Orientacja: poprawna Ważne: nazwa folderu bez znaków specjalnych * + " № / ,, itd.Sortowanie: Główne zdjęcie — najlepszy ogólny widok Następnie — sekwencyjne ujawnienie towaru z różnych stron Szczegóły, elementy, cechyDodatkowo: Retusz/obróbka — jeśli zdjęcia są "surowe", potrzebna jest profesjonalna obróbka (omawiane osobno z dopłatą. Jeśli potrafisz robić ładne zdjęcia sprzedażowe - dostarcz próbki - dopłata do uzgodnienia) Wideo — dodawane link z YouTube (jeśli jest) Wypełnianie pól towaruPodstawowe pola tekstowe: PoleWymaganiaNazwa towaruJasna, informacyjna, do 110 znakówHTML-tag H1Tytuł stronyMeta-tag TitleTytuł SEOMeta-tag DescriptionOpis SEOMeta-tag KeywordsSłowa kluczoweOpisSzczegółowy opis towaru (jest gotowy prompt)Tagi towaruPrzez przecinek Dane handlowe: PoleŹródłoKod towaruZe strony źródłowej lub plikuSKU= Kod towaruCenaZe strony źródłowej lub pliku IlośćDostępnośćRozmiary (D x S x W) w cmZe specyfikacjiWaga (kg)Ze specyfikacjiPowiązania: Producent — określić i przypisać Kategoria — poprawne umiejscowienie w strukturze strony Rekomendowane towary — dobór podobnych pozycjiSpecyfikacje: Określić top-specyfikacje dla każdego towaru Znaleźć poprawny typ/nazwę specyfikacji w systemie Aspekty techniczneSEO URL: Wypełniane automatycznie w OpenCart Obowiązkowa weryfikacja — czy poprawnie się utworzyłOstateczna weryfikacja: Wszystkie zdjęcia dodane i wyświetlane Wideo podłączone (jeśli jest) Wszystkie pola wypełnione poprawnie

Dzień dobry. Szukałem doświadczonego specjalisty, który pomoże stworzyć trzy oddzielne landing page dla salonu estetycznej kosmetologii w Krakowie (Polska). Mamy stronę internetową i te same strony na stronie, ale nie konwertują. Przykład: konkretna procedura modelowania ciała - 6 274 (92,01%) kliknięć otwarcia strony na stronie z przejścia reklamy Meta w ciągu ostatnich 28 dni, z czego tylko 5 leadów. Ważne: potrzebujemy nie tylko pięknego designu. Głównym celem jest zwiększenie liczby zgłoszeń i rezerwacji od klientów. Usługi, dla których trzeba stworzyć strony: Depilacja laserowa. Body Reset (modelowanie figury i zmniejszenie objętości). Bloomea (praca z bliznami, potrądzikowymi i zmarszczkami). Co już jest: gotowa strona; zdjęcia i filmy; Instagram i Facebook; opinie klientów; kampanie reklamowe Meta Ads; teksty i informacje o usługach. Co trzeba zrobić: stworzyć 3 oddzielne landing page; przemyśleć strukturę stron z punktu widzenia konwersji; usunąć wszystkie zbędne elementy, które odciągają uwagę użytkownika; opracować mocne nagłówki i wezwania do działania (CTA); prawidłowo pokazać zalety naszego salonu; dodać bloki z opiniami i wynikami „przed/po”; maksymalnie uprościć drogę klienta do zgłoszenia; zaadaptować strony pod urządzenia mobilne. Wejścia na stronę do tego: 97,7% telefon, 1,3% PC, 1% tablet; jeśli to możliwe, dostarczyć rekomendacje dotyczące poprawy kampanii reklamowych. Nasze oczekiwania: Już wydaliśmy znaczący budżet na reklamę, wideo i wcześniejsze strony, dlatego teraz szukamy osoby, która naprawdę rozumie marketing, psychologię sprzedaży i budowanie lejków konwersyjnych. Potrzebujemy nie tylko pięknych stron, ale narzędzia, które przyniesie realnych klientów. Dużym plusem będzie: doświadczenie w pracy z projektami beauty-, medical- lub premium; przykłady z statystyką konwersji; rozumienie Meta Ads i Google Ads; doświadczenie w tworzeniu landing page dla drogich usług. Proszę, razem z ogłoszeniem prześlij: przykłady swoich prac; przybliżone terminy realizacji; koszt; krótki opis tego, jak widzisz strukturę takich landing page. Chciałbym, aby wszystko zostało zrobione w ciągu najbliższych 7 dni.

Potrzebny jest nowoczesny, intuicyjny i responsywny projekt strony internetowej dla firmy budowlanej. Głównym celem jest jakościowa prezentacja usług, zaufanie klientów oraz pokazanie portfolio zrealizowanych obiektów. Strony: Strona główna: Blok hero z USP, krótko o nas, główne kierunki, blok z ostatnimi projektami, opinie, formularz leadowy. O firmie: Historia, misja, kluczowe wskaźniki (liczby), zespół, licencje/świadectwa. Usługi: Lista usług budowlanych z krótkim opisem i ikonami. Portfolio / Projekty: Katalog obiektów z możliwością filtrowania według rodzaju prac. Strona pojedynczego projektu: Duża galeria zdjęć, opis zadania, użyte materiały oraz terminy realizacji. Kontakt: Formularz kontaktowy, zintegrowana mapa, adres oraz dane kontaktowe.