Layout of 3 pages for the online store dott.com.ua
HTML & CSS
I completed the layout and refinement of three informational pages for the dott.com.ua online store on the Khoroshop platform: “Loyalty Program,” “Wholesale Cooperation,” and “Corporate Orders.”
As part of the project, a new page was built from scratch based on a Figma design, while existing pages were improved by fixing visual issues, responsiveness, fonts, images, spacing, and block structure.
The main challenge of the project was working within the limitations of the Khoroshop platform. Custom HTML, CSS, and JavaScript code had to be integrated into the platform’s standard pages without breaking global styles, the website theme, or system elements.
The work included building the “Loyalty Program” page from scratch, refining the “Wholesale Cooperation” and “Corporate Orders” pages, adapting the layout for desktop, tablet, and mobile devices, creating Ukrainian, Russian, and English language versions, integrating the pages through the Khoroshop admin panel, configuring custom styles, resolving conflicts with the platform’s default styles, and adding smooth scroll-based element animations.
As a result, the client received three responsive, multilingual, and visually consistent pages fully integrated into the Khoroshop website and ready for publication.
Technologies: Khoroshop, Figma, HTML, CSS, JavaScript, responsive layout.
#Khoroshop #Layout #OnlineStore #WebsiteDevelopment #FigmaToHTML #HTML #CSS #JavaScript #ResponsiveLayout #Ecommerce #WebDevelopment
As part of the project, a new page was built from scratch based on a Figma design, while existing pages were improved by fixing visual issues, responsiveness, fonts, images, spacing, and block structure.
The main challenge of the project was working within the limitations of the Khoroshop platform. Custom HTML, CSS, and JavaScript code had to be integrated into the platform’s standard pages without breaking global styles, the website theme, or system elements.
The work included building the “Loyalty Program” page from scratch, refining the “Wholesale Cooperation” and “Corporate Orders” pages, adapting the layout for desktop, tablet, and mobile devices, creating Ukrainian, Russian, and English language versions, integrating the pages through the Khoroshop admin panel, configuring custom styles, resolving conflicts with the platform’s default styles, and adding smooth scroll-based element animations.
As a result, the client received three responsive, multilingual, and visually consistent pages fully integrated into the Khoroshop website and ready for publication.
Technologies: Khoroshop, Figma, HTML, CSS, JavaScript, responsive layout.
#Khoroshop #Layout #OnlineStore #WebsiteDevelopment #FigmaToHTML #HTML #CSS #JavaScript #ResponsiveLayout #Ecommerce #WebDevelopment