make custom checkoutopage for wordpresS

Hello, i want a custom checkout page for wordpress. i want similar page as: [login to view URL] please check that site. (so i want the popup screen that appear after adding product to the cart. i also want customers to be able to register by using facebook / google / email and after registered i want to use same proces as the [login to view URL] i have added some images from coolblue so u can understand whats needed to be done. you can try to look from website ur self to see the process. excisting website is placed on my hosting account: [login to view URL] for your understanding, im using woocommerce