Sprawdź zawód
Lekcje kursu

Projektant grafiki — e-commerce

Twórz i sprawdzaj grafiki produktowe, przygotowuj formaty dla różnych kanałów i utrzymuj spójność materiałów z ofertą.

Kompendium zawodu — pojęcia i zwroty

Pojęcia w pracy

Plik źródłowy
Edytowalny projekt zawierający elementy potrzebne do dalszej pracy.
Eksport
Plik wynikowy dostosowany do określonego kanału.
Wariant produktu
Wersja oferty rozróżniana np. kolorem, rozmiarem lub wyposażeniem.
Profil barwny
Informacja pomagająca aplikacjom interpretować kolory obrazu.
Obraz główny
Pierwszy materiał reprezentujący produkt w określonym kanale.

Zwroty w typowych sytuacjach

„Grafika musi odpowiadać temu wariantowi SKU.”
Wiąże obraz z rzeczywistą ofertą.
„Kanał wymaga osobnego eksportu bez komunikatu promocyjnego.”
Oddziela obrazy produktowe od kreacji kampanii.
„Podgląd w sklepie różni się od widoku pliku źródłowego.”
Kieruje kontrolę do faktycznego miejsca publikacji.

Podstawy · Lekcja 1 z 6

Grafika w decyzji zakupowej

Zadaniem obrazu jest czytelnie przedstawić konkretny produkt i jego wariant. Grafik współpracuje z fotografią, katalogiem i zespołem publikującym. Kreacja kampanii może mieć inne założenia niż obraz główny oferty.

Tok pracy w tej lekcji
  1. Co zrobić najpierwUstal cel
  2. Co zrobić dalejSprawdź wariant
  3. Jak zakończyćDobierz kompozycję

Przykład z pracy

Baner podkreśla kampanię, a obraz główny pokazuje rzeczywisty wariant produktu.

Ćwiczenie praktyczne

Rozdziel cele dla zdjęcia głównego, widoku szczegółu i baneru kolekcji.

Sprawdź się — opcjonalne pytanie

Jaki jest cel głównego obrazu oferty?

  • Zmieścić wszystkie hasła kampanii
  • Jednoznacznie przedstawić oferowany produkt
  • Zastąpić opis oferty bez względu na kanał
Pokaż odpowiedź i wyjaśnienie

Jednoznacznie przedstawić oferowany produkt. Kupujący powinien móc rozpoznać produkt i odróżnić go od innych wariantów.

Podstawy · Lekcja 2 z 6

Brief, prawa i materiał źródłowy

Ustal, jakie obrazy wolno wykorzystać i kto akceptuje ingerencje w materiał. Sprawdź produkt, formaty i przeznaczenie. Zapisz, które dane lub źródła nadal czekają na potwierdzenie.

Tok pracy w tej lekcji
  1. Co zrobić najpierwSprawdź brief
  2. Co zrobić dalejUstal źródło
  3. Jak zakończyćPotwierdź użycie

Przykład z pracy

Zdjęcie dostawcy jest zatwierdzone do karty produktu, ale zakres użycia w kampanii wymaga osobnego sprawdzenia.

Ćwiczenie praktyczne

Przygotuj pytania o zakres materiału dla nowego produktu.

Jedna kreacja do dwóch kanałów

W sklepie zaakceptowano materiał z napisem kampanii. Ten sam plik ma zostać użyty jako główny obraz produktu w kanale, który nie dopuszcza takiej nakładki.

Pokaż przykładową reakcję

Przygotowuję osobne eksporty i sprawdzam ich podgląd. Zachowaj wspólne źródło, ale przypisz każdemu kanałowi wersję odpowiadającą jego wymaganiom.

Sprawdź się — opcjonalne pytanie

Co robisz przy niejasnym prawie do użycia zdjęcia?

  • Publikujesz, bo plik da się otworzyć
  • Usuwasz nazwę autora i uznajesz sprawę za zamkniętą
  • Kierujesz pytanie do właściciela materiału przed publikacją
Pokaż odpowiedź i wyjaśnienie

Kierujesz pytanie do właściciela materiału przed publikacją. Dostęp do pliku nie rozstrzyga o zgodzie na określone wykorzystanie.

Praca krok po kroku · Lekcja 3 z 6

Zgodność obrazu i wariantu

Powiąż plik z identyfikatorem oferty. Sprawdź cechy widoczne w obrazie, takie jak kolor, opakowanie i komplet. Jeżeli obraz pokazuje dodatkowe elementy, wyjaśnij z zespołem zakres prezentacji.

Tok pracy w tej lekcji
  1. Co zrobić najpierwSprawdź SKU
  2. Co zrobić dalejPorównaj cechy
  3. Jak zakończyćPotwierdź plik

Przykład z pracy

Na zdjęciu są dwa akcesoria, lecz oferta obejmuje tylko jedno. Grafik zgłasza potrzebę zmiany kadru lub źródła.

Ćwiczenie praktyczne

Ułóż kontrolę galerii dla wariantów różniących się kolorem i wyposażeniem.

Sprawdź się — opcjonalne pytanie

Który materiał pasuje do obrazu głównego wariantu?

  • Plik pokazujący właściwy produkt i zakres oferty
  • Najbardziej kolorowy plik z innej serii
  • Każdy obraz o podobnej nazwie
Pokaż odpowiedź i wyjaśnienie

Plik pokazujący właściwy produkt i zakres oferty. Zgodność obrazu z ofertą ogranicza mylące informacje dla klienta.

Praca krok po kroku · Lekcja 4 z 6

Eksport i kontrola techniczna

Dobierz format i wymiary do kanału, a kolory zweryfikuj z przewidzianym profilem oraz podglądem. Zapisz osobny eksport dla każdego przeznaczenia. Kontrola obejmuje też kadrowanie i czytelność na mniejszym ekranie.

Tok pracy w tej lekcji
  1. Co zrobić najpierwSprawdź wymagania
  2. Co zrobić dalejWyeksportuj wersję
  3. Jak zakończyćOceń podgląd

Przykład z pracy

Galeria skaluje obraz inaczej niż podgląd edytora. W sklepie brzeg produktu zostaje przycięty.

Ćwiczenie praktyczne

Zrób listę kontroli dwóch eksportów dla różnych miejsc publikacji.

Sprawdź się — opcjonalne pytanie

Dlaczego otwierasz rzeczywisty podgląd kanału?

  • Edytor automatycznie odtwarza każdy kanał
  • Kanał może inaczej skalować, kadrować lub przedstawiać plik
  • Tylko podgląd zmienia status praw autorskich
Pokaż odpowiedź i wyjaśnienie

Kanał może inaczej skalować, kadrować lub przedstawiać plik. Ostateczne warunki wyświetlania wpływają na czytelność obrazu.

Trudniejsze sytuacje · Lekcja 5 z 6

Wersje i poprawki bez utraty źródła

Rozdziel dane źródłowe, pracę w toku i zaakceptowane eksporty. Zapisz datę, cel wersji i zmianę. Przy poprawkach sprawdź, czy inny kanał nie wymaga pozostawienia wcześniejszej wersji.

Tok pracy w tej lekcji
  1. Co zrobić najpierwOtwórz źródło
  2. Co zrobić dalejRozdziel przeznaczenie
  3. Jak zakończyćZapisz rewizję

Przykład z pracy

Usunięcie hasła z obrazu głównego nie zmienia osobnego baneru kampanii.

Ćwiczenie praktyczne

Zapisz strukturę plików dla produktu i dwóch kanałów z odrębnymi rewizjami.

Sprawdź się — opcjonalne pytanie

Co pozwala poprawić materiał bez nadpisania innych wersji?

  • Zastąpienie wszystkich plików ostatnim eksportem
  • Zapis do folderu o nazwie nowe
  • Oznaczenie plików według wariantu, rewizji i przeznaczenia
Pokaż odpowiedź i wyjaśnienie

Oznaczenie plików według wariantu, rewizji i przeznaczenia. Przeznaczenie i rewizja pozwalają dotknąć właściwego pliku.

Trudniejsze sytuacje · Lekcja 6 z 6

Audyt galerii po publikacji

Porównaj opublikowany obraz z kartą i akceptacją. Sprawdź alternatywny opis tam, gdzie odpowiadasz za jego przygotowanie, oraz kolejność galerii. Zgłoszenie zawiera link, zrzut, wariant i oczekiwaną poprawkę.

Tok pracy w tej lekcji
  1. Co zrobić najpierwOtwórz ofertę
  2. Co zrobić dalejZapisz dowód
  3. Jak zakończyćPotwierdź korektę

Przykład z pracy

W galerii pokazano prawidłowy plik, lecz błędna miniatura nadal jest widoczna na liście ofert.

Ćwiczenie praktyczne

Napisz zgłoszenie różnicy między miniaturą a kartą produktu.

Sprawdź się — opcjonalne pytanie

Co ułatwia odtworzenie błędu po publikacji?

  • Dokładny widok, identyfikator wariantu i oczekiwany rezultat
  • Sama ogólna opinia o wyglądzie
  • Zrzut innego produktu
Pokaż odpowiedź i wyjaśnienie

Dokładny widok, identyfikator wariantu i oczekiwany rezultat. Zespół może znaleźć błąd, porównać widoki i potwierdzić poprawkę.