Shopify Mobile-First Product Page Optimization
Budget: €250 – €750 EUR
Project Title
Shopify Product Page Optimization (Empire Theme) – Mobile-First Implementation from Figma
Project Description
We are running a Shopify store using the Empire theme and want to optimize our product detail page, with a strong focus on mobile usability and conversion optimization.
We already have a complete Figma design that defines the new mobile layout 1:1. Based on this mobile design, a clean and well-adapted desktop version should also be implemented.
The task is purely technical implementation. No design work is required.
Scope of Work
• Implement the mobile product page exactly according to the Figma design (pixel-perfect)
• Create an adapted desktop version based on the same layout and components
• Work within the existing Shopify Empire theme (no theme switch)
• Ensure clean, maintainable code (Liquid, CSS, JS as needed)
• Optimize for performance and mobile UX
• Make sure everything is fully responsive and works across modern browsers
• No third-party page builders unless explicitly discussed
Requirements
• Proven experience with Shopify theme development
• Strong knowledge of Liquid, HTML, CSS, JavaScript
• Experience working with Figma designs and implementing them accurately
• Experience with the Empire theme is a strong plus
• Mobile-first mindset and attention to detail
Deliverables
• Fully implemented product detail page in our live theme
• Mobile layout matching the Figma design 1:1
• Desktop layout adapted and optimized
• Tested on common mobile devices and screen sizes
https://www.figma.com/design/oCfpR16LgFHEtTLVGp46Hy/Farbenbote-Freelancer?t=e1t37XI7uz3XOd6B-1
our current site: www.farbenbote.de
Budget
• Fixed price: 300 USD
Timeline
• Preferably completed within 5–7 days
How to Apply
Please include:
• Examples of Shopify product pages you have customized
• Brief explanation of your experience with Shopify themes and mobile optimization
• Confirmation that you can implement a Figma design accurately
• Your estimated timeline
We are looking for a reliable developer for this task and potentially future Shopify optimization projects.
Shopify Product Page Optimization (Empire Theme) – Mobile-First Implementation from Figma
Project Description
We are running a Shopify store using the Empire theme and want to optimize our product detail page, with a strong focus on mobile usability and conversion optimization.
We already have a complete Figma design that defines the new mobile layout 1:1. Based on this mobile design, a clean and well-adapted desktop version should also be implemented.
The task is purely technical implementation. No design work is required.
Scope of Work
• Implement the mobile product page exactly according to the Figma design (pixel-perfect)
• Create an adapted desktop version based on the same layout and components
• Work within the existing Shopify Empire theme (no theme switch)
• Ensure clean, maintainable code (Liquid, CSS, JS as needed)
• Optimize for performance and mobile UX
• Make sure everything is fully responsive and works across modern browsers
• No third-party page builders unless explicitly discussed
Requirements
• Proven experience with Shopify theme development
• Strong knowledge of Liquid, HTML, CSS, JavaScript
• Experience working with Figma designs and implementing them accurately
• Experience with the Empire theme is a strong plus
• Mobile-first mindset and attention to detail
Deliverables
• Fully implemented product detail page in our live theme
• Mobile layout matching the Figma design 1:1
• Desktop layout adapted and optimized
• Tested on common mobile devices and screen sizes
https://www.figma.com/design/oCfpR16LgFHEtTLVGp46Hy/Farbenbote-Freelancer?t=e1t37XI7uz3XOd6B-1
our current site: www.farbenbote.de
Budget
• Fixed price: 300 USD
Timeline
• Preferably completed within 5–7 days
How to Apply
Please include:
• Examples of Shopify product pages you have customized
• Brief explanation of your experience with Shopify themes and mobile optimization
• Confirmation that you can implement a Figma design accurately
• Your estimated timeline
We are looking for a reliable developer for this task and potentially future Shopify optimization projects.
Related categories:
JavaScript
Website Design
CSS
HTML
Shopify Templates
Shopify
Conversion Rate Optimization
Web Development
Figma
Web Design