Snef - Why Clear Information Organization Matters

Alright, today I want to share my exploration using Snef as a case study.

While doing some research, I came across an interesting e-commerce platform with the tagline: "Unlock eCommerce’s future with our AI, turning creativity into profit." Hmm… AI-powered e-commerce? That sounds pretty cool and got me curious, so I decided to dive in and explore more.

Creatore Dashboard

Ok, after i am find store and see the product that they sell (in this img) this kind similar to other ecommerce detail store page, but why they make a button ask me more like important instead others?, do when i click it then i will be able to ask to the creator? fortunatly it’s doesn’t do anything 😭, ok my be they still on progress development, also why the spaceing beetween title category and product is so close? the color price also kin of hard to see, hmm… 🤔

okay so what if i am do this

First

When a user clicks the "Ask Me" button, it opens a chat with the creator. This helps increase user engagement and time spent on the platform. To encourage users to start a conversation, I decided to incorporate social proof—showcasing positive interactions to build trust and make users feel more comfortable reaching out.

Second

While the content is well-organized, its composition isn’t optimal, which could lead to user frustration. To improve this, I updated the content structure by grouping products into categories and using Chips as filters. This allows users to browse more easily. When updating the CMS, creators can assign labels to Chips (using suggested terms) and add descriptions or summaries to help users better understand each product category.

Lastly, I refined the product cards and buttons, improving visual hierarchy and contrast to make the interface more intuitive and user-friendly.

Product Detail

Hmm… the first thing I noticed on the product detail page is—why is the image slider so tiny? 😕 To see other images, I have to click on each of those tiny thumbnails, which isn’t very intuitive. Also, why is the product description hidden by default?

For me, checking the product description is an important step before deciding to buy. Maybe I’m just used to platforms like Tokopedia, where they make the description more visible at certain points. And when buying cosmetics or skincare, I need to check the ingredients first because I have sensitive skin. Hiding that info by default just adds an unnecessary step.

Another thing—why does the store name tag use the same color as the CTA button when it doesn’t even have an action? That can be confusing for users.

And lastly, the product recommendation section—"You may like"—feels a bit off. The suggestions don’t seem to relate to the product category I was browsing. I get that they’re keeping the product card design consistent (which is great for UI consistency), but the recommendations themselves could be more relevant.

okay so what if i am do this..

First - Reducing Complexity

When users land on the product detail page, they’re presented with a lot of information. To make it easier to digest, I reorganized the content based on what’s most important for a purchase decision and added more negative space to reduce visual clutter.

I also refined the buying process by removing the “Buy Now” button and merging it into the same flow as “Add to Cart.” Since users can see their cart in the right section after adding a product, this change simplifies the journey and optimizes the information architecture for a smoother shopping experience.

Second - Improving Image Slider Behavior

Previously, if a product had many images, the preview would automatically resize to fit, which could make the layout feel inconsistent. To fix this, I adjusted it to maintain a specific size and wrap overflow images, ensuring a cleaner and more structured look.

Third - Enhancing Product Suggestions

Instead of showing random suggested products based on user preferences, I decided to display items from the same category or similar product. This helps users discover and purchase complementary products rather than just similar ones, making the shopping experience more goal-oriented and efficient.

Fourth - Increasing User Engagement

Instead of displaying a disabled button when a product or variant is unavailable, we can optimize user engagement by allowing users to sign up for a notification when the item is back in stock. This keeps users interested and increases the chances of them returning to complete their purchase.

Checkout Page

For the checkout page, I decided to keep users focused only on the payment and shipping process by removing the option to change product quantity. Instead, the purchase details are displayed on the right side of the page (fixed at the top for desktop resolution), ensuring users always have a clear summary of their order without distractions.

So yeah, that’s all from me! I know there’s still room for improvement, and we can definitely make it even better. Honestly, I’d love to do some user testing on the new buying journey at Snef, but I think that could be a future case study. I’d also love to hear your thoughts on this redesign, so feel free to drop a comment! 😊

Looking forward to your feedback, guys.

Thanks!