WordPress eCommerce Website for Dermocosmetics Brand – UX/UI & Elementor Development
Overview
This project involved the design and development of a WordPress-based eCommerce site for a dermocosmetics brand. The goal was to create a refined, responsive, and conversion-optimized online store that builds trust in the beauty and skincare space.
Goals
Design a clean and modern UI tailored for skincare and dermocosmetic products
Develop the site using WordPress and Elementor for full customization and speed
Ensure smooth user experience across desktop and mobile
Create product pages that are easy to browse and drive purchase decisions
Optimize layout and performance for conversion
My Role
UX/UI Designer
WordPress Developer
Responsible for the full project: wireframes, interface design, Elementor layout implementation, mobile responsiveness, and performance optimization
Project overview
Kinich Fito Dermocosmética's website design and development project aimed to create a digital platform that reflected the natural and sustainable essence of the brand. The proposal included an intuitive and modern design, along with robust e-commerce functionality, allowing users to explore and purchase natural dermocosmetic products easily and securely.
Creative Process
The design phase focused on simplicity, elegance, and soft color palettes that reflect the nature of clinical skincare. I created wireframes and high-fidelity mockups in Figma, prioritizing white space, minimalism, and user flow clarity.
Navigation was designed to support intuitive browsing, while product pages included compelling visuals, CTAs, and clean typography to support conversion.
Development Process
The site was developed using WordPress and Elementor Pro, enabling flexible design control without compromising performance. I integrated advanced modules like dynamic product listings and custom checkout layouts.
The site is fully responsive, optimized with lazy loading and caching plugins, and achieves strong performance scores across devices.
Testing and Launching:
Extensive testing to ensure site functionality and performance.
Final adjustments based on user feedback and testing.
Official launch of the website and continuous monitoring to ensure its proper functioning.
Tools & Skills
WordPress + Elementor Pro
Figma (Wireframing & UI Design)
WooCommerce (Product layout integration)
Responsive design
On-page performance optimization
Conversion-focused UX/UI for eCommerce
Outcome
The final result is a professional, elegant dermocosmetics eCommerce site that not only reflects the brand’s clean aesthetic but also drives user confidence and conversion. Built with Elementor, the site is scalable, easy to update, and provides a smooth shopping experience across all devices.
Created by Valentina Guerrero – WordPress Expert & UX/UI Designer for eCommerce Skincare Brands