TECHNICAL TASK FOR DEVELOPING A LANDING PAGE BASED ON WORDPRESS
About the project: A selling landing page is required for an author's online intensive on the active corporate website of a law firm. Website platform: WordPress. Expected URL of the page: salyk.net/online_intensive
Payment: The project will be paid with funds reserved on the website's deposit as an advance payment, followed by the client's approval of the work done. No "I will do the work first, then approve the project, and you make the payment" will be accepted.
1. Design and structure:
- There is a ready prototype in the form of clean HTML/CSS code (includes texts, structure, color scheme, responsiveness, and vertical video testimonials 9:16). The code is attached to this technical task in the file "code". You can insert it here https://htmledit.squarefree.com/ and view the preliminary design.
- Design task: Use this code as a basis, but do not just copy it. Improvements in UX/UI, adding neat micro-animations, shadows, modern effects (features) that will make the page more attractive and selling while maintaining a strict corporate style are encouraged.
- Photos: Currently, only 3 AI-generated photos are attached. After project approval, I will send my personal photos for integration on the landing page.
2. Integration with CMS (Editability):
- Critically important: The landing page should not hang on the site as "bare" HTML code. The page must be assembled using a visual builder (Elementor) or implemented through flexible fields (ACF).
- The client must have the ability to easily change any texts, links, rates, photos, and video testimonials directly from the WordPress admin panel without interfering with the code.
3. Technical requirements and responsiveness:
- Full responsiveness of cross-browser layout: Desktop, Tablet, Mobile. The page must display correctly on all types of devices (including the proportions of 3 vertical video testimonials).
- High performance: Basic optimization of loading speed (Google PageSpeed) is mandatory. Images must be compressed and converted to WebP format, scripts and styles minified.
4. Feedback form (Lead generation):
- The landing page has an application form (Name, Phone). It needs to be fully functional.
- All applications must be instantly sent to the corporate email: info@site.net.
- It is necessary to configure sending through an SMTP server or use a reliable plugin that may already be installed on the site, to ensure that applications do not end up in the "Spam" folder.
5. Multilingualism:
- The current site implies the presence of three languages (RUS, KAZ, ENG).
- As part of the project, the contractor must set up multilingualism for the new landing page (the Elementor plugin is currently installed).
- During the task execution, the client will provide ready translations of the text into Kazakh and English. The contractor must create and format these additional language versions of the page.
6. Integration with the main site:
- Set up a transition to the landing page from the main site.
- In the main menu (in the header) of the active site salyk.net, it is necessary to add a new button or menu item (for example, "Online Intensive") that will lead to the address /online_intensive.
Additionally: create a function on the entire site to switch between languages rus/eng/kaz in the style of the site.
