webstack
12 Common UX Pitfalls Grocery E-Commerce Sites Suffer From
(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.)
Key Takeaways
Our benchmark of 5 Grocery sites shows that Grocery sites have a generally poor-to-mediocre UX
In particular, Cart & Checkout performs especially poorly
The 12 common UX issues discussed in this article can be a direct cause for users abandoning Grocery sites
Shopping online for groceries has quickly grown from a niche curiosity to a regular habit for many (especially during the COVID-19 pandemic).
With that, online Grocery sites have had to design experiences that meet the needs of many new users.
While online Grocery sites may at first glance appear similar to traditional e-commerce sites, an important difference is a user’s increased frequency on Grocery sites and, subsequently, potential for long-term loyalty.
With fresh produce items needing to be ordered regularly on a weekly b..
20 Free Highly-Detailed Floral Vector Packs & Templates
Today, we have put together a collection of high-quality free floral vector packs for you. No matter what the medium of creation be, floral designs have always enjoyed a special position in the world of art.
Right from the days of cave paintings, passing through to Oriental calligraphy impressions ..
Things You Should Know Before Customizing WordPress
WordPress is known for its incredible versatility. The content management system (CMS) provides developers with many ways to customize both the front and back ends.
This opens a whole world of possibilities when it comes to form and function. The ability to create fully-custom themes and plugins of..
Images are hard.
Putting images on websites is incredibly simple, yes? Actually, yes, it is. You use and link it to a valid source in the src attribute and you’re done. Except that there are (counts fingers) 927 things you could (and some you really should) do that often go overlooked. Let’s see…
Make sure yo..
9 Must-Install Craft CMS Plugins
Craft CMS is increasing in popularity, and as it does, the previously relatively scant range of plugins is growing rapidly.
There are plugins for Craft ranging from simple field utilities to the full ecommerce solution provided by Pixel & Tonic — the makers of Craft.
An early decision that has bor..
Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines
The Scroll-Linked Animations specification is an upcoming and experimental addition to CSS. Using the @scroll-timeline at-rule and animation-timeline property this specification provides you can control the time position of regular CSS Animations by scrolling.
In this post, we take a look at some p..
8 CSS & JavaScript Code Snippets for Creating Realistic Animation
We say it all the time because it’s true: CSS and JavaScript are capable of some amazing feats. Web-based animation is a prime example.
Not long ago, animation on the web was a bit rudimentary – save for add-on technology such as Flash. The movements were basic and often trended towards cartoonish...
Popular Design News of the Week: July 12 2021 – July 18, 2021
Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories..
WordPress Admin Warnings in the Block Editor
We sent out an email the other week that ultimately had a
Of Course We Can Make a CSS-Only Clock That Tells the Current Time!
Let’s build a fully functioning and settable “analog” clock with CSS custom properties and the calc() function. Then we’ll convert it into a “digital” clock as well. All this with no JavaScript!
Here’s a quick look at the clocks we’ll make:
GitHub repo
Brushing up on the calc() function
CSS prep..