Potrzebuję tylko sformatowania tych informacji na stronie internetowej. Może to być po prostu struktura. Projekt nie jest potrzebny. Wymagania dla Strony wynajmu
Krok 1 z 4: Wypełnienie informacji
Pola do wypełnienia:
- Imię
- Nazwisko
- Email
- Telefon
- Adres:
- Pola Kraj (.....) i Prowincja (.....) powinny być automatycznie wypełnione i niedostępne do edycji.
- Te pola są wyróżnione innym kolorem, aby pokazać, że nie można ich zmienić.
- Pola do edycji:
- Miasto
- Ulica
- Kod pocztowy
Data i czas odbioru roweru:
- Wbudowany kalendarz do wyboru dostępnych terminów.
- Podpis: "Wybierz datę i godzinę odbioru swojego roweru."
Interfejs:
- Przycisk "Dalej" po wypełnieniu wszystkich wymaganych pól.
Potwierdzenie po wypełnieniu:
1. Wiadomość:
"Twoje informacje zostały zaakceptowane. Następnym krokiem jest podpisanie dokumentów. Będziesz musiał zapoznać się i podpisać dwa dokumenty: Umowę wynajmu i Umowę odpowiedzialności."
2. Przycisk: "Przejdź do dokumentów."
3. Animacja z wskaźnikiem (np. obracające się kółko) do wyświetlenia przygotowania systemu.
Krok 2 z 4: Podpisanie dokumentów
Interfejs:
- Okno do przeglądania dokumentu, w którym użytkownik może:
- Przewijać dokument.
- Zapoznać się z jego treścią.
- Podpisać za pomocą wbudowanego narzędzia.
Dokumenty:
1. Pierwszy dokument: Umowa wynajmu.
2. Drugi dokument: Umowa odpowiedzialności.
Przyciski:
- Dla każdego dokumentu po obowiązkowym podpisie wyświetla się przycisk "Dalej".
- Po zakończeniu podpisywania pierwszego dokumentu automatycznie pojawia się drugi.
Potwierdzenie po podpisaniu:
Wiadomość:
"Wszystkie dokumenty zostały pomyślnie podpisane.
Następne kroki to Kroki 3-4:
1. Płatność depozytu: Musisz zapłacić depozyt w wysokości $... CAD. Ten depozyt zabezpiecza rezerwację roweru i pokrywa ewentualne uszkodzenia. Depozyt zostanie w pełni zwrócony, jeśli rower zostanie zwrócony w dobrym stanie.
2. Subskrypcja miesięczna: Po wpłacie depozytu ustawisz miesięczną subskrypcję w wysokości $... CAD, którą można anulować w dowolnym momencie. Subskrypcja gwarantuje ciągły dostęp do wynajmowanego roweru i usług konserwacyjnych."
Przycisk: "Dalej"
Krok 3 z 4: Płatność depozytu
Informacje:
- Kwota depozytu:
- Wybór metody płatności:
- Stripe
- PayPal
- Square
- Mollie
Interfejs:
- Wizualny wybór systemu płatności (logotypy).
- Przycisk: "Zapłać depozyt".
Dodatkowa uwaga:
- Jeśli napotkasz jakiekolwiek problemy, skontaktuj się z nami za pomocą [formularza kontaktowego (link)].
Po naciśnięciu:
1. Wiadomość:
"Czekam na potwierdzenie płatności. Proszę czekać..."
2. Animacja ładowania.
Po pomyślnej płatności:
- Wiadomość:
"Dziękujemy! Twój depozyt został pomyślnie przetworzony."
Krok 4 z 4: Aktywacja subskrypcji
Subskrypcja miesięczna:
1. Informacje:
- $. będą pobierane co miesiąc.
- Pierwsza data pobrania — dzień odbioru roweru.
- Każde kolejne pobranie będzie miało miejsce dzień później w stosunku do daty odbioru (na przykład, jeśli odbiór roweru jest 5-go, następna płatność będzie 6-go dnia następnego miesiąca).
Interfejs:
- Wybór systemu płatności
- Przycisk: "Aktywuj subskrypcję".
Dodatkowa uwaga:
- Jeśli napotkasz jakiekolwiek problemy, skontaktuj się z nami za pomocą [formularza kontaktowego (link)].
Po naciśnięciu:
1. Wiadomość:
"Czekam na potwierdzenie subskrypcji. Proszę czekać..."
2. Animacja ładowania.
Po pomyślnej subskrypcji:
- Wiadomość:
"Dziękujemy! Twoja subskrypcja została pomyślnie aktywowana."
Zakończenie
Wiadomość:
"Gratulacje! Twój wynajem został pomyślnie zakończony."
Wyświetlane informacje:
1. Numer klienta: Generowany automatycznie (na przykład, NUMER).
2. Data odbioru roweru: Wykorzystana informacja wprowadzona wcześniej.
3. Adres odbioru: "......"
4. Ważna uwaga: Proszę przynieść ważny dokument tożsamości (paszport lub prawo jazdy) do odbioru roweru. Rower nie zostanie wydany bez odpowiedniej identyfikacji.
5. Bądź na czas: Upewnij się, że przyjdziesz o umówionej porze, aby zapewnić płynny proces odbioru.
6. Informacje kontaktowe:
- Email: .....
- Telefon: .....
Dodatkowe elementy:
- Ikona potwierdzenia (na przykład, zielony znacznik).
- Powtórzyć interfejs informacji zwrotnej
Funkcje interfejsu:
- Możliwość powrotu do poprzedniego kroku w celu poprawienia danych.
Behance
Freelancehunt
