{"id":8018,"date":"2018-02-22T12:09:36","date_gmt":"2018-02-22T12:09:36","guid":{"rendered":"http:\/\/www.verveuk.eu\/?post_type=post&#038;p=8018"},"modified":"2021-02-11T16:42:24","modified_gmt":"2021-02-11T16:42:24","slug":"increase-sales-onestepcheckout-redesign-magento-1","status":"publish","type":"post","link":"https:\/\/verve-design.co.uk\/increase-sales-onestepcheckout-redesign-magento-1\/","title":{"rendered":"Increase Sales With Magento  1"},"content":{"rendered":"<p><strong>Increase Sales With A OneStepCheckout Redesign for Magento 1<\/strong><\/p>\n<p>When our client, Simply Baby, approached us with a task to help reduce the number of customers leaving their website without placing an order, we knew that in order to enhance conversions, an improvement to their user journey would be key.<\/p>\n<p>By default, the user experience when making a purchase through a Magento website is very efficient, but like all processes, it can be optimised to further enhance user experience.<\/p>\n<p>&nbsp;<\/p>\n<p>The checkout page of an e-commerce website generally contains multiple steps that a customer must fill in-order to process their order. As standard they must complete fields for the following (although not all are mandatory);<\/p>\n<p>First Name<br \/>\nLast Name<br \/>\nEmail Address<br \/>\nTelephone<br \/>\nAddress<br \/>\nCountry<br \/>\nCity<br \/>\nPostcode\/Zip<br \/>\nCounty<br \/>\nCompany<br \/>\nFax<\/p>\n<p>&nbsp;<\/p>\n<p>Before completing the following two steps which are;<\/p>\n<p>Shipping Method<br \/>\nPayment Method<\/p>\n<p>&nbsp;<\/p>\n<p>Once they have selected their payment method the user will be redirected to the payment gateway page where they can enter their card details before clicking a proceed button which will process the payment and redirect the user back to the website.<\/p>\n<p>The default Magento Checkout page looks like this;<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"img-responsive aligncenter wp-image-8026 size-full\" src=\"https:\/\/verve-design.co.uk\/wp-content\/uploads\/2018\/02\/magento-checkout.jpg\" alt=\"\" width=\"964\" \/><\/p>\n<p>As you can see, although sufficient, there is room to improve the design and layout of this page to enhance the efficiency of the checkout process.<\/p>\n<p>We identified a number of areas for improvement and set to work on a new design for this page.<\/p>\n<p>The areas we identified for improvement and design implementations we made were as follows.<\/p>\n<ul>\n<li>Style into a one column layout to provide a more efficient flow to the user journey.<\/li>\n<li>Remove unnecessary fields such as fax.<\/li>\n<li>Remove and simplify all the steps through the checkout.<\/li>\n<li>Keep the user on the page by seamlessly integrating the Braintree payment method to give the confidence of on-site card capture fields &#8211; but they are actually held on Braintree&#8217;s servers which increases buyers confidence and is PCI compliant.<\/li>\n<li>Make the existing user log in call to action button more prominent.<\/li>\n<li>Reduce unnecessary distractions such as menu items in the page header.<\/li>\n<\/ul>\n<p>The new checkout page, which is now live, appears as follows. I am sure you will agree that the overall design is much more user-friendly and provides the user with a more enjoyable, obstacle-free, checkout experience.<\/p>\n<p>&nbsp;<\/p>\n<p>If you would like to discuss a new checkout design such as this, in order to improve checkout user experience, reduce checkout abandonment and increase website sales please contact Verve on <strong>01743 360000<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"img-responsive aligncenter wp-image-8025 size-full\" src=\"https:\/\/verve-design.co.uk\/wp-content\/uploads\/2018\/02\/Checkout-integrated.jpg\" alt=\"\" width=\"1896\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Increase Sales With A OneStepCheckout Redesign for Magento 1 When our client, Simply Baby, approached us with a task to help reduce the number of customers leaving their website without placing an order, we knew that in order to enhance conversions, an improvement to their user journey would be key. By default, the user experience [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8028,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7],"tags":[],"acf":[],"fimg_url":"https:\/\/verve-design.co.uk\/wp-content\/uploads\/2018\/02\/onestepcheckoutbyverve-1-e1606408961406.jpg","_links":{"self":[{"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/posts\/8018"}],"collection":[{"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/comments?post=8018"}],"version-history":[{"count":5,"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/posts\/8018\/revisions"}],"predecessor-version":[{"id":11704,"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/posts\/8018\/revisions\/11704"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/media\/8028"}],"wp:attachment":[{"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/media?parent=8018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/categories?post=8018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/verve-design.co.uk\/wp-json\/wp\/v2\/tags?post=8018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}