Projektowanie stron internetowych na podstawie modelu i TZ

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

Projekt: strona jednostronicowa dla studia tworzenia stron internetowych „pod klucz” Źródło: makieta w Figma (link zostanie dodany osobno) — należy kontynuować już istniejący design w tym samym stylu Budżet: 4000 UAH Termin: do uzgodnieniaOgólne wymagania Należy stworzyć spójną, piękną stronę lądowania, całkowicie na wersję PC (bez responsywności na urządzenia mobilne/tablety). Język interfejsu i całej treści — ukraiński. Styl powinien być kontynuacją istniejącego pierwszego ekranu: ciemne tło, kwasowo-limonkowe (lime) i różowe (magenta) akcenty, „pikselowo-techniczna” typografia w nagłówkach. Ważne jest, aby zachować jednolitą siatkę, marginesy i wizualny język, aby nowe sekcje wyglądały jak część tej samej strony. Design powinien być kreatywny i indywidualny, a nie szablonowy. Przed pracą nad każdą sekcją należy zebrać referencje z Pinterest / Dribbble / Behance i według własnego uznania zaproponować przykłady do każdego bloku (2–3 warianty kierunku na sekcję), aby uzgodnić wizualizację do finalnej zbiórki.Struktura sekcji (w kolejności) 1. Pierwszy ekran (Hero) — już gotowy, znajduje się w makiecie. Użyć jako wzór stylowy. 2. O nas — krótki blok o studiu: kim jesteśmy, czym się zajmujemy, podejście. Można zagrać cyframi/faktami, które już są w hero (180+ projektów, 7 lat, ocena 4.8/5). 3. Portfolio prac — siatka/karuzela przypadków z podglądami stron, nazwą projektu i krótkim opisem (nisza, co zrobiliśmy). Pożądane z efektem najechania (hover). 4. Dlaczego my — blok zalet: 4–6 punktów (na przykład: terminy 2–4 tygodnie, SEO od pierwszego dnia, podejście konwersyjne, wsparcie po uruchomieniu itp.). Oformować ikonami lub akcentowymi kartami w stylu hero. 5. Zespół — karty uczestników: zdjęcie, imię, rola. Utrzymać w ciemnej stylistyce z akcentami. 6. Ceny — 4 taryfy/usługi: Strona lądowania Strona korporacyjna Sklep internetowy Strona indywidualna — z sformułowaniem w stylu „Omówimy szczegóły” + formularz kontaktowy Oformować kartami cenowymi; jedną wyróżnić jako „popularną” akcentowym kolorem. 7. FAQ — blok „często zadawane pytania” z rozwijanymi odpowiedziami (akordeon), 5–7 pytań. 8. Stopka — logo, nawigacja (O nas, Zespół, Portfolio, Opinie, Ceny, FAQ), blok kontaktów, copyright.Typografia (zalecane czcionki) Do nagłówków nadają się techno/pikselowe groteski, podobne do istniejącego logo: Nagłówki (akcent, styl „money”): Neue Machina, Monument Extended, Space Grotesk (Bold) lub TT Octosquares — coś z kwadratowym technicznym charakterem. Podnagłówki / tekst główny: Space Grotesk, Inter lub Manrope — czyste, dobrze czytelne na ciemnym tle.Co należy dostarczyć Gotowa makieta wszystkich sekcji w Figma w jednolitym stylu, zebrane referencje do każdej sekcji (osobnym ramką lub linkami), dobrane i podłączone czcionki. Design — tylko desktop, w języku ukraińskim.

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