Custom interactions and layout fixes for a smoother skincare store.
We built custom hero and customer-review sliders, repaired broken layouts across the website and improved the WooCommerce shop product cards for a more consistent shopping experience.
Project overview
Naudia Lorraine Skincare is an e-commerce brand focused on botanical products for moisture-depleted skin. The website already had a distinctive visual identity, but several layouts were broken and important homepage interactions required more reliable custom functionality.
We developed custom sliders for the hero and customer-review sections, repaired layout problems throughout the website and rebuilt the shop product-card presentation. The work preserved the existing brand direction while making the experience more stable, consistent and easier to use.
The challenge
Naudia Lorraine Skincare already had a refined visual identity built around botanical products, editorial photography and educational skincare content. However, broken layouts across several pages were affecting the consistency and usability of the website.
The homepage hero and customer-review sections also needed custom slider behaviour that would feel natural within the existing design. On the shop page, inconsistent product-card heights, controls and button positions made the catalogue harder to scan.
Our approach
We developed custom slider functionality for the homepage hero and customer-review sections. Navigation arrows, slide transitions and pagination controls were integrated into the existing visual system so the new interactions felt like a natural part of the brand.
We then reviewed the website page by page and corrected spacing, alignment, overflow and responsive layout problems. The shop product cards were rebuilt with consistent image areas, content spacing, prices, product options and aligned purchase buttons.
Key improvements
- Custom homepage hero slider with clear navigation controls
- Custom customer-review slider aligned with the brand design
- Broken page layouts repaired across the website
- Responsive spacing and alignment corrected
- Consistent WooCommerce product-card dimensions
- Improved alignment for prices, options and purchase buttons
- A more stable experience across desktop, tablet and mobile
The result
The completed improvements preserve the established Naudia Lorraine Skincare identity while making the website more dependable and easier to use. The custom sliders provide smoother homepage interaction, and the repaired layouts create a consistent experience throughout the site.
The updated shop page now presents products in a cleaner and more organised grid, helping customers compare products and reach the correct purchase action with less friction.