Development of an adaptive landing page for a Ukrainian company
Role - Front End Developer, Web Interface Builder, WebUI/Markup
About the project
An adaptive and interesting landing page for a trading company that demonstrates the company's products and services to increase the customer base and attract partners.
The page was developed using HTML, CSS, and JavaScript.
I implemented four sliders, a partnership application form, smooth page navigation, an interesting effect when hovering over cards, a burger menu, and dynamic adaptation.
The client provided a mockup in Figma, which included only a version for the PC. It was an interesting task to implement the principles of responsive design, maintaining visual and functional integrity on all devices with a resolution of 320px or more so that the landing page looked and functioned flawlessly. This required careful creative work to ensure that all elements were properly scaled and positioned for smaller screens.
Minimal animated effects were implemented to increase dynamism, interactivity, and user experience.
#WebUI_Markup
#FrontEndDeveloper
#WebDeveloper
#LandingPage
#HTML #CSS #SCSS #JS
#WebUserInterfaceBuilder
About the project
An adaptive and interesting landing page for a trading company that demonstrates the company's products and services to increase the customer base and attract partners.
The page was developed using HTML, CSS, and JavaScript.
I implemented four sliders, a partnership application form, smooth page navigation, an interesting effect when hovering over cards, a burger menu, and dynamic adaptation.
The client provided a mockup in Figma, which included only a version for the PC. It was an interesting task to implement the principles of responsive design, maintaining visual and functional integrity on all devices with a resolution of 320px or more so that the landing page looked and functioned flawlessly. This required careful creative work to ensure that all elements were properly scaled and positioned for smaller screens.
Minimal animated effects were implemented to increase dynamism, interactivity, and user experience.
#WebUI_Markup
#FrontEndDeveloper
#WebDeveloper
#LandingPage
#HTML #CSS #SCSS #JS
#WebUserInterfaceBuilder