Shopify Webshop Development
Budget: €30 – €250 EUR
I am looking for a Shopify webshop for one or two products (each available in different colors). It needs to be user-friendly and easy to navigate; thus, it should have a homepage with a sticky menu, and the options in the menu should navigate to a section on the homepage. I am looking for the basic framework and will add the content myself (texts, images, videos, etc.). Additionally, I want a few plugins. Either I will install these myself after delivery, or you can add them (in consultation about which ones).
Page 1: Homepage
Section 1: Top bar above the menu
• With the option to add text (clickable) in this bar, choose the color of the bar and the font, and include arrows on the left and right to place multiple messages.
Section 2: Menu
• Sticky menu with the logo on the left, and the ability to display multiple subpages. Since I only work with a homepage and product pages, I need to link those titles to a section on the homepage or a product page.
• On the right, options to change the currency, change the website language, an icon to go to the profile login page, and a shopping bag.
Section 3: A large header
• Option to insert a photo or video (3D render) with fields for:
• Text block for the brand name
• Text block for a ‘hook’
• Text block for the slogan
• Two centered buttons
Section 4: Featured Product
• Image on the left
• Original price
• Discounted price
• Option to choose the product color (with small images)
• Option to indicate quantity
• Order button
• Small share button
• Text saying ‘click here for more information’
• Option to overlay the image with a label indicating the discount percentage or another message
Section 5: Features
• A section for a banner where I can upload a product image with icons and text about the features (full-width)
Section 6: Embedded YouTube video
Section 7: Value Propositions
• A multi-column section (3 columns) with each column containing an icon, a title underneath, and text below that.
Section 8: Before vs After Comparison
• It’s a hair product, so I want an image with a sliding bar. Slide the bar to the left to see the old result, slide it to the right to see the new result appear. I want this to be viewable for multiple people, in the form of a slider. Clicking on a dot below the first photo allows viewing another example by clicking on a second dot.
Section 9: Text
• Title + centered text
Section 10: FAQ
Section 11: Contact Form
Section 12: Email Subscribe
Section 13: Testimonials/Reviews
• To discuss (names, star rating, text)
Section 14: Footer
• Space for logo and contact information
• Space for a list of links
• Space for ‘About Us’
• Space for social media icons
Section 15: Payment Options Logos
Section 16: Bar with website name, year, and copyright
Page 2: Product Page
• Large image
• Small images under the large image that become visible when you hover over or click them
• Title
• Original price
• Discounted price
• Option to choose colors (image changes with color choice)
• Left: low in stock (or other option), right text ‘shipping information’ (then a pop-up with a table about country and shipping duration)
• Text: order before [date], receive [date]
• Button: add to cart
• Button: pay with [insert provider] and below a text about the provider like (pay in 3 installments)
• Small logos for payment options
• Collapsible row: 1st ‘description’, 2nd ‘shipping information’, 3rd ‘return’, 4th ‘user guide’, 5th ‘ingredients’
• Reviews
• Line: [name], [name], and [amount] others use [product name]
• Contact form
Page 3: Cart
• To discuss
Page 4: Text Page
• For shipping information, legal matters such as terms and conditions, and privacy policy
Page 1: Homepage
Section 1: Top bar above the menu
• With the option to add text (clickable) in this bar, choose the color of the bar and the font, and include arrows on the left and right to place multiple messages.
Section 2: Menu
• Sticky menu with the logo on the left, and the ability to display multiple subpages. Since I only work with a homepage and product pages, I need to link those titles to a section on the homepage or a product page.
• On the right, options to change the currency, change the website language, an icon to go to the profile login page, and a shopping bag.
Section 3: A large header
• Option to insert a photo or video (3D render) with fields for:
• Text block for the brand name
• Text block for a ‘hook’
• Text block for the slogan
• Two centered buttons
Section 4: Featured Product
• Image on the left
• Original price
• Discounted price
• Option to choose the product color (with small images)
• Option to indicate quantity
• Order button
• Small share button
• Text saying ‘click here for more information’
• Option to overlay the image with a label indicating the discount percentage or another message
Section 5: Features
• A section for a banner where I can upload a product image with icons and text about the features (full-width)
Section 6: Embedded YouTube video
Section 7: Value Propositions
• A multi-column section (3 columns) with each column containing an icon, a title underneath, and text below that.
Section 8: Before vs After Comparison
• It’s a hair product, so I want an image with a sliding bar. Slide the bar to the left to see the old result, slide it to the right to see the new result appear. I want this to be viewable for multiple people, in the form of a slider. Clicking on a dot below the first photo allows viewing another example by clicking on a second dot.
Section 9: Text
• Title + centered text
Section 10: FAQ
Section 11: Contact Form
Section 12: Email Subscribe
Section 13: Testimonials/Reviews
• To discuss (names, star rating, text)
Section 14: Footer
• Space for logo and contact information
• Space for a list of links
• Space for ‘About Us’
• Space for social media icons
Section 15: Payment Options Logos
Section 16: Bar with website name, year, and copyright
Page 2: Product Page
• Large image
• Small images under the large image that become visible when you hover over or click them
• Title
• Original price
• Discounted price
• Option to choose colors (image changes with color choice)
• Left: low in stock (or other option), right text ‘shipping information’ (then a pop-up with a table about country and shipping duration)
• Text: order before [date], receive [date]
• Button: add to cart
• Button: pay with [insert provider] and below a text about the provider like (pay in 3 installments)
• Small logos for payment options
• Collapsible row: 1st ‘description’, 2nd ‘shipping information’, 3rd ‘return’, 4th ‘user guide’, 5th ‘ingredients’
• Reviews
• Line: [name], [name], and [amount] others use [product name]
• Contact form
Page 3: Cart
• To discuss
Page 4: Text Page
• For shipping information, legal matters such as terms and conditions, and privacy policy