Jakie zdjęcia są potrzebne na stronie WWW? Podpowiada webdesignerka

Dobre zdjęcia potrafią zrobić dla strony internetowej więcej, niż mogłoby się wydawać. Budują zaufanie, pomagają opowiedzieć historię marki, uzupełniają treści i nadają projektowi charakter. Jednak wybór fotografii do strony WWW to coś więcej niż znalezienie kilku ładnych kadrów.

Jako webdesignerka wiem, że zdjęcia muszą pasować nie tylko do marki, ale również do układu strony, jej funkcji i treści. Dlatego przed sesją fotograficzną warto zaplanować, jakie ujęcia będą potrzebne i gdzie zostaną wykorzystane. Dzięki temu łatwiej przygotować materiały, które posłużą nie tylko na stronie głównej, ale również w ofercie, na blogu czy w materiałach promocyjnych.

Zdjęcia na stronę WWW warto zaplanować wcześniej

Kiedy projektuję stronę internetową, myślę o zdjęciach już na etapie planowania jej struktury. Wiem, w których miejscach potrzebne będą fotografie, jaką funkcję mają pełnić i ile przestrzeni zajmą w projekcie. To ważne, ponieważ zdjęcie, które świetnie wygląda w mediach społecznościowych, niekoniecznie sprawdzi się jako szerokie tło sekcji na stronie internetowej.

Warto więc skonsultować plan sesji z webdesignerem jeszcze przed spotkaniem z fotografem. Dzięki temu można przygotować listę potrzebnych ujęć, uwzględniając zarówno konkretne podstrony, jak i przyszłe zastosowania zdjęć.

Dobrze zaplanowana sesja pozwala również ograniczyć ryzyko sytuacji, w której strona jest już gotowa, ale brakuje fotografii do jednej z ważnych sekcji. A przecież szkoda rezygnować z przemyślanego układu albo zastępować przemyślany kadr zdjęciem z banku zdjęć tylko dlatego, że na etapie sesji nikt nie pomyślał o odpowiednim kadrze.

Zdjęcia portretowe i zespołowe budują zaufanie

Jeśli prowadzisz firmę usługową, pracujesz z klientami lub tworzysz markę osobistą, zdjęcia przedstawiające Ciebie i Twój zespół mogą być jednymi z najważniejszych materiałów na stronie.

Warto przygotować zarówno indywidualne portrety, jak i zdjęcia grupowe. Przydadzą się one w różnych miejscach:

• na stronie głównej, w sekcji otwierającej stronę, czyli tzw. hero;
• na podstronie „O nas” lub „Zespół”;
• w opisach poszczególnych członków zespołu;
• w sekcjach przedstawiających osoby odpowiedzialne za konkretne usługi;
• w stopkach maili i materiałach promocyjnych;
• jako elementy wizualne w wybranych sekcjach strony.

Podczas sesji warto zadbać o różnorodność kadrów. Przydadzą się zdjęcia bardziej formalne, ale również naturalne ujęcia pokazujące osoby w pracy. Dobrze, jeśli fotograf wykona portrety w różnych wariantach kompozycyjnych, na przykład z osobą po lewej lub prawej stronie kadru.

Dlaczego to takie ważne? Na stronie internetowej zdjęcie często sąsiaduje z nagłówkiem, opisem i przyciskiem. Jeśli twarz znajduje się dokładnie w miejscu, w którym powinien pojawić się tekst, dopasowanie fotografii do projektu może być trudniejsze. Odpowiednio zaplanowany kadr daje większą swobodę podczas projektowania.

Pokaż ludzi w pracy, a nie tylko przed obiektywem

Portrety są ważne, ale nie muszą być jedynymi zdjęciami przedstawiającymi osoby związane z firmą. Warto również przygotować fotografie pokazujące zespół w naturalnym środowisku pracy.

Może to być konsultacja z klientem, praca przy laptopie, przeglądanie dokumentów, czytanie książki, prowadzenie szkolenia albo przygotowywanie materiałów. Wszystko zależy od specyfiki działalności i tego, co chcesz pokazać odbiorcom.

Takie fotografie dobrze sprawdzają się na podstronach ofertowych, gdzie pomagają nadać kontekst opisom usług. Mogą również uzupełniać artykuły blogowe (twarze przyciągają wzrok i pomagają budować skojarzenia z marką, a przecież sekcja bloga może zawierać wiele wpisów), newslettery, prezentacje i materiały promocyjne.

Ważne, żeby rekwizyty i sceny wynikały z rzeczywistej działalności firmy. Jeśli prowadzisz kancelarię, pokaż dokumenty i przestrzeń pracy. Jeśli jesteś psycholożką, możesz wykorzystać ujęcia gabinetu, notatek czy przygotowanych materiałów. Jeśli jesteś masażystką albo pracujesz w branży beauty pomyśl o kadrach we własnym gabinecie.

Nie chodzi o to, żeby na każdym zdjęciu pozować z laptopem. Chodzi o pokazanie odbiorcy, czym się zajmujesz i w jakim kontekście możesz mu pomóc.

Zdjęcia samych przedmiotów również mają znaczenie

Nie każda fotografia na stronie musi przedstawiać człowieka. Czasami znacznie lepiej sprawdzają się zdjęcia przedmiotów, narzędzi i detali związanych z działalnością firmy.

Mogą to być książki, dokumenty, notatniki, przybory do pracy, materiały szkoleniowe – szczególnie w kolorach marki, elementy wyposażenia gabinetu czy fragmenty przestrzeni biurowej. Takie kadry pomagają budować skojarzenia z marką, a jednocześnie pozostawiają więcej przestrzeni na tekst.

Fotografie przedmiotów są szczególnie przydatne w sekcjach ofertowych. Można je również wykorzystać jako ilustracje wpisów blogowych, grafiki do newslettera czy elementy materiałów promocyjnych.

Z perspektywy projektowania strony dużą zaletą takich zdjęć jest ich uniwersalność. Nie trzeba dopasowywać układu tekstu do twarzy konkretnej osoby ani martwić się, że fotografia będzie wyglądać nienaturalnie po przycięciu czy z nakładką przyciemniającą. Oczywiście nadal trzeba zwracać uwagę na kompozycję i proporcje, ale możliwości wykorzystania takich ujęć są naprawdę szerokie.

Flat lay, czyli zdjęcia, które tworzą tło

W planie sesji warto uwzględnić również zdjęcia typu flat lay. To fotografie przedmiotów ułożonych na płaskiej powierzchni i sfotografowanych z góry. Mogą przedstawiać na przykład notatnik, książkę, długopis, laptop i kubek kawy na biurku.

Takie zdjęcia świetnie nadają się do wykorzystania jako tła sekcji na stronie internetowej. Mogą pojawić się w miejscu, w którym nie potrzebujemy portretu ani fotografii bezpośrednio ilustrującej usługę, ale chcemy przełamać jednolitą powierzchnię strony i dodać jej głębi.

Warto poprosić fotografa o kilka kompozycji, w których przedmioty znajdują się po jednej stronie kadru, a druga pozostaje stosunkowo pusta albo gdzie przedmioty znajdują się dookoła pustej przestrzeni. To właśnie tam będzie można umieścić nagłówek, tekst lub przycisk.

Dobrze przygotowane flat lay pozwalają zachować spójność wizualną całej strony. Zamiast korzystać z przypadkowych fotografii z banków zdjęć, można wykorzystać własne materiały, dopasowane kolorystycznie do marki i pokazujące rzeczywiste przedmioty związane z jej działalnością.

Dlaczego zdjęcia poziome dają więcej możliwości?

Jeśli miałabym wskazać jedną praktyczną wskazówkę dotyczącą formatów zdjęć na stronę WWW, byłoby to uwzględnienie szerokich, poziomych kadrów podczas sesji. Jako projektantka w większości dostaję zdjęcia pionowe, dlatego, że idealnie nadają się na social media.

Dlaczego poziome kadry są lepsze? Zdjęcie poziome często można przyciąć do formatu pionowego, na przykład na potrzeby karty usługi lub zdjęcia profilowego (o ile kompozycja na to pozwala). W drugą stronę bywa trudniej. Pionowa fotografia nie zawsze zawiera wystarczająco dużo przestrzeni po bokach, aby wykorzystać ją w szerokiej sekcji strony.

Nie oznacza to, że należy całkowicie zrezygnować z pionowych ujęć. Warto jednak zadbać o to, aby fotograf przygotował odpowiednio dużo szerokich kadrów i zostawił przestrzeń umożliwiającą późniejsze przycinanie.

Podczas sesji dobrze jest również wykonać kilka wariantów tego samego ujęcia. W jednym osoba może znajdować się centralnie, w innym bliżej lewej lub prawej krawędzi. Dzięki temu łatwiej dopasować fotografię do różnych układów strony.

Jak przygotować sesję, żeby zdjęcia pasowały do projektu?

Przed sesją fotograficzną warto zebrać informacje o stronie i jej planowanej strukturze. Nie musisz znać wszystkich szczegółów technicznych. Wystarczy, że wiesz, jakie podstrony będą potrzebne i jakie treści chcesz na nich umieścić, aby policzyć ile kadrów będziesz potrzebować. Nie zawsze ich ilość musi wzrastać z każdą zakładką, bo część zdjęć typu flat lay można przyciąć tak, by pokazywały inną jego część i wykorzystać w kilku miejscach.

Dobrym rozwiązaniem jest przygotowanie listy zdjęć, które będą potrzebne do poszczególnych sekcji. Wykorzystaj też wskazówki dotyczące kompozycji, kolorystyki i proporcji kadrów z tego wpisu.

Warto ustalić między innymi:

• jakie zdjęcia będą potrzebne na stronie głównej;
• czy potrzebujesz portretów indywidualnych i grupowych;
• jakie fotografie najlepiej pokażą Twoją ofertę;
• czy przydadzą się zdjęcia przedmiotów i detali;
• gdzie planujesz wykorzystać zdjęcia jako tła sekcji;
• czy fotograf może przygotować kilka wariantów kompozycyjnych;
• ile zdjęć otrzymasz po sesji i w jakiej formie zostaną przekazane.

Nie musisz samodzielnie podejmować wszystkich decyzji. Fotograf pomoże Ci przygotować odpowiednie ujęcia. Zanim jednak wybierzesz ostatecznie, które kadry chcesz aby fotograf przygotował do Twoich celów otrzymasz dostęp do surowych materiałów. Na tym etapie webdesigner może podpowiedzieć, które z nich najlepiej sprawdzą się w projekcie strony.

Pamiętaj też o czasie. Fotografowie mają różne terminy dostępności, a przygotowanie gotowych zdjęć po sesji również może potrwać. Dlatego najlepiej skontaktować się z wybranym fotografem odpowiednio wcześniej, zamiast czekać do momentu, w którym strona jest już niemal gotowa.

Checklista o czym pamiętać podsczas sesji zdjęciowej na stronę WWW

Kadry i kompozycja

• Przygotuj kilka wariantów tego samego ujęcia, np. z osobą po lewej i prawej stronie kadru.
• Poproś o kilka naturalnych ujęć w naturalnych sytuacjach związanych z ich pracą np. przy laptopie, w gabinecie, z dokumentami, z telefonem, na wideokonferencji, nie tylko pozowanych portretów.
• Wykonaj zdjęcia detali i fragmentów przestrzeni, w której pracujesz czyli kadry bez widocznych twarzy, które łatwo wykorzystasz w różnych materiałach. Wykonaj zdjęcia z różnymi ustawieniami i układami rekwizytów.
• Przygotuj kilka ujęć typu flat lay, fotografowanych z góry.
• Zrób zdjęcia z większej odległości, pozostawiając przestrzeń wokół fotografowanej osoby.
• Zadbaj o kadry z pustą przestrzenią na tekst, nagłówki i przyciski np. zdjęcia na tle gładkiej ściany zamiast bardzo kolorowej tapety z mnóstwem ozdób czy szczegółów.
• Zadbaj o zdjęcia poziome, które w razie potrzeby będzie można przyciąć do pionu.
• Wykonaj zarówno szersze ujęcia, jak i zbliżenia.
• Zrób pojedyncze portrety, zdjęcia całego zespołu lub konkretnego działu oraz zarządu czy osób decyzyjnych.
• Zadbaj o rekwizyty pasujące kolorystycznie do identyfikacji wizualnej marki.
• Sprawdź, czy ubrania i rekwizyty nie zlewają się z tłem.

Podsumowanie: dobre zdjęcia zaczynają się od planu

Zdjęcia na stronie WWW powinny być dopasowane do marki, treści i funkcji poszczególnych sekcji. Warto przygotować portrety, fotografie pokazujące ludzi w pracy, zdjęcia przedmiotów oraz kadry flat lay, które można wykorzystać jako tła. Dobrze zaplanowana sesja pozwala uzyskać różnorodne materiały, przydatne nie tylko na stronie internetowej, ale również w komunikacji marketingowej.

Jako webdesignerka mogę pomóc Ci określić, jakich zdjęć potrzebujesz, i wesprzeć Cię w wyborze najlepszych kadrów. Dzięki temu łatwiej stworzyć stronę, na której fotografie nie są przypadkową dekoracją, lecz integralną częścią przemyślanego projektu.

Chcesz poczytać więcej o profesjonalnej stronie WWW? Zajrzyj do osobnego wpisu na ten temat.