One of the independent business units of Yandex, offering taxi aggregator services, food and grocery delivery, as well as mobile applications for them.
Task
Development of a Yandex Taxi landing page designed for potential taxi drivers. The landing page should include a design created in Figma and be implemented in HTML format. The main tasks include creating page layouts, integrating forms and an earnings calculator, as well as creating a form for candidate applications and a form for selecting a vehicle for work.
Technical Requirements
1.Programming Languages: HTML, CSS, JavaScript.
2.Design: The landing page design has been created in Figma and will be used as the basis for the implementation.
3.Page Layout: Creating the HTML structure and styles for each landing page based on the provided design.
4.Forms: Developing a candidate application form, including the necessary fields and data validation. Creating a vehicle selection form that allows potential drivers to specify their preferred vehicle parameters for work.
5.Earnings Calculator: Developing a calculator that enables potential taxi drivers to calculate their expected earnings based on various factors such as working hours, rates, and commissions.
6.Responsiveness: Creating an adaptive design and layout to ensure proper display of the landing page on various devices and screens.
Project Stages
1.HTML was used for page layout to create the content structure, CSS was used for element styling, and JavaScript was used to add interactivity and functionality.
2.Forms were implemented using HTML and JavaScript, with data validation to ensure proper field completion.
3.The earnings calculator was developed using JavaScript, taking into account various factors affecting the earnings of taxi drivers.
4.Responsive design was achieved using CSS media queries to ensure the correct display of the landing page on different devices, including mobile phones and tablets.
The Results
-
The Yandex Taxi landing page was successfully developed using the provided design from Figma.
The landing page's layout was implemented in accordance with the design, ensuring proper content display on all screens.
Forms were integrated to allow potential taxi drivers to provide the necessary information about themselves.
-
A vehicle selection form was created, enabling potential drivers to specify their preferred vehicle's make, model, and year of production.
An earnings calculator was developed, allowing potential drivers to estimate their expected income based on various factors.
The landing page is fully responsive and displays correctly on all types of devices, ensuring a user-friendly experience for potential taxi drivers.
