Magento 2 checkout page is the crucial page of your Magento 2 store. It is the final stage of the checkout flow and only motivated users interested in purchasing your products will reach this step.
Many still remember the complicated 6-step Magento 1 checkout. Compared to that, checkout in Magento 2 has been significantly improved. Yet, there are some usability problems that we encountered during our analyzes, and there’s always room for improvement.
In this blog post, we’ll suggest design improvements for 5 known usability issues on the checkout page in Magento 2
The shopping cart sits near the end of the shopping flow – just a step before the actual checkout and payment process. It’s the place where totals, discounts, taxes, and shipping costs get calculated. Most importantly, it is a magical place where the final purchase decision often happens.
Besides providing an order overview, the cart page is also an ideal place to show some vital purchase information that can weigh in the purchase decision. It can also offer products for impulse shopping to increase the average cart value.
However, we often see shopping cart pages having high abandonment rates. There are many disappointments customers can face on the cart page and leave the store before completing the purchase. Here are some tips for Magento cart page design to lower those abandonment rates and push your customers to the checkout!
Product pages are the center stages of any web store. They carry significant weight in the purchase decision, and they are often the landing pages for people coming from search engines. It’s, therefore, important that product pages perform flawlessly for the customers.
Magento’s product page layout comes with several key elements, such as product name, product gallery, descriptions, pricing, CTAs, reviews, and upsells. Still, it leaves plenty of room for enhancements that can be incorporated into the product page design.
We’ll cover some of the fundamentals of Magento product page design and see how we can utilize existing elements and expand them to achieve more benefits for both your customers and your eCommerce business!
Category pages serve as a bridge between the homepage and the product pages, bringing the customers one step closer to finding the right products.
They are an essential step in a customer purchase path for customers browsing the store using the main navigation as opposed to search. They are also among the top pages customers will land on. It means that a lot of users will start their browsing and shopping process here. This makes them even more critical.
Read on to see the best practices for category page design in Magento.
Did you know that customers are more likely to land on a category or a product page of your Magento store than on the homepage? Nevertheless, the homepage remains an essential part of an eCommerce store for many customers who start their shopping process. It also acts as an anchor to refer back to throughout the shopping experience.
The homepage introduces the website, explains what it sells, and sets some expectations. It should convey brand values, inspire customers to explore, display product ranges – and accomplish that without visual clutter.
It acts as a shop window to an online store, so cramming things inside might result in a lower perceived value. You wouldn’t clutter your shop window, would you?
This article is the first from a series of articles that will address the concepts and best practices for creating Magento theme design. In this one, we’re talking about prerequisites for designing a custom Magento theme, the difference between custom and off-the-shelf themes and the decoupled approach for Magento theme design and development.
It’s been over a decade we’ve been surfing using our mobile phones. Gone are the days we browsed the internet on mobile phones in a hurry, used it to kill some time while waiting (or riding) the bus or to check the weather for the day.
Over the years, our mobile phones became fierce rivals to our desktop device, and they are slowly and surely taking over.
In 2018, mobile sales accounted for nearly 40% of all retail eCommerce in the US, and projections are, that this will surpass 50% by 2021.
Are your optimizing for conversions? How do you measure the impact of UX design and incremental changes on an eCommerce website? What are the key metrics (KPIs) you should track to effectively monitor your website’s performance?
Is there a one-size-fits-all type of a report that can give you good enough clues on just how successful are all the efforts you (or an agency you are working with) are putting in? To see the results your optimization efforts brought in?
Here is a really good solution we’re introducing in working with our clients. An eCommerce UX Scorecard – check it out!
With great pride, we can announce that our designers Marko and Zoran have earned their UX certification after a demanding and exhausting program with the leaders in user experience, Nielsen Norman Group! And we must state that they are the first designers from Croatia who can proudly wear their NN/g UX certification badge.
Want to know more about the whole training and certification program, and the key benefits it brings to our designers and our clients?
Shop4runners and Inchoo go way back together. In 2014, we started the support of the existing site for these running experts. In 2015, the support leveled up to the point where we modified the existing theme to make it more responsive alongside cleaning the project from numerous core rewrites and bad practices. Their Magento 1.6.2. store was stable, but couldn’t stay that way for too long. After years of operations without performing a major upgrade, the technical debt became too high. It needed a boost!
If you have been involved in building your eCommerce website on Magento, you’ve probably come across some frictions between designers, frontend developers and online marketing team (I’ll leave out all other possible connections for the time being). Why?
Because, more often than not, the UX/UI designers on the project are “outsiders” who may have some great work behind them, but lack eCommerce and, in particular, Magento knowledge.
Now, is that even important? Should a designer understand the platform they’re designing for? And, let’s push that even further – should your designer be Magento certified?
As a website owner, you’ve probably invested a lot of time and money in development, UI design, marketing etc. But what was the last time you asked yourself questions like: “How easy is for users to find what they are looking for? What frustrates them? How do they feel and will they come back?”
Online shopping went through a dramatic transformation in the last few years. The responsive design is adopted and it is needless to say mobile is important in 2018, so what’s the next big thing?
Whether it’s a website, an app navigation, your mobile phone menu or the menu in your car – navigation is one of the fundamental features of every digital product. By providing clear and well-structured navigation, you relieve your users of confusion. This makes it easy for them to find what they’re looking for. If users can’t find their way around your product it will frustrate them.
The only point of contact your customer has with your online store, is the designed interface. Ever wondered exactly what they think of it? Long gone are the days when the design was purely a visual discipline. It shifted into a responsibility, where designers are also to be valued for their understanding of the product being built. Design doesn’t just paint the building, it builds the stairs to an overall better usability and collaboration of everyone included. It is necessary to update our processes with thorough understanding of end users, colleagues and stakeholders to make responsible and risk-reduced design decisions. Change through user testing is what keeps the design process relevant and competitive.
The buzz these days is all about design systems, but design system by itself is not enough to ensure consistency through all designs. When working with design systems, the main challenges are ongoing maintenance and informing everyone about the changes.
For a long time, there wasn’t a thorough solution for designers who design in Sketch which would provide easy access to the latest styles and propagate changed assets to team members. Yeah, we had the ability to share symbols via plugins for a while (Craft’s Library), but there were too many problems, and sharing library is too important to rely on a third-party plugin.