Website setup on Khoroshop

It is necessary to bring the appearance and functionality of the website in accordance with the design mockup, which is developed based on the Shopify template.  
Mandatory confident knowledge of CSS 

1. Visual Design:

• Configure blocks and banners on the homepage according to the design (desktop and mobile versions).

• Apply the specified styling, colors, icons, buttons, and fonts from the design (using standard Shopify platform capabilities or customization within the platform's possibilities via CSS editor).

• Alignment and spacing, font sizes, element sizes — according to the design.
  
  

2. Main Page:

• Placement of blocks (banners, categories, popular products, advantages, reviews, etc.) — according to the mockup.

• Configure the relevant widgets/modules (for example, "Popular", "New Arrivals").

3. Product Card:

• Placement and styling of elements (product photo, name, price, buy button, description, specifications, product blocks) — according to the mockup and chosen style.

• Additional elements (if provided) — for example, "Hit", "Sale", "New", color/size options, etc.

4. Creating Pages:

• Create and design the following pages (the list may be clarified):

  • About Us

  • Delivery and Payment

  • Service Center (text page with information)

  • Contacts

  • Promotions (Special Offers)

• Structure and content — text and design are provided or formed within the template.

5. Filter Settings:

• Enable and configure filters by product categories: brand, price, color, size, other characteristics.

• Check the operation of filtering and correct display of results.

Additional requirements:

• Responsiveness: ensure correct display on mobile devices and tablets.

• Speed: avoid unnecessary scripts, images — in the appropriate format.

• Coordination: all steps are performed sequentially, with approval at each stage (banners, main page, product card, etc.).

What is provided to the contractor:

• Design mockup (in Figma format)

• Texts for pages (or basis for filling)

• Access to the Shopify admin panel

• An example of a similar site (if needed — for reference)

• Link to the selected template used for the design - design304 .horoshop .ua (spaces before dots are intentional)