Custom Landing Pages, New Sections, and On-Demand Tailored Adjustments

For this store, I did the following:

- Integrations with Shopify.
- Custom sections and pages, and a design built entirely from scratch as requested by the client.
- Final design and functionality tweaks to the template.
- Customizations that the client can edit themselves in the Dashboard.

I used:

- Liquid and Ruby code for logic changes.
- JSON for the schema.
- Some CSS and JavaScript libraries.
- HTML.

Video Pop-up

This store wanted a pop-up where clicking on an image (call to action) would open a video. I achieved this using Liquid code to condition the display based on whether a single product or multiple products were selected. JavaScript, HTML, and CSS were used to make it work.

Landing Page

This landing page was built from a Figma file; each of its sections was created from scratch according to the client’s design. It also features a call-to-action button that, when clicked, opens a modal that cannot be closed and allows the customer to add one more product or another product. It then redirects the customer directly to the checkout page. I built everything using a JavaScript library, Liquid, HTML, and CSS.