Website design
I need the design of only this information for the website.
No design is needed. It can just be a structure.
Only respond if you definitely know how to do this.
Specifications for the Rental Form Page
Step 1 of 4: Filling in Information
Input fields:
- First Name
- Last Name
- Phone
- Address:
- The Country (.....) and Province (.....) fields should be auto-filled and not editable.
- These fields are highlighted in a different color to indicate that they cannot be changed.
- Editable fields:
- City
- Street
- Postal Code
Date and time for bike pickup:
- Built-in calendar to select available slots.
- Label: "Choose a date and time to pick up your bike."
Interface:
- "Next" button after filling in all required fields.
Confirmation after filling in:
1. Message:
"Your information has been accepted. The next step is signing the documents. You will need to review and sign two documents: the Rental Agreement and the Liability Agreement."
2. Button: "Proceed to Documents."
3. Animation with an indicator (e.g., spinning circle) to show system preparation.
Step 2 of 4: Signing Documents
Interface:
- Window for document viewing, where the user can:
- Scroll through the document.
- Familiarize themselves with its content.
- Sign using the built-in tool.
Documents:
1. First document: Rental Agreement.
2. Second document: Liability Agreement.
Buttons:
- For each document, a "Next" button appears after mandatory signing.
- After completing the signing of the first document, the second one appears automatically.
Confirmation after signing:
Message:
"All documents have been successfully signed.
The next steps are Steps 3-4:
1. Deposit Payment: You need to pay a deposit of $... CAD. This deposit secures your bike reservation and covers any potential damages. The deposit will be fully refunded if the bike is returned in good condition.
2. Monthly Subscription: After the deposit, you will set up a monthly subscription of $... CAD, which can be canceled at any time. The subscription guarantees continuous access to your rental bike and maintenance services."
Button: "Next"
Step 3 of 4: Deposit Payment
Information:
- Deposit amount:
- Payment method selection:
- Stripe
- PayPal
- Square
- Mollie
Interface:
- Visual selection of payment system (logos).
- Button: "Pay Deposit".
Additional Note:
- If you encounter any issues, please contact us using the [contact form (link)].
After clicking:
1. Message:
"Waiting for payment confirmation. Please wait..."
2. Loading animation.
After successful payment:
- Message:
"Thank you! Your deposit has been successfully processed."
Step 4 of 4: Subscription Setup
Monthly Subscription:
1. Information:
- $. will be charged monthly.
- The first charge date is the day of bike pickup.
- Each subsequent charge will occur one day later relative to the pickup date (for example, if the bike is picked up on the 5th, the next payment will be on the 6th of the following month).
Interface:
- Payment system selection
- Button: "Activate Subscription".
Additional Note:
- If you encounter any issues, please contact us using the [contact form (link)].
After clicking:
1. Message:
"Waiting for subscription confirmation. Please wait..."
2. Loading animation.
After successful subscription:
- Message:
"Thank you! Your subscription has been successfully activated."
Completion
Message:
"Congratulations! Your rental has been successfully completed."
Displayed information:
1. Client Number: Automatically generated (e.g., NUMBER).
2. Bike Pickup Date: Uses information entered earlier.
3. Pickup Address: "......"
4. Important Note: Please bring a valid ID (passport or driver’s license) to pick up your bike. The bike will not be issued without proper identification.
5. Be On Time: Make sure to arrive at the scheduled time to ensure a smooth pickup process.
6. Contact Information:
- Email: .....
- Phone: .....
Additional elements:
- Confirmation icon (e.g., green checkmark).
- Duplicate feedback interface
Interface features:
- Ability to return to the previous step to correct data.
Client's review of cooperation with Oleksandr Bohachov
Website designEverything is great, fast, high quality, professional! Thank you for the work!
Freelancer's review of cooperation with Tina M.
Website designInteresting project, detailed specifications, and quick feedback. It was a pleasure to collaborate.
-
2378 16 2 1 Hello!
My name is Danilo, I am a UI/UX designer with 5+ years of experience. I work in Figma, Adobe XD, and Sketch, creating modern, responsive, and aesthetic interfaces for mobile applications and websites.
What I offer:
Design for iOS and Android, websites following trends;
Prototyping and interactive animations;
Preparation of layouts for handover to developers;
Considering the needs of the business and users.
… You can view my work in the portfolio.
I am ready to discuss the details and offer exact timelines and costs.
I look forward to your response!
Danilo
-
5708 24 0 Hello! 👋
I am not a designer who just draws, but rather a designer who DESIGNS products that sell business services. I create designs for businesses in various fields and have a high level of expertise in UX and UI design.
Please take a look at my portfolio and see my experience in the UX/UI field:
Freelancehunt
-
1735 23 0 I understand that you need a prototype of these pages in one resolution?
My portfolio:
Behance
-
My name is Yulia, I am a web designer with 2 years of experience in creating attractive and functional websites that combine modern design and usability. I am ready to create a website for you that will exceed your expectations. Contact me for a detailed discussion.
Here is my portfolio:Behance
-
444 1 0 Hello, Tina! Your technical task is very clear and well-structured. I am ready to create an optimal structure for the rental application page, taking into account all the specified stages, input fields, navigation elements, and interactives. I will ensure a convenient process logic for users, considering the adaptability and intuitiveness of the interface. If there are any clarifications or additional requirements, we will adjust during the implementation.
My portfolio:Freelancehunt
-
974 29 1 1 Hello.
I will do the work quickly and efficiently.
Extensive practical experience.
My portfolio https://3ddomkiev.wixsite.com/website-2/-2
https://3ddomkiev.wixsite.com/website-2/lazernaya-rezka-fanery
https://3ddomkiev.wixsite.com/website-2
-
136 Hello! I am ready to take on the work for your project. You can view examples of some of my cases at the link
Behance. My skills encompass the basics of UX research, prototyping, information architecture, working with Figma, as well as an understanding of design principles that make user interfaces effective and enjoyable to use. I have worked on projects that included the development of mobile applications and web interfaces. I am also familiar with the basic principles of interaction design and the importance of user experience research for creating user-friendly products.
-
225 Hello, the proposal is interesting and I already have a certain vision for it. I have about 2 years of experience in UX/UI and understand what will be convenient for users. It would be great if we could connect, and my work is in the profile.
-
2043 17 0 1 I will be able to create a clear page structure for all steps indicating the necessary fields, interface elements, and interactions. I will describe the logic of each stage and the connections between them.
portfolio https://juvenile-buckthorn-e2c.notion.site/1044a556eaf280ffad20fc8a10d73810?v=1084a556eaf280158016000c52aca35c
-
393 Hello Tina!
I am a designer with 5 years of experience, and for the last year, I have been working in the Fintech domain, and such flows are a common routine for me. I can quickly and efficiently complete the assigned task, and of course, with mobile adaptation!
-
1105 28 4 1 Ready to complete your project. 8 years of experience in design and development.
-
380 1 0 Hello, Tina!
My name is Olga, I am an experienced UX/UI designer and I am ready to help with the design of this information. I am ready to discuss the details of our collaboration today.
My portfolioBehance
Have a nice day!
-
3020 27 0 Good time)
Last works!
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
http://axiomaplus.com.ua/
… https://maxinstal.ch/
https://brokersrealestate24.com/
http://otpad.com.ua/
https://hotelkolos.com/
http://spectrum.net.ua/
Detailed discussion, advice, preferences, evaluation in personal discussions!
Current freelance projects in the category Interface Design (UI/UX)
Landing page on Framer based on design from Claude/Figma, with responsiveness and photo animations.
89 USD
The site made in Klod is fully responsive and animated. But it needs to be transferred to Framer: so that all blocks are built in Framer and the content and design can be easily edited. That is, not HTML code inserted by sections, but to rebuild it. (I know that through Framer… Interface Design (UI/UX), Web Design ∙ 3 hours 1 minute back ∙ 4 proposals |
Banner for a 3×3 grid in an Instagram profile.ATTENTION: Please read the project description before sending a template request. About the product Juice — a Telegram mini app for casual offline meetings in Batumi (Georgia). Users find and join meetings (sport, social, games, networking) or create their own. Task Create one… Banners, Interface Design (UI/UX) ∙ 10 hours 50 minutes back ∙ 17 proposals |
Okta.comA layout needs to be created in Figma for a new website. The old website (www.okta.ua) will be used as a basis, with product categories, catalog, and other content remaining. The business logic for ordering products needs to be simplified, and the structure of the pages should… Interface Design (UI/UX) ∙ 3 days 15 hours back ∙ 62 proposals |
Website designLooking for web designers to develop web design. Experience in website development and knowledge of UI/UX is required. Interface Design (UI/UX), Web Design ∙ 4 days 4 hours back ∙ 119 proposals |
Redesign of the online store on KhoroshopTask: A designer / UX/UI specialist is needed who has experience working with the Khoroshop platform and can visually update the LightForce website: https://lightforce.com.ua/ The site is technically functional, the catalog is filled, advertising is launched, but visually the… Interface Design (UI/UX), Web Design ∙ 4 days 10 hours back ∙ 24 proposals |