Strona ofertowa fotografa: od briefu do gotowego pliku

Zacznij od zakresu, który można sprawdzić

„Robię sesje zdjęciowe” zostawia odbiorcy zbyt wiele pytań. W tym przykładzie wybieramy jedną usługę: sesję wizerunkową w jednej lokalizacji, z określonym czasem i liczbą zdjęć. Nie dopisujemy portfolio, opinii klientów ani doświadczenia, którego nie mamy czym potwierdzić.

To dokładne wartości trzech pól. W zakresie każdy element zajmuje osobną linię.

Co sprzedajesz?

Sesja wizerunkowa dla małej firmy

Dla kogo?

właścicieli małych firm, którzy potrzebują zdjęć na stronę i do profilu zawodowego

Twój zakres

Krótka rozmowa przed sesją 60 minut fotografowania w jednej lokalizacji 10 wybranych zdjęć po retuszu Przekazanie plików cyfrowych w ciągu 7 dni

Masz już projekt w Rusza? Samo wejście z linku go nie zmieni. Wysłanie briefu zastąpi lokalny dokument. Zanim to zrobisz, przejdź do obecnego projektu, otwórz „Eksport i publikacja” i kliknij „Zachowaj projekt JSON”.

Co naprawdę powstaje z briefu

Po wysłaniu formularza Rusza przenosi usługę do tytułu, odbiorcę do pola „Dla kogo?”, a linie zakresu do elementów oferty. Opis łączy z tych samych odpowiedzi. Dla naszego briefu brzmi dokładnie tak:

To materiał roboczy. Powtórzenie „dla” i lista zdań wymagają redakcji. Składacz nie ocenia pozycjonowania oferty ani nie proponuje strategii. Cena, nazwa autora, email i zdjęcie pozostają puste. W podglądzie zobaczysz „Cenę ustalimy po omówieniu zakresu”, a przycisk kontaktu będzie nieaktywny do uzupełnienia emaila.

Popraw treść tak, żeby klient znał ustalenia

W zakładce „Oferta i strona” wprowadź poniższe zmiany. Zachowujemy ten sam czas i liczbę zdjęć, ale porządkujemy opis i doprecyzowujemy początek terminu przekazania plików.

Tytuł oferty

Sesja wizerunkowa — 10 zdjęć do Twojej marki

Tytuł nazywa usługę i konkretny materiał, zamiast powtarzać odbiorcę.

Opis

Potrzebujesz spójnych zdjęć na stronę i do profilu zawodowego? Podczas 60-minutowej sesji w jednej lokalizacji przygotujemy materiał, z którego wybierzesz 10 ujęć do retuszu. Pliki cyfrowe otrzymasz w ciągu 7 dni kalendarzowych od wyboru zdjęć. Przed sesją omówimy sposób wykorzystania zdjęć i plan ujęć.

„W ciągu 7 dni” zamieniamy na „7 dni kalendarzowych od wyboru zdjęć”. W swojej ofercie podaj termin, który faktycznie możesz dotrzymać.

Dla kogo?

właścicieli małych firm, którzy potrzebują zdjęć na stronę i do profilu zawodowego

Zostawiamy odbiorcę z briefu. Strona pokazuje to pole osobno pod opisem.

Elementy oferty

• Rozmowa o wykorzystaniu zdjęć i planie ujęć
• 60 minut fotografowania w jednej lokalizacji
• 10 wybranych zdjęć po retuszu
• Pliki cyfrowe do 7 dni kalendarzowych od wyboru zdjęć

W edytorze wpisz każdy element w nowej linii. Lista i opis mają mówić o tych samych ustaleniach. Jeśli dojazd, dodatkowe ujęcia albo kolejna lokalizacja są osobnym zakresem, wyjaśnij to we własnej treści przed udostępnieniem.

Cena netto (zł)

650

Wyłącznie cena ilustracyjnej sesji, nie cena Rusza ani rekomendacja wyceny. Podgląd wyświetli „650 zł netto”. Pole nie oblicza podatku ani dodatkowych opłat; wpisaną kwotę i jej znaczenie ustalasz samodzielnie.

Kontakt i zdjęcie

Twoje imię lub firma: Studio Przykład
Email odbierający wiadomości: studio@example.invalid

Otwórz sekcję „Kontakt i zdjęcie”. Ten adres służy do ćwiczenia i nie jest działającym kontaktem. Przed własnym udostępnieniem wpisz swój poprawny email. Zdjęcie w tym warsztacie zostawiamy puste; zdjęcie domowego biura z głównej strony nie jest portfolio tego fotografa.

Rusza zapisuje poprawne zmiany w tej przeglądarce. Zerkaj na komunikat przy tytule edytora: jeśli zapis lokalny jest niedostępny, zachowaj JSON. Dokumentacja localStorage opisuje ograniczenia zapisu i przypadki jego niedostępności. Usunięcie danych przeglądarki może usunąć lokalny projekt.

Przeczytaj ofertę w szerokości telefonu

Nad żywym podglądem kliknij „Telefon”. Zmieni się szerokość podglądu, nie dokument. Przejdź przez całą stronę wewnątrz ramki:

1. Przeczytaj tytuł i pierwsze zdania. Czy od razu wiesz, że chodzi o sesję wizerunkową i 10 zdjęć?
2. Porównaj opis z listą zakresu. W obu miejscach ma być jedna lokalizacja, 60 minut i termin liczony od wyboru zdjęć.
3. Przewiń do kontaktu. Sprawdź „650 zł netto” i ilustracyjny email. Na telefonie kontakt znajduje się pod treścią oferty.
4. Jeśli chcesz sprawdzić przycisk, wpisz testowe dane w podglądzie. Pokaże komunikat „To podgląd”; nie otworzy poczty i nie wyśle wiadomości.

Wróć przyciskiem „Szeroki”, żeby porównać układ. Jeżeli tekst wymaga skrócenia, popraw go w edytorze. Podgląd pokazuje ostatnie poprawne treści — komunikat błędu w edytorze oznacza, że nowa wartość nie została jeszcze przyjęta.

Dwa pliki do dwóch różnych zadań

Otwórz zakładkę „Eksport i publikacja”. Do tego ćwiczenia używamy przycisków „Pobierz stronę HTML” i „Zachowaj projekt JSON”. Żaden z tych plików sam nie publikuje strony w internecie.

Na wąskim ekranie przewiń tabelę poziomo. Możesz też ustawić na niej fokus klawiszem Tab i przewijać strzałkami w lewo i w prawo.

Otwórz HTML i porównaj treść

Otwórz pobrany HTML w przeglądarce. Sprawdź tytuł, wszystkie cztery elementy zakresu, cenę i nazwę studia. Plik zawiera treści oraz styl; w tym przykładzie nie ma zewnętrznego zdjęcia. Sposób pobrania i otwarcia pliku może zależeć od ustawień przeglądarki — MDN opisuje zachowanie pobierania.

Kontakt w HTML przygotowuje wiadomość w aplikacji pocztowej odbiorcy przez odnośnik mailto. Odbiorca sprawdza ją i sam wysyła. Plik nie zawiera serwera wysyłki. Z ilustracyjnym adresem z tego warsztatu sprawdź sam widoczny kontakt; nie wysyłaj do niego wiadomości.

Wróć do edycji z JSON

W Rusza wybierz zapisany plik przez „Przywróć projekt z pliku JSON”. To świadomie zastąpi bieżący lokalny dokument. Po wczytaniu sprawdź tytuł, poprawiony opis, cenę 650 i kontakt Studio Przykład. Jeśli przenosisz plik na inne urządzenie, wgrywasz go tam w ten sam sposób.

Ten warsztat kończy się na lokalnym dokumencie, podglądzie i plikach. Publikacja online jest osobnym działaniem. Jej przebieg, potwierdzenie serwera i klucz odzyskania opisuje instrukcja Rusza.