Layout of 3 pages for the online store dott.com.ua on Khoroshop
Performed comprehensive layout and refinement of three informational pages for the online store dott.com.ua on the Khoroshop platform: "Loyalty Program", "Wholesale Cooperation", and "Corporate Orders".
As part of the work, a new page was created from scratch based on the Figma design, and existing pages were refined by correcting visual errors, responsiveness, fonts, images, margins, and block structure.
The main challenge of the project was the limitations of the Khoroshop platform: custom HTML/CSS/JS code needed to be integrated within the standard pages of the platform without disrupting the global styles, site theme, and system elements.
What was accomplished:
1. Layout of the "Loyalty Program" page from scratch based on the Figma design;
2. Layout of the "Wholesale Cooperation" and "Corporate Orders" pages;
3. Adaptation of the layout for desktop, tablet, and mobile;
4. Implementation of three language versions: Ukrainian, Russian, and English;
5. Integration of pages through the Khoroshop admin panel;
6. Connection and configuration of custom styles;
7. Resolution of conflicts with the platform's standard styles;
8. Addition of smooth animations for element appearance during scrolling;
9. Optimization of the display of blocks, texts, and images;
10. Checking pages on different screen resolutions.
Result:
The client received three fully responsive, multilingual, and visually consistent pages, integrated into the Khoroshop site and ready for publication.
As part of the work, a new page was created from scratch based on the Figma design, and existing pages were refined by correcting visual errors, responsiveness, fonts, images, margins, and block structure.
The main challenge of the project was the limitations of the Khoroshop platform: custom HTML/CSS/JS code needed to be integrated within the standard pages of the platform without disrupting the global styles, site theme, and system elements.
What was accomplished:
1. Layout of the "Loyalty Program" page from scratch based on the Figma design;
2. Layout of the "Wholesale Cooperation" and "Corporate Orders" pages;
3. Adaptation of the layout for desktop, tablet, and mobile;
4. Implementation of three language versions: Ukrainian, Russian, and English;
5. Integration of pages through the Khoroshop admin panel;
6. Connection and configuration of custom styles;
7. Resolution of conflicts with the platform's standard styles;
8. Addition of smooth animations for element appearance during scrolling;
9. Optimization of the display of blocks, texts, and images;
10. Checking pages on different screen resolutions.
Result:
The client received three fully responsive, multilingual, and visually consistent pages, integrated into the Khoroshop site and ready for publication.