All pages of a Shopify online store can adopt CSS Grid, but one obvious touchpoint of any e-commerce site that can benefit from a robust and clean grid layout is the collection page. In this article, Liam Griffin will be looking at how to set up a grid layout for products on your collection pages, and how to use Shopify’s section settings to create customizable options in the online store editor.
Read more…
There was a time when marketers used things like urgency, scarcity and FOMO to drive online shoppers to a sale. But scare tactics can actually hurt a brand’s relationships with customers. By their very nature, we run into similar problems with shipping and inventory alerts. That said, there are ways that web designers can keep panic and frustration from seeping into the shopper’s experience. If you want to better control your shoppers’ responses and keep them on the path to conversion, Suzanne Scacca will tell you how, in this article.
Read more…
Every website or PWA you build should automate as much prospecting and selling as possible. The only thing is that visitors enter websites with various mindsets, depending on which part of the buying stage they’re at. This means that you can’t just take every person who enters the site through the same path. You have to design a custom sales funnel (or pathway) for each kind of buyer. In this article, Suzanna Scacca will tell you what you need to keep in mind.
Read more…
You may have heard that FOMO is harmful for consumers. There’s even research that supports it. That said, what if we removed “fear” from the “fear of missing out” and put the good parts of this marketing strategy to use in web and app design? It’s possible to do and in this article, Suzanna Scacca will unpack four ways you can more delicately and ethically use (F)OMO when designing digital experiences.
Read more…
In this tutorial, Matt Zand will show you how to harness the power of HTML5 web storage by creating a shopping cart step-by-step. What you learn from this tutorial can easily be applied to other site features that may not require database storage such as user preferences, users’ favorite contents, wish list, user settings like username and password and more.
Update (27,29 Aug) Editor’s Note: We have updated the examples to address accessibility issues in the HTML.
Read more…
The 2017 holiday season proved — once again — that e-commerce has become a major part of consumers’ shopping habits. This guide will take a closer look at the role mobile websites played in sales from that time period and how to use that data to prepare your website for the 2018 holiday season. Suzanne Scacca is going to give you a quick rundown of what happened during the 2017 holiday sales season and, in particular, what role mobile played in it.
Read more…
Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. The primary goal with every form is completion. Two factors have a major impact on completion rate: Perception of complexity and Interaction cost. In this article, Nick shares some techniques that can help you design effective forms. He will help you cover many aspects related to structure, input fields, labels, action buttons and validation.
Read more…
Data tells us that there are more mobile than desktop web visits. However, mobile conversion rates are still lagging behind those on desktop. As more mobile visitors flock to your website, every step leading to conversion needs to be optimized for convenience, speed and security. If your checkout is not adeptly designed to mobile users’ specific needs and expectations, you’re going to find that those conversion rates drop or shift back to desktop. In this article, Suzanne Scacca will dig into why your mobile visitors are willing to ditch their purchases altogether.
Read more…
Offboarding is something users come into contact with every time they complete an online transaction. It is usually described as the interaction between a company and their customer at the end of the customer journey. Whether a user is permanently ending their relationship with a company, or they are just finishing a single transaction, offboarding should be acknowledged as the last impression a user has of your business. In this article, Christine Logan will show you everything about the benefits offboarding can bring to your company and how to apply it in such a way that it is a good experience for all users.
Read more…
Even when mobile pages are well designed, there’s a lot of information required when buying: Our contact information, shipping and billing addresses, shipping option and card details. If you’ve ever just given up sometimes, you’re in the majority. The abandonment rate on mobile can be as high as 84% or more! With the rise and rise of mobile browsing over recent years, this means the overall problem has been getting worse and worse. The W3C Working Group has been busy developing new standards to help make online payments much easier. In this article, Peter O’Shaughnessy provides you with the latest updates and explores the API with a basic example.
Read more…
