Altris
Layout and integration of a landing page on WordPress
This project involved the development and layout of a website page (landing page) with responsive design up to 320px, as well as further integration into the WordPress platform. The client provided a technical task and design layout on Figma, which included both web and mobile versions of the page.
Tasks
Template development: Create a page template for web and mobile versions according to the provided design on Figma.
Testing and delivery: Conduct testing of the final product and deliver it to the client in a ready-to-use form.
Work process
Page layout
Initially, the page layout was implemented according to the provided Figma layout.
The page's responsiveness was ensured, displaying correctly on various devices with a minimum screen width of 320px.
Modern technologies such as HTML5, CSS3, and JavaScript were used in the layout process, allowing for a stylish and functional design.
Responsive design
Media queries were used to ensure proper display on mobile devices.
Images and other page elements were optimized for fast loading and improved user experience.
Integration into WordPress
The created HTML/CSS/JS code was integrated into WordPress as a custom template.
All necessary functions were configured to facilitate content management through the WordPress admin panel and ACF PRO plugin.
WordPress capabilities were utilized to create dynamic content and easily modify the page without the need for code intervention.
Testing
Thorough testing was conducted on various devices and browsers to check the page's responsiveness and functionality.
All identified errors and shortcomings were corrected to ensure smooth operation.
Result
As a result of the work, a responsive page template was created and successfully integrated into WordPress. The page displays correctly on all devices, is convenient for content management and modification.
Resources links
Figma layout: https://www.figma.com/design/wFEFHDw9RY21LG77bTCSRN/Untitled?node-id=0-1&t=n0SpXHCu5tlP7tG7-1
Demo version before integration into WordPress: https://maximusmixik.github.io/Landings/altris/index.html
Client's website version with updated content added
https://www.altris.ai/landing/
The project was completed in accordance with all client requirements, meeting deadlines and high quality standards.
This project involved the development and layout of a website page (landing page) with responsive design up to 320px, as well as further integration into the WordPress platform. The client provided a technical task and design layout on Figma, which included both web and mobile versions of the page.
Tasks
Template development: Create a page template for web and mobile versions according to the provided design on Figma.
Testing and delivery: Conduct testing of the final product and deliver it to the client in a ready-to-use form.
Work process
Page layout
Initially, the page layout was implemented according to the provided Figma layout.
The page's responsiveness was ensured, displaying correctly on various devices with a minimum screen width of 320px.
Modern technologies such as HTML5, CSS3, and JavaScript were used in the layout process, allowing for a stylish and functional design.
Responsive design
Media queries were used to ensure proper display on mobile devices.
Images and other page elements were optimized for fast loading and improved user experience.
Integration into WordPress
The created HTML/CSS/JS code was integrated into WordPress as a custom template.
All necessary functions were configured to facilitate content management through the WordPress admin panel and ACF PRO plugin.
WordPress capabilities were utilized to create dynamic content and easily modify the page without the need for code intervention.
Testing
Thorough testing was conducted on various devices and browsers to check the page's responsiveness and functionality.
All identified errors and shortcomings were corrected to ensure smooth operation.
Result
As a result of the work, a responsive page template was created and successfully integrated into WordPress. The page displays correctly on all devices, is convenient for content management and modification.
Resources links
Figma layout: https://www.figma.com/design/wFEFHDw9RY21LG77bTCSRN/Untitled?node-id=0-1&t=n0SpXHCu5tlP7tG7-1
Demo version before integration into WordPress: https://maximusmixik.github.io/Landings/altris/index.html
Client's website version with updated content added
https://www.altris.ai/landing/
The project was completed in accordance with all client requirements, meeting deadlines and high quality standards.
Kharkiv 
Available for hire
Offer work