How can I improve my mobile accessories store design?

[Thehumblelone]

Hi there! I'm finished with my store redesign and would appreciate feedback from the wonderful community here especially on the product page.

Here's my website:
Discover Quality Mobile Accessories and Lifestyle Essentials – Brands In Less

Thanks in advance for your time 🙂

[PageFly-Kate]

Hi @Thehumblelone!

Kate here from the PageFly Shopify Landing Page Builder App. With my knowledge in Conversion Rate Optimization (CRO),I'd like to offer some suggestions for further improving your conversion rates and attracting even more customers. Here are a few key areas to consider:

HOMEPAGE

1. Add the store favicon 

A favicon can make your store stand out and be memorable. On mobile devices, favicons are used to represent your site when it is added to the home screen. This not only makes your site feel more like a native app but also helps in reinforcing your brand on the user's device. You can access to add this favicon from theme settings.

2. Hero banner

I really love the vibrant colors on the hero banner. However, the button in this section is not visible on the initial screen. Please make sure that each section is designed to fit within a single view without scrolling.

3. “Trending” product list section

The sale badges on this section is really stand out, and i have some comments for this section:

• The ATC button should be aligned to make the section more professional.

• Product image of Huawei FreeBuds 3 - Wireless Earbuds - ANC is not displaying alright.

• Avoid blank space on the page: empty or unused spaces on an online store should be minimized. This can be achieved by adding more products or content in these areas. 

You can check this sample design for preference:

PRODUCT PAGE

1. Add to cart issue

Despite the product being available in stock, I am unable to click on "Add to Cart" and proceed with the "Buy It Now" option.

2. Re-arrange product information

At present, there's too much information on the product page, making it hard to focus. Think about rearranging it and using icons to make the section clearer and more attractive.

Like this:

3. Add “Add to cart” Button

This product list is missing the 'Add to Cart' button, which is really important for making shopping easy and quick. Adding this button means customers can put items in their cart right from this page, without having to go somewhere else, making it simpler to buy stuff and possibly leading to more sales.

You can check this image for preference:

I hope my suggestions will provide you with valuable insights.✨

Wishing you continued success,

Kate - PageFly Team

[MooseDesk]

Hi @Thehumblelone,

Thanks for reaching out to the community. This is MooseDesk - Customer Support Helpdesk/FAQ App. 

Congrats on your new store! Your store looks stunning. I can tell you have put a lot of effort into building this. However, I have some comments to make the good get even better. Here are some of my recommendations for better customer experience, please kindly check.

1. Favicon image

Incorporating a favicon into your website design enhances brand recognition and professionalism. It's a small yet impactful detail that helps users easily identify and remember your brand. By adding a favicon, you're signaling attention to detail and commitment to a seamless user experience.

Here is an example of a favicon image: 

2. Navigation Menu

Include a link to the Wishlist section in the navigation menu to improve user experience and prevent frustration from encountering dead links. This simple addition streamlines navigation and allows users to easily access their desired collection page without encountering any obstacles.

3. Homepage

3.1. Hero Banner 

The hero banner image lacks specificity about your store's offerings, potentially leading to quick bounces. It should focus on showcasing your products and brand identity. Consider adding a concise description with a clear call-to-action (CTA) button guiding users to explore your collections.

Here is an example for you: 

3.2. Sales Event Information Placement

Ensure that information about ongoing sales events is prominently displayed, with irrelevant details eliminated. A dedicated section with a CTA button directing users to discounted products can enhance user engagement.

You can display your sales information in this section in your website: 

3.3. Product Offerings

Introduce your product offerings on the homepage to provide users with an overview of what your store offers. Use a dedicated section with a CTA button guiding users to specific product categories for further exploration.

Here is an example for you:

3.4. Trending Products Section Maintenance

Regularly update the trending products section to keep users informed about popular items. Ensure consistency in display format for a cohesive user experience.

3.5. About Us 

Incorporate an "About Us" section on the homepage to establish trust and credibility. Sharing information about your store's mission and values can encourage user confidence and potentially increase conversions.

3.6. Store and Product Benefits

Consider adding a section highlighting your store's unique selling points and the benefits of your products. This can help build credibility and attract users by emphasizing what sets your store apart.

4. Product Page

Utilize a product image slider to streamline the product page layout and reduce excessive scrolling for users. Also, simplify product descriptions to avoid overwhelming users. Consider organizing your product description into distinct sections to ensure users can easily find the information they're looking for.

Here is an example for you: 

5. Collection Page

Make sure all product images on your collection page are the same size and aligned properly. Also, keep the "Add to Cart" buttons in a consistent position, making it easier for customers to navigate and shop seamlessly. This uniform layout improves the overall user experience and increases the chances of successful purchases.

6. Customer Support and FAQ

It's essential to integrate an intuitive customer support system directly onto your website to enhance accessibility and user convenience. By providing multiple channels for users to contact you without needing to transition to external platforms like WhatsApp, you eliminate potential barriers to communication and encourage users to reach out with their concerns more readily.

Additionally, investing in a visually attractive FAQ page can significantly improve user engagement and understanding. Utilize clear headings, concise answers, and visually appealing layouts to ensure users can easily grasp the information they need, contributing to a positive user experience and fostering customer satisfaction.

To address this, I recommend using MooseDesk, an app for creating unique FAQ pages for your customers. Besides helping you creating your Help Center, we also provide a helpdesk/ticketing system for your customer support. 

Since our app is now available for free, all current users will be considered as early-bird users and get to enjoy all our current features for free forever!

As an expert/enthusiast in UX, I recommend implementing these changes to improve customer experience when scrolling through your store.

If this is helpful for you, please let me know by giving me a 'LIKE'. If your question is answered, please mark this as 'SOLUTION’.

Thank you, 

MooseDesk - Customer Support Helpdesk/FAQ app

[Neha-Bitqit]

Sticky header is recommended, as it makes it easy for the user to directly jump to the menu at any point of time while they are navigating through the Site. Other significant observations for store optimization are as follows:

1. The default search landing page is a bit off, I mean it's empty. You can show products on that page as well by simply updating the default search on the website with different search solutions.
2. Make sure your social media pages open at the new tab instead of the same tab. This will ensure your customers stay on your website while looking at your social presence.
3. Finally, I would also recommend you to try Sparq product filters and search to replace the default search on your store, this app allows advanced custom tag product filters for collection pages, synonyms, spelling correction, and other such features. Visitors with the search are high-intent users and their conversion rate is higher than normal users. Check out the features live here.

I hope you find these suggestions helpful in enhancing your store's performance and providing an improved experience for your customers.

Best Neha - Shopify Partner