Food & café franchise · Australia · Private client

Adobe XD mockup to a mobile-responsive Shopify landing page with a podcast feed

Role: Shopify developer · Completed Oct 2024

Landing pageDesign to Shopify

In short

  • Turned an Adobe XD mockup into a mobile-responsive Shopify Liquid landing page for a food campaign and added a podcast list from a third-party app.
  • Client: Food & café franchise (private client).
  • Client location: Australia
  • What I built: Built the landing page in Shopify Liquid from the Adobe XD mockup.
  • Main tech: Shopify Liquid, CSS, JavaScript, Adobe XD.
The brief

What the store needed

  • A campaign landing page designed in Adobe XD.
  • The page had to work well on phones, tablets and desktops.
  • Visitors should be able to browse the brand's podcast episodes on the page.
The work

What I did

  1. Built the landing page in Shopify Liquid from the Adobe XD mockup.
  2. Made every section mobile-responsive.
  3. Integrated a third-party Spotify app so visitors can view the podcast list on the site.

Want more details about this project?

Client details are private, but I'm happy to walk you through how I built this and how a similar solution could work for your store. Message me on Upwork to arrange a free 30-minute call and mention this project.

Free 30-Minute Call

Project reference: Adobe XD mockup to a mobile-responsive Shopify landing page with a podcast feed

Tech & keywords

Tech & keywords

Shopify LiquidCSSJavaScriptAdobe XDSpotify embed
Client review

Client review

5.0Dec 2023

Upwork project: Ongoing Shopify Developer

Philip has been absolutely vital to our business, his dedication to excellent code and great communication is so easy to work with. We've been lucky enough to have him at a cheap rate, and will pay his new rate without question :)

Committed to QualityClear CommunicatorCollaborative
Verified client review on Upwork
See this review on the reviews page →
Let's get started

Need something similar?

Message me on Upwork to arrange a free 30-minute call. Tell me what you want to build or fix, and I'll reply with a timeline and estimate.

  1. 1 Your store URL, or just your product if you're starting fresh
  2. 2 Your budget
  3. 3 What's not working, or what you want to build

Privacy

This site uses Google Analytics to understand how visitors use the page, such as which sections are viewed and which links are clicked. Google Analytics uses cookies and collects data like your approximate location, device and browser. I don't run ads on this site, I don't sell your data, and I don't collect your name or email here.

You'll be asked for your choice when you first visit. If you close the banner without choosing, analytics cookies stay off and you'll be asked again in 30 days. Your choice is saved in a small cookie for 6 months.

Learn how Google uses this data: policies.google.com/technologies/partner-sites

Philip DiazAvailable for new projects 4.9·Top Rated on Upwork Free 30-Minute CallFree 30-Min Call

Cookie settings

Strictly necessary

Remembers your cookie choice. Always on.

Analytics

Google Analytics, to see which sections are viewed and which links are clicked.