Mr.Snack

At Mr.Snack they offer an extensive selection of meat snacks, so we’ve organized the “Shop” section into three distinct catalogs: “Meat Snacks,” “Sets,” and “More delicious.” Within each catalog, you can easily filter products by various criteria such as price, popularity, meat type, snack flavour, and weight. Additionally, we’ve added labels like “Bestseller,” “Gift,” “Exclusive,” and spiciness with the number of pepper icons indicating spiciness levels. This helps our users make informed choices and ensures a seamless and enjoyable shopping experience.

If a user visits the drinks catalog, we care about their age. A pop-up confirmation will ensure a user is of legal age to view this selection.

Mr.Snack are specialist when it comes to crafting delicious gifts, and that’s why they offer a personalized experience for every customer. Now, a customer needs to imagine their perfect snack collection, and our custom set builder will bring it to life!

The set builder is a handy tool that empowers customers to design their very own snack set. Here’s how it works:

Step 1: Select the number of items you want in your box. 

Step 2: Pick your favourite snack items to add to the set. 

Step 3: Simply drop your unique set into the cart. 

We designed a simple and clean product card with vibrant yellow brand colours as the accents. The card provides details about the product’s ingredients, energy value, delivery options, and payment methods. We also realised a “Buy with this product” slider to encourage customers to add more items to their cart, thus boosting the average order value.

• Built an online store using CMS OpenCart.
• Designed a user-friendly and visually appealing online store for a meat snack brand.
• Created a custom tool for personalized orders, known as the set builder.
• Integrated CRM, online payment systems, delivery services, and email marketing tools.
• Implemented eCommerce capabilities for the client.
• Ensured the website is fully responsive with an adaptive layout.
• Optimized the site for improved speed and performance.

The shopping cart is neatly tucked into a side menu, eliminating the need to switch to a separate page. This “sneak peek” into user’s purchases is now the most user-friendly option. Additionally, in the site header, there’s a special feature for those looking to make more paying purchases: a fixed sliding bar that prominently highlights the offer of free delivery for orders over UAH 1,500.

Upon clicking the “Place an order” button within the side menu, the user is directed straight to a simplified checkout page. This page is organized into distinct sections with fields for order details. Customers also have the option to establish a personal account, save their information and access their order history. Plus, if a customer registers on the site, they receive an exclusive 10% discount on the first order. We’ve discreetly included this offer in a pop-up window that won’t interrupt the shopping experience.

Every single page on the Mr.Snack online store is responsive and designed to work seamlessly on both mobile devices and desktop computers. The goal of responsive design is tailoring the site to various screen sizes, pixel resolutions, and usage scenarios, enhancing the user experience (UX).