Shopify Expert Needed – Recreate High-Converting Supplement Landing Page (Complete Done-for-You Project)

Shopify Expert Needed – Recreate High-Converting Supplement Landing Page (FULL Done-for-You Project)

Job Type: Project-Based / Freelance
Experience Level: Expert
Budget: Fixed Price – Please Submit Your Quote
Start Date: Immediately
Platform: Shopify

PROJECT OVERVIEW

We are looking for a highly skilled Shopify developer and ecommerce designer to recreate a professional, high-converting supplement landing page for our own branded product.

REFERENCE WEBSITE

----------

OUR PRODUCT

JG Nutrition – Maximum Absorption Magnesium Bisglycinate Liquid Drops (Raspberry Flavor), 2 oz bottle.

We will provide our product bottle images, branding, and access to our existing Shopify store.

Our goal is to recreate the reference website's overall design, layout, structure, visual effects, animations, and conversion-focused functionality while replacing all branding, text, images, and videos with original content for our product.

We want the finished landing page to look and perform as professionally as the reference website.

THIS IS A COMPLETE DONE-FOR-YOU PROJECT.

We are NOT looking for someone who only designs a mockup, creates a template, or builds a few sections.

We need someone who can manage the entire project, from initial design and content creation through Shopify development, testing, and final launch.

The finished product must be fully functional and ready to accept customer orders.

---

SCOPE OF WORK

1. Recreate the Complete Reference Landing Page

Carefully analyze the reference website from top to bottom.

Recreate all major sections, including:

• Product hero section with image gallery
• Product selection and pricing options
• Add to Cart and Buy Now functionality
• Customer review and social proof sections
• Product benefit sections
• Lifestyle image sections
• Scientific and ingredient information sections
• Comparison charts and infographics
• Animated illustrations and effects
• Video testimonial galleries
• Customer experience and timeline sections
• Product comparison tables
• Frequently asked questions
• Sticky Add to Cart buttons
• Guarantee and risk-reversal sections
• Footer and supporting content

The reference website should be used as the design and functionality benchmark.

However, all text, branding, imagery, and creative assets must be customized for our JG Nutrition magnesium liquid drops.

We expect an original branded implementation, not copied source code or copyrighted creative assets.

2. Create ALL Product Graphics and Images

We will supply high-resolution images of our supplement bottle.

You will be responsible for creating the remaining graphics and images needed for the landing page.

These include:

• Professional product mockups
• Lifestyle photography featuring women ages 40–60
• Ingredient graphics and illustrations
• Magnesium benefit infographics
• Liquid supplement delivery illustrations
• Product comparison graphics
• Scientific-style visuals
• Icons and illustrations
• Product banners and backgrounds
• Before-and-after-style educational diagrams, where appropriate
• Mobile-optimized graphics

You should be experienced with Photoshop, Figma, Canva, AI image generation, or similar professional creative tools.

All graphics must look polished, consistent, and appropriate for a premium supplement brand.

Generic, low-quality stock graphics are not acceptable.

3. Recreate Animations and Visual Effects

One of the most important aspects of this project is recreating the animated elements of the reference website.

We specifically want:

Animated Body Absorption Illustration

An illustration of a female human body where a bright green visual effect progressively fills the body from the feet upward to the head, representing the liquid supplement delivery concept.

Additional animations may include:

• Animated percentage and progress bars
• Scroll-triggered visual effects
• Animated product benefit illustrations
• Interactive comparison sections
• Smooth transitions between sections
• Animated statistics or other graphics

All animations must display correctly on desktop and mobile devices.

They should be optimized for fast loading and smooth performance.

We are open to custom CSS, JavaScript, SVG, Lottie, video-based animation, or other appropriate technologies.

4. Create and Integrate Videos

The reference website uses video content throughout the landing page.

We want a similar professional presentation for our brand.

Responsibilities include:

• Creating or editing short product demonstration videos
• Producing lifestyle videos using appropriate stock or AI-generated footage
• Creating video thumbnails
• Integrating customer testimonial videos that we provide
• Building mobile-friendly video galleries
• Ensuring videos load efficiently without slowing down the page

Any AI-generated models or demonstrations must be presented appropriately and must not impersonate actual customer testimonials.

We want a visually engaging page with professional video content throughout.

5. Rewrite and Customize All Website Copy

The reference website sells magnesium gummies.

Our product is magnesium bisglycinate liquid drops.

All website copy must be rewritten to accurately reflect our product.

This includes:

• Main headlines
• Subheadlines
• Product benefit explanations
• Liquid delivery system messaging
• Ingredient descriptions
• Product comparisons
• Scientific information
• Calls to action
• FAQs
• Promotional messaging
• Guarantee descriptions

Copy should be persuasive, easy to understand, and focused on converting visitors into customers.

We will provide confirmed product specifications and available supporting research.

All health, ingredient, absorption, and performance claims must be supportable and appropriate for supplement marketing. Do not invent research findings, customer testimonials, clinical endorsements, or unsupported statistics.

6. Complete Shopify Development

The entire landing page must be built inside our existing Shopify store.

We are NOT requiring any particular page builder or development tool.

You should determine the best way to recreate the reference website using Shopify-compatible technology.

You may use:

• Shopify Liquid
• Custom HTML/CSS/JavaScript
• Custom Shopify theme sections
• Shopify-compatible landing page builders
• Other appropriate Shopify development solutions

The final implementation must be reliable, editable, and maintainable.

You are responsible for:

• Complete page development
• Product integration
• Pricing and product variants
• Add to Cart functionality
• Functional checkout
• Payment gateway verification
• Shipping setup verification
• Mobile responsiveness
• SEO fundamentals
• Meta Pixel integration and event testing
• Fast page loading
• Browser compatibility
• Final testing and troubleshooting

We want the page fully connected to Shopify and ready for real customer purchases.

7. Mobile Optimization Is Extremely Important

A significant portion of our traffic will come from Facebook and Instagram advertisements.

Most visitors will arrive using mobile phones.

Therefore, the mobile experience must be exceptional.

Requirements include:

• Professional mobile layouts
• Properly sized graphics and text
• Fast loading times
• Smooth mobile animations
• Easy product selection
• Prominent purchase buttons
• Functional sticky Add to Cart
• Optimized video playback
• No broken elements or horizontal scrolling

The mobile version should be just as polished and conversion-focused as the desktop version.

---

FINAL DELIVERABLES

At project completion, we expect:

1. A fully built Shopify landing page featuring all agreed reference sections.
2. All branded product graphics and lifestyle images completed.
3. All approved animations functioning correctly.
4. All agreed videos created or integrated.
5. Original product-specific copy across the page.
6. Fully working Add to Cart, product selection, and checkout.
7. Desktop and mobile versions optimized and tested.
8. Meta Pixel and conversion events configured and verified.
9. All source files, editable graphics, and assets provided.
10. All bugs and issues corrected before final acceptance.
11. A completed, published Shopify page ready for paid advertising and customer orders.

We will provide feedback and approve designs, but the freelancer is expected to handle all actual implementation work.

We should not have to build sections, create graphics, write code, or troubleshoot technical problems ourselves.

REQUIRED SKILLS

You must have strong experience with:

• Shopify ecommerce development
• Custom landing page creation
• HTML, CSS, JavaScript, and Shopify Liquid
• High-converting ecommerce product pages
• Conversion rate optimization (CRO)
• Responsive and mobile-first design
• Professional graphic design
• AI image generation and image editing
• Video editing and integration
• CSS, SVG, Lottie, or JavaScript animations
• Shopify checkout and payment integration
• Ecommerce performance optimization

Previous experience with supplement, beauty, wellness, or direct-to-consumer brands is highly preferred.

HOW TO APPLY

Please review the reference website carefully BEFORE applying.

Reference Website

----------

Then answer these questions:

1. Portfolio: Can you provide 2–3 LIVE Shopify landing pages you personally built that are similar in quality and complexity to our reference website?

2. Complete Project: Can you handle the entire project yourself, including Shopify development, graphic design, animations, video content, and page optimization?

3. Development Approach: After reviewing our reference website, how would you recreate it inside Shopify? Which technologies or tools would you use?

4. Animations: Can you recreate the body-filling absorption animation and the other effects on the reference website?

5. Graphics: Can you create profes