Customize storefront UI of a Magento 2 website

Job ID: 33446575

Budget: $30 – $250 USD

Hi there.

I'm looking for a Magento 2 developer who can customize my new website (Magento 2.4.3) to look and interact exactly like another site of mine (I'll give you the link) as soon as possible. The layout of the reference site is pretty much like https://fentybeauty.com/ with a lot fewer menus, products, and images.

1. About the developing site

The developing site has already been set up and running. I would like you to customize its storefront to look and interact like the referenced site. Also, each URL path should be the same (as much as possible).

There are only 2 product categories, 3 configurable products, and 3 simple products which I have created already. You can copy/download all the images and videos (banners) from the reference site and use them on the developing site.

The theme is the default Luma theme. You might want to create a new one.

I will provide you a Magento admin user credentials and SSH user credentials. For server access, I can only give you the non-root SSH user credentials, no CPanel or the like.

---

2. About the referenced site

The reference site is a custom PHP website and I don't have access to its source code. But we don't need that anyway, right? I'll give you the link to the site so you can inspect its HTML and CSS in your preferred browser and its interactions as well. No admin or back-end access, though.

---

3. A brief of the design of the referenced site

Since I'm not going to give you the link to the referenced site on this post. Here is a brief of its design so that you can estimate the cost more accurately (just a brief, please use the referenced site as a reference).

3.1. There are only 2 main pages:

a) The homepage. It basically is a landing page for a specific product. From top to bottom, it contains just a video, a heading, an interactive product info (text changes based on the selected image) section, a text beside an image, and a carousel of images.

b) The category page (product listing page) of a specific category. From top to bottom, it contains just a video, a carousel of only 5 products (each item is linked to its product page), a banner, a text beside an image, and a carousel of images.

The footer of each page contains just a newsletter subscription form, social media links, and some navigation links to other products and pages (Shipping & Return, Refund Policy, etc.).

3.2. Other pages
3.2.1. Product detail page
- Product info (name, description, price, add-to-cart button, etc.) on the left and the image on the right.
- Three collapsible product info tabs: Key Features, How to Use, and What Else To Know.
- An embedded YouTube video
- A custom review form. You can skip this for now.
- A carousel of images

3.2.3. The policies pages
- Shipping & Returns
- Refund Policy
- Privacy Policy
- Terms of Service

Those pages above use the same layout. A group of policy navigation tabs on the left and policy details on the right. That's it.

---

4. About me

I'm willing to collaborate with and/or assist you with everything you need in order to finish the job. Feel free to ask me anything related to the project :)
Related categories: PHP JavaScript CSS Magento HTML