Banery na stronę internetową

Specyfikacja techniczna: banery dla sklepu internetowego (Khoroshop)
URL strony jest dostępny na żądanie potencjalnego wykonawcy.

1) Cel i kontekst

• Potrzebne są minimalistyczne, czytelne banery na stronę główną oraz kategorie sklepu internetowego z chemią gospodarczą.
• Kolory banerów — w istniejącej kolorystyce strony (wytyczna: pastelowe odcienie, miękkie gradienty, dobra czytelność).
• Język — ukraiński.
• Teksty dostarcza zamawiający. Projektant pracuje z gotowymi tekstami / CTA po uzgodnieniu specyfikacji.

2) Zakres prac i rozmiary

A. Główny slider — 3 slajdy, w jednolitej stylistyce

• 960×432 px → @2×: 1920×864 px

B. Dodatkowe banery — 2 szt.

• 480×216 px → @2×: 960×432 px

C. Banery kategorii — 4 szt.

• 720×216 px → @2×: 1440×432 px

D. Seria liniowych wektorowych ilustracji kategorii — 20 szt.

• 1200×1200 px

3) Styl i referencje

• Styl: minimalizm, pastelowe / miękkie tony, czyste płaszczyzny, dużo „powietrza”, jedna główna dominanta (produkt lub kluczowa zaleta), krótki nagłówek i wyraźne CTA.
• Główna referencja (dotycząca banerów): joseph-joseph.in.ua (nagłówek strony nie naśladować).
• Dodatkowe referencje:
  carawayhome.com · fromourplace.com · materialkitchen.com · onepagelove.com/paper-2026 · onepagelove.com/nutramaxx · branchbasics.com

4) Czcionki

• Podstawowa czcionka (preferowana): Montserrat — dla spójności ze stroną.
• Alternatywa po uzgodnieniu: Inter lub Manrope.
• Bez nadmiernego rozstawienia między literami.
• Wielkie / małe litery — zgodnie z treścią.
• Tekst — czytelny.

5) Wymagania techniczne

• Eksport: wszystkie banery — w rozmiarze @2×.
• Formaty: WebP (priorytetowo) lub JPG (jakość orientacyjnie 70–80).
• Orientacyjna waga plików (jako rekomendacja):
  • bohater / główny slider: do 250–350 KB
  • inne banery: do 100–200 KB
• Dla ilustracji kategorii pożądane jest również przesłanie PNG / WebP, a jeśli to możliwe — SVG.
• Pliki wyjściowe muszą być z edytowalnymi tekstami.

Pożądane:

• Figma — jeden plik z makietami i stylami tekstowymi; wszystkie teksty / CTA muszą pozostać edytowalne.

Dopuszczalne:

• PSD / AI ze zorganizowanymi folderami i edytowalnymi warstwami tekstowymi.

6) Proces i poprawki

1. Wybór wizualnych punktów odniesienia w stylu referencji + 1 testowy slajd dla głównego slidera.
2. Uzgodnienie koncepcji głównego slidera.
3. Wykonanie całego zestawu: 3 slajdy głównego slidera + 2 dodatkowe banery + 4 banery kategorii + 20 ilustracji kategorii.
4. Poprawki — do 2 rund dla każdego typu materiałów.
5. Przekazanie: gotowe pliki dla strony + plik wyjściowy (Figma / PSD / AI) + krótka instrukcja dotycząca edytowania tekstów, dat, procentów zniżki itp.

7) Kryteria akceptacji

• Zgodność z dokładnymi rozmiarami i formatami.
• Dobra czytelność.
• Staranna kompozycja.
• Optymalna waga plików.
• Edytowalne teksty w plikach wyjściowych (nie rastrowe).
• Stylowa zgodność z uzgodnionymi referencjami.

8) Blok prawny

• Prawa autorskie do obrazów i elementów graficznych użytych w banerach nie mogą być naruszane.
• Jeśli używane są płatne obrazy / ilustracje, wykonawca musi przekazać zamawiającemu potwierdzenie prawa do korzystania z tych materiałów (licencję, potwierdzenie zakupu itp.).

9) Co należy przekazać (ostateczny zestaw)

• 3 pliki dla głównego slidera w @2× (WebP / JPG) + edytowalny plik wyjściowy.
• 2 dodatkowe banery w @2× (WebP / JPG) + plik wyjściowy.
• 4 banery kategorii w @2× (WebP / JPG) + plik wyjściowy.
• 20 ilustracji kategorii 1200×1200 px + plik wyjściowy.
• 1 arkusz podglądowy (PNG lub PDF) z układem wszystkich banerów i materiałów graficznych.
• 1 krótka instrukcja: gdzie i jak zmieniać teksty, daty, zniżki itp.

10) Warunki organizacyjne

• Terminy są uzgadniane po zatwierdzeniu koncepcji z wykonawcą.
• Jeśli zatwierdzenie ze strony zamawiającego zajmuje dodatkowy czas, termin wykonania może być odpowiednio przedłużony.
• Cała komunikacja — przez Obszar roboczy Freelancehunt.