We need to create the design for two screens of a mobile application for hiring nannies, which will be used in a future presentation. The project aims to simplify the process of finding and hiring qualified nannies for parents. Below are the detailed requirements for each screen:
1. Main Screen (Home) of the Application
Functionality:
• City Selection: An interface for selecting the city, district, or specific place of residence of the user.
• Nanny Search: A field for entering a search query for finding nannies. When clicking on the field, the user goes to the search screen (this screen does not need to be created).
• List of Upcoming Orders: Display of current and scheduled orders for nanny services, if any.
• List of Available Nannies for Today: A list of nannies available for work on the current day.
Order Details:
• Date: The selected order date.
• Time: Display of hours from and to.
• Number of Children: Indication of the number of children for whom a nanny is needed.
• City and Address: The location where services are needed.
• Nanny Who Responded to the Order: The name of the nanny or status if no one has responded yet.
• Price per Hour: The cost of nanny services per hour.
• Total Price: The calculated amount for the entire order period.
Additional Requirements:
• Provide an option when there are no upcoming orders yet.
• Provide an option to display a message if there are no available nannies for the current day.
2. Order Creation Screen for Nannies
Functionality:
• Order Parameter Selection:
• Date: A calendar for selecting the order date.
• Time: Fields for selecting the start and end time.
• Number of Children: Selection of the number of children for whom a nanny is needed.
• City and Address: Input or selection of the place of residence.
• Nanny Selection: The ability to choose a specific available nanny from the list or leave the nanny selection open for nannies to respond to the order themselves. This can be created as a second stage of order creation.
Design:
• The possibility to implement parameter selection on one screen or split it into two stages for user convenience.
• An intuitive interface with clear input fields and buttons for confirming the selection.
General Requirements:
• Style and Visual Appeal: A modern, visually pleasing design that meets the target audience.
• Usability: An intuitive interface with a logical arrangement of elements.
• Responsiveness: The design should be optimized for different screen sizes of mobile devices.
• File Formats: Provide layouts in formats convenient for further development (e.g., Figma).