Zlecenia dla freelancerów

Zlecenia dla freelancerów

Tworzenie PŁASZKI w SVG (z danymi dynamicznymi).

Grafika wektorowa, Loga — podano nieprawidłowe kategorie?

Zlecenie jest tłumaczone automatycznie. Zaloguj się lub zarejestruj się, żeby zobaczyć oryginał

Pomysł jest taki:

Jest logo w SVG, trzeba zrobić z niego planszę ze znakiem zaufania. Przy tym słowa i rok będą podstawiane przez serwer, my ich nie rysujemy, tylko robimy placeholdery pod nie.

Załączyłem TZ, które pisze AI pod realizację serwerową.

Załączam również kilka plików dla zrozumienia ogólnego, jak to PRZYKŁADOWO powinno wyglądać. Akcent powinien być na frazie "sprawdzony dealer" i na roku

Aktualizacja #1 od 23 czerwca

# TZ: rodzina badge'ów „Zweryfikowany sprzedawca” 123machinery

Plik zaufania, który zweryfikowany dealer umieszcza na swojej stronie. Obrazek

przekazuje nasz serwer; część tekstu serwer podstawia **dynamicznie** (tłumaczenie na

język strony + rok rejestracji działalności dealera). Dlatego tekst „Zweryfikowany

sprzedawca” i „od … roku” **nie mogą być wkomponowane w obrazek** — to są żywe strefy tekstowe.

**Jeden asset = wszystkie 6 języków + każdy dealer.** Projektant NIE robi wersji językowych i

przed-dealerowych — to robi nasz serwer. Projektant tworzy 4 assety (poniżej).

---

## 1. Format — ściśle wektorowy SVG

- Wszystkie elementy — wektorowe. Metalik/chrom/odblaski — za pomocą SVG (gradienty, filtry).

- Logo `123 MACHINERY` i cały dekor — **w krzywych** (outline).

- Rastralne podkłady PNG/JPG **nie są akceptowane**.

- Przezroczyste tło wokół zaokrąglonego pliku.

- Plik jest samowystarczalny: własne tło + ramka, nie zależy od tła strony dealera.

## 2. Co statyczne, co dynamiczne

- **STATYKA** (rysuje projektant, zawsze taka sama): logo, ramka/plakietka, ikona

(tarcza/ptaszek), tło, dekor, odblaski.

- **DYNAMIKA** (podstawia serwer; projektant ustawia strefę i styl, tekst NIE jest rysowany):

- **LABEL** — „Zweryfikowany sprzedawca” (tłumaczone);

- **SINCE** — „od {ROK} roku” (ROK — 4 cyfry, własny dla każdego dealera; słowa wokół

również są tłumaczone).

## 3. Strefy dynamiczne — obowiązkowe w każdym z 4 plików

Dwie żywe `

| id | placeholder | zawartość |

|---|---|---|

| `sb-label` | `{{LABEL}}` | napis „Zweryfikowany sprzedawca” (na szerokim — w 2 linijki przez ``) |

| `sb-since` | `{{SINCE}}` | „od {ROK} roku” |

Wymagania dotyczące stref:

- `text-anchor="middle"`, stały punkt odniesienia w centrum strefy.

- Każda strefa ma określony box maks. szerokości. Kegiel dobrać tak, aby **najdłuższa

linia z tabeli lokalizacji (§5) zmieściła się w centrum bez obcięcia i nachodzenia**.

- Projektant w oddaniu wskazuje dla każdego pliku: box (x, y, w, h), kegiel,

line-height, kolor, anchor dla `sb-label` i `sb-since`.

## 4. Czcionka dynamicznego tekstu

- **Noto Sans, waga 700** (dla `sb-label`) i **600** (dla `sb-since`). Licencja OFL,

do osadzenia dozwolone. Pokrywa łacińskie + cyrylicę + gruzińskie + litewskie

diakrytyki (obowiązkowe — nasze lokalizacje .de/.tr/.ge/.lt). Plik czcionki dołączyć.

- Logo/dekor — w krzywych, czcionka logo dowolna.

- Styl żywego tekstu — **płaska jednolita wypełnienie** + dopuszczalny lekki cień (1px).

**Bez 3D-bevela/metalu** na żywym tekście (nie powtórzy się przy podstawieniu →

desynchronizacja). Cała objętość/metal — tylko na statyce (logo, ikona, ramka).

## 5. Języki i linie (układać pod najdłuższe)

| | linie |

|---|---|

| **LABEL** | ru „Zweryfikowany sprzedawca” · de „Verifizierter Händler” · en „Verified seller” · tr „Onaylı satıcı” · ka „შემოწმებული გამყიდველი” · lt „Patikrintas pardavėjas” |

| **SINCE** | ru „od {ROK} roku” · de „seit {ROK}” · en „since {ROK}” · tr „{ROK}’dan beri” · ka „{ROK} წლიდან” · lt „nuo {ROK}” |

Najszersze: gruziński LABEL, rosyjski SINCE — przewidzieć zapas pod nie.

## 6. Cztery warianty (2 rozmiary × 2 tematy)

|---|---|---|---|

| `badge-wide-dark.svg` | `0 0 480 120` | 280–400 | logo + LABEL (2 linie) + SINCE + ikona |

| `badge-wide-light.svg` | `0 0 480 120` | 280–400 | to samo |

| `badge-compact-dark.svg` | `0 0 260 120` | 150–220 | logo + LABEL (1 linia) + SINCE (mniejsze) |

| `badge-compact-light.svg` | `0 0 260 120` | 150–220 | to samo |

**Ciemne** (`-dark`): chromowana plakietka jak w referencjach; LABEL/SINCE — białe/jasnoszare,

niebieski akcent na cyfrach/ikonie.

**Jasne** (`-light`): tło białe/jasnoszare + lekka ramka/cień. Logo — w

**ciemno-czytelnym** wariancie (srebro na białym się nie nadaje: niebieskie „123” zostawić,

„MACHINERY” — ciemne/nawigacyjne). LABEL/SINCE — ciemne (węglowe/nawigacyjne),

niebieski akcent. Kontrast tekstu do tła ≥ 4.5:1.

**Kompaktowe** (`-compact-*`): zaprojektowane do czytelności od 150px → uprościć małe

odblaski/bevele. LABEL — w jedną linię, SINCE — mniejsze, ale obowiązkowe.

Niebieski akcent — firmowy niebieski 123machinery (wziąć z logo, w oddaniu wskazać

dokładny HEX).

## 7. Czego NIE robić

- Nie wkomponowywać LABEL/SINCE w obrazek.

- Nie używać w dynamice czcionki bez pokrycia cyrylicy/łaciny/gruzińskiego.

- Nie robić tła nieprzezroczystym do krawędzi płótna.

- Nie robić rastrowych podkładów — tylko wektorowe.

## 8. Oddanie (deliverables)

- 4 pliki: `badge-wide-dark.svg`, `badge-wide-light.svg`, `badge-compact-dark.svg`,

`badge-compact-light.svg` — zoptymalizowane; logo/dekor w krzywych; strefy

`sb-label`/`sb-since` jako żywe `` z placeholderami `{{LABEL}}`/`{{SINCE}}`.

- Plik czcionki (Noto Sans, potrzebne wagi, subset) + link do licencji.

- Źródło (Figma/AI), paleta (dokładne HEX).

- Podgląd: ciemne warianty na jasnym tle, jasne — na ciemnym, w maks. i min. rozmiarze.

- Dla każdego pliku — tabela stref (§3): box, kegiel, line-height, kolor, anchor.

## 9. Odbiór

Zamawiający podaje finalne linie wszystkich lokalizacji → sprawdzamy dla każdego z 4 plików i

każdego języka: LABEL/SINCE mieszczą się w centrum bez obcięcia/nachodzenia i są czytelne na

minimalnym rozmiarze; kontrast na jasnych ≥ 4.5:1.

---

*Integracja po stronie 123machinery jest gotowa przyjąć te assety: serwer wybiera

szablon według wariantu (temat/rozmiar) i podstawia `{{LABEL}}` (tłumaczenie według lokalizacji) i

`{{SINCE}}` (rok założenia dealera) w strefy `sb-label`/`sb-since`.*

Zaloguj się lub zarejestruj się, żeby zobaczyć oryginał

Oferty 14 Dyskusje 2

Єvgen Limansky

5 0

Budżet: 1000 UAH Termin: 2 dni

Dzień dobry! Zajmę się twoim zamówieniem — zadanie jest jasne: pasek zaufania z twojego SVG z żywymi strefami pod "zweryfikowany dealer" i rokiem. Jestem gotów do pracy. Proszę o informację na temat pożądanego terminu i budżetu?\nPortfolio: Freelancehunt

Podobny projekt: Логотип до шаурмічної

Tetiana Kravchenko

19 0

Zlecenia 18
Ocena -
Ranking 745

Budżet: 6000 UAH Termin: 5 dni

Dzień dobry!

Mam doświadczenie w pracy z grafiką SVG dla stron internetowych i projektów webowych. Tworzę i edytuję wektorowe pliki SVG, optymalizuję je do poprawnego wyświetlania na różnych urządzeniach i w przeglądarkach.

Pracuję z uwagą na szczegóły i jestem gotowa zrealizować Twój projekt jakościowo i w ustalonych terminach.

Przykłady wykonanych prac mogę przesłać w wiadomościach prywatnych.

Będę zadowolona ze współpracy!

Inna Voloboieva

0 1

Zlecenia -
Ocena -
Ranking 394

Budżet: 700 UAH Termin: 2 dni

Dzień dobry!

Jestem gotowa pomóc w opracowaniu badge'ów zaufania w formacie wektorowym zgodnie z Twoim TZ. Zapoznałam się z przykładami i wymaganiami, przygotuję schludny projekt w jednolitym stylu z uwzględnieniem dalszej integracji dynamicznego tekstu.

Będę zadowolona, mogąc omówić szczegóły współpracy.

Oleksandra Mysak

16 0

Budżet: 1200 UAH Termin: 2 dni

Cześć
Jestem gotowa zrobić baner
Zrobię wszystko szybko i jakościowo
Portfolio
Freelancehunt
Behance

Dmitro S.

0 0

Zlecenia -
Ocena -
Ranking 489

Budżet: 5000 UAH Termin: 10 dni

1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

Antonina K.

21 0

Budżet: 700 UAH Termin: 1 dzień

Dzień dobry! Jakościowo przeniosę plik, mam doświadczenie w podobnych projektach. Piszcie, jestem cały czas w kontakcie, nie zawyżam ceny, nie przekraczam terminów. Portfolio: Freelancehunt

Vyacheslav Fesenko

136 4

Budżet: 777 UAH Termin: 7 dni

Cześć!\nJestem gotów zająć się twoim projektem.\nPortfolio w profilu Freelancehunt oraz na Behance Behance\nPisz — będę zadowolony ze współpracy.

Tetiana Khaperska

3 1

Zlecenia 3
Ocena -
Ranking 468

Budżet: 1000 UAH Termin: 1 dzień

Cześć! Zapoznałam się z zadaniem i mam pomysły na realizację planszy.

Portfolio: Freelancehunt

Valeriya Kuzminskaya

182 4

Budżet: 700 UAH Termin: 1 dzień

Jestem gotowa wykonać zadanie. Portfolio można zobaczyć w profilu.

Serhii Buhaiov

12 0

Budżet: 700 UAH Termin: 1 dzień

Dzień dobry, mam duże doświadczenie w pracy z grafiką wektorową, mogę teraz stworzyć w pełni edytowalny plik SVG. Portfolio: Google Drive

Ihor Symchuk

11 0

Budżet: 3000 UAH Termin: 2 dni

Mamy doświadczenie w dynamicznym generowaniu grafiki SVG po stronie serwera. Realizujemy to poprzez przygotowanie szablonu z miejscami na dane, które będą poprawnie renderowane po podstawieniu danych. Struktura pliku będzie zoptymalizowana do szybkiego przetwarzania przez serwer bez utraty jakości wyświetlania. Jesteśmy gotowi przystąpić do zadania od razu po uzgodnieniu szczegółów.