I've done some quick research about the solution you've designed.
- Amazon app uses horizontal scrolling panels to show a selection of products (19 "Related to items you've viewed" products and 21 "Inspired by your shopping trends" products):
- Ebay app for Android uses an horizontal scrolling toolbar (7 items in total) to refine the search results:
One thing I've noticed is that eBay and Amazon use the two horizontal elements, but not together.
eBay, for instance, combines an horizontal scrolling toolbar with a vertical list of products.
At this point the questions I'd ask myself are:
- How many products are there for each style? In your example we can see 3 slides with 3 products each: will their quantity stay the same in the future, as the business expands? What happens if they grow in number (let's say you have 50 products)?
- How many styles are there? Only the 3 we see in the example or more (e.g,: 5? 10? 30?)
Depending on the answers to these questions (and many other factors, including: the IA of the website, who are your users, etc.) you may want to consider some alternative options.
In case you have just 2/3 styles and very few products for each style.
In case you have more styles and many products for each style
- I have no idea of the user journeys and the general IA of the website, so in these examples I haven't included top level navigation (?) and/or links to other pages/sections. They will need to be there.
- The wireframes are for landscape orientation, in portrait you will need to reconsider spaces etc. according to the amount of information you need to show.
- How does the "Refine" filter work? What happens when the users clicks on the image of a product? Is this app for e-commerce or catalog view only?
- We can assume earrings, necklaces and pendants are quite standard and self-explanatory categories in most countries: is there any particular reason why you want to use icons for them?
Hope it will help :)