Adobe XD to (Html + CSS + JS) for Shopify App

Project Name: Front-End for Shopify App

Project Background
Our team is developing an app for Shopify for our fulfillment company. Our back-end developers are in need of a front-end design for the App that will be implemented on the Cart and Checkout (Shipping) portion of the website. The project is to take a design on Adobe XD and turn it into HTML and CSS so it can be placed on the client websites.

Project Notes
- You are able to make small design changes to make the over design better.
- You are able to make design changes to make the design responsive between desktop and mobile.
- There are 2 checkout UI versions, based on the DIV container I would want the JS to inject either version 1 or 2 (See Example of another app included in the project folder)

Project Deliverables
- .HTML
- .CSS
- .JS (For Injection of CSS and HTML in Shopify)
- Responsive HTML and CSS that will work well with vast majority of the Shopify websites.
- Multiple versions if necessary for cart page, cart page mobile, checkout (shipping portion) desktop, checkout (shipping portion) - mobile.

Project Timeline
- 1 Day

Project Sample
- I have included a sample from another app that is doing something similar with a .JS file and Div Container tag on the cart page.