HOMEPAGE

Design and Color Palette

The homepage is designed in bright, rich pink-purple shades that harmonize with the brand’s aesthetic. The use of gradients and pink hues creates a sense of softness, magic, and style, emphasizing the product’s femininity and elegance.

Styling Elements (CSS)

  • The search field uses CSS styling that blends smoothly into the site’s overall design. It features a semi-transparent background and rounded corners for a modern look.
     

  • Product categories (“Baby Moon”, “Moon FULL”, “Amazing”) are styled as buttons with rounded edges. This adds softness to the design and ensures a smooth user experience.
     

Functionality

  1. Clear navigation — the main menu is clearly visible, and categories are placed at the top of the page, simplifying access to products.
     

  2. The “Go to catalog” button is highlighted in white, standing out against the bright background and drawing users’ attention.
     

  3. Contact information (phone, social media) is located in the top-right corner, providing quick access to communication with the company.

 

PRODUCT CATALOG

Catalog Convenience and Functionality

  1. Clear categorization

    • The catalog presents a clear division of products, helping users quickly find what they need.

    • Filters or sorting (where available) further improve navigation.

  2. Visual design

    • Product images are high-quality, allowing users to examine items in detail.

    • The catalog page styling matches the overall site style — a gentle color palette and minimalist design create a pleasant user experience.

  3. Product information

  • Mini product card — a quick-view option without navigating to a separate page — is an additional plus for the user experience.

4. Add-to-cart button

  • The conveniently placed “Add to cart” button enables a fast purchase.

 

PRODUCT PAGE


 

Ease of Use

  • An interactive interface lets users quickly change product parameters without switching to separate pages.

  • Clear visual representation of options helps avoid selection errors.

  • Automatic price changes (if available) based on the selected size or color make the purchase process even more transparent.

 

MOBILE VERSION