Shopify UI/UX Designer + Frontend Developer (High-End Animations & Motion)
Budget: ₹12,500 – ₹37,500 INR
We are looking for a highly creative Shopify UI/UX Designer with strong frontend development skills who can transform our already-built Shopify website into a modern, high-tech, premium-looking storefront with rich animations and motion-driven interactions.
All content (text, structure, products) is already available.
Your role is not content or product setup — it is about visual excellence, motion, and experience.
We want someone who doesn’t just design static pages, but can build smooth, high-quality animations and interactive experiences directly into Shopify.
If you love creating Apple-like motion, SaaS-style transitions, and premium micro-interactions, this role is for you.
What You’ll Do
Redesign and elevate the UI/UX of an existing Shopify website
Build and implement advanced animations (scroll-based, hover, reveal, parallax, micro-interactions)
Create motion-driven sections that feel smooth, modern, and high-end
Improve layout, spacing, typography, and visual hierarchy
Ensure animations are lightweight, smooth, and performance-optimized
Maintain pixel-perfect responsiveness across desktop, tablet, and mobile
Work strictly within existing content and structure (no content creation required)
Must-Have Skills (Non-Negotiable)
Strong experience customizing Shopify themes at code level
Proven ability to build animation-heavy websites (not just design them)
Excellent UI/UX sensibility with a strong eye for motion and detail
Hands-on experience with:
JavaScript-based animations
Scroll-triggered interactions
Micro-interactions & transitions
Proficiency in Liquid, HTML, CSS, JavaScript
Ability to enhance an existing live site without breaking functionality or performance
Deep understanding of modern, premium, minimal design systems
Nice to Have (Big Plus)
Experience building high-end, tech-style or SaaS-like websites
Familiarity with Apple-inspired motion and UI polish
Experience with animation libraries or custom animation logic
Knowledge of animation performance optimization
Experience working with brand-led or industrial eCommerce websites
Project Type
Freelance / Project-based
Strong potential for long-term collaboration if quality and execution are exceptional
Company Info
Current website: https://www.tottal.net
This is our existing Shopify site that needs a visual, motion, and experience upgrade only.
Visual & UX Inspiration (Style Reference Only)
We’re inspired by the design quality, clarity, motion, and structure seen in:
Chemours – Homepage & product finder
https://www.chemours.com/en
Sumitomo Chemical – Product filtering
https://www.sumitomo-chemical.eu/finder-
Huntsman – Product listing structure
https://products.huntsman.com/products?category=markets-industrial
INEOS – Header & footer design
https://www.ineos.com/
Parchem – Product tables
https://parchem.com/product-specialty-chemicals-catalog/resin-coating-chemicals-supplier-distributor
Noah Chemicals – Hero section
https://www.noahchemicals.com/
Lotte Chemical – Data-heavy product tables
https://product.lottechem.com/en/basic_materials/datasheets.do
ExxonMobil – Hero & brand presence
https://corporate.exxonmobil.com/
LG Chem – Visual hierarchy
https://www.lgchem.com/main/index
Chevron Phillips Chemical – Product finder
https://www.cpchem.com/
Advancion Sciences – Individual product pages
https://www.advancionsciences.com/products/amp-ultra-pc/
Producers Chemical – Homepage clarity
https://producerschemical.com/
Ikta Aromatics – Subtle UI details
https://www.iktaaromatics.com/index.php
These are experience and quality references, not templates.
How to Apply
Please share:
Live Shopify websites with animations you personally built
Examples of motion-heavy / modern UI work
Your approach to building animations inside Shopify
Estimated timeline & cost
All content (text, structure, products) is already available.
Your role is not content or product setup — it is about visual excellence, motion, and experience.
We want someone who doesn’t just design static pages, but can build smooth, high-quality animations and interactive experiences directly into Shopify.
If you love creating Apple-like motion, SaaS-style transitions, and premium micro-interactions, this role is for you.
What You’ll Do
Redesign and elevate the UI/UX of an existing Shopify website
Build and implement advanced animations (scroll-based, hover, reveal, parallax, micro-interactions)
Create motion-driven sections that feel smooth, modern, and high-end
Improve layout, spacing, typography, and visual hierarchy
Ensure animations are lightweight, smooth, and performance-optimized
Maintain pixel-perfect responsiveness across desktop, tablet, and mobile
Work strictly within existing content and structure (no content creation required)
Must-Have Skills (Non-Negotiable)
Strong experience customizing Shopify themes at code level
Proven ability to build animation-heavy websites (not just design them)
Excellent UI/UX sensibility with a strong eye for motion and detail
Hands-on experience with:
JavaScript-based animations
Scroll-triggered interactions
Micro-interactions & transitions
Proficiency in Liquid, HTML, CSS, JavaScript
Ability to enhance an existing live site without breaking functionality or performance
Deep understanding of modern, premium, minimal design systems
Nice to Have (Big Plus)
Experience building high-end, tech-style or SaaS-like websites
Familiarity with Apple-inspired motion and UI polish
Experience with animation libraries or custom animation logic
Knowledge of animation performance optimization
Experience working with brand-led or industrial eCommerce websites
Project Type
Freelance / Project-based
Strong potential for long-term collaboration if quality and execution are exceptional
Company Info
Current website: https://www.tottal.net
This is our existing Shopify site that needs a visual, motion, and experience upgrade only.
Visual & UX Inspiration (Style Reference Only)
We’re inspired by the design quality, clarity, motion, and structure seen in:
Chemours – Homepage & product finder
https://www.chemours.com/en
Sumitomo Chemical – Product filtering
https://www.sumitomo-chemical.eu/finder-
Huntsman – Product listing structure
https://products.huntsman.com/products?category=markets-industrial
INEOS – Header & footer design
https://www.ineos.com/
Parchem – Product tables
https://parchem.com/product-specialty-chemicals-catalog/resin-coating-chemicals-supplier-distributor
Noah Chemicals – Hero section
https://www.noahchemicals.com/
Lotte Chemical – Data-heavy product tables
https://product.lottechem.com/en/basic_materials/datasheets.do
ExxonMobil – Hero & brand presence
https://corporate.exxonmobil.com/
LG Chem – Visual hierarchy
https://www.lgchem.com/main/index
Chevron Phillips Chemical – Product finder
https://www.cpchem.com/
Advancion Sciences – Individual product pages
https://www.advancionsciences.com/products/amp-ultra-pc/
Producers Chemical – Homepage clarity
https://producerschemical.com/
Ikta Aromatics – Subtle UI details
https://www.iktaaromatics.com/index.php
These are experience and quality references, not templates.
How to Apply
Please share:
Live Shopify websites with animations you personally built
Examples of motion-heavy / modern UI work
Your approach to building animations inside Shopify
Estimated timeline & cost
Related categories:
JavaScript
Website Design
Graphic Design
CSS
Animation
HTML
Shopify Templates
Shopify