How are they similar?
They both use the same elements, no difference in features/which info is on the page (could have broken it up some and moved parts under the fold). Both are fairly clean, with a lot of open space to the sides.
How are they different?
Focus points. First is the more classic approach (a lot of people in this thread went with a similar design for the first variant). Second would have less space for text (you’d have to scroll through the description box)
What do you like about the example designs?
Some features I didn’t think of - Location marker (to find stores?), quantity, pay in instalments. The layout of the 2nd example sheet is interesting in both cases. In the forums, there were some interesting variants with info sorted in tabs, hover states and different ways to display images (rhombus/circle/etc)
What do you dislike about the example designs?
For the Alyce one, that the navigation bar is centered and not continuos on both iterations. It feels a bit constrained/old school this way. Quantity probably isn’t necessary. Picture on the right puts too much emphasis on the text than the product itself.
After reviewing the example designs, is there anything you would change about your sketches?
I’d try changing the description box to tabs. Would add a marker for hover states (esp for size guide)! Additional information about shipping options. Might experiment with overlapping elements for the photos (especially on the first one, since that one is more basic in general). I also didn’t take the brand itself into consideration at all.
Feedback is ALWAYS welcome, and I really appreciate that you took the time to share some And thank you for also sharing what you liked, this is really encouraging and just what I needed today!!
I’ve been a bit busy lately, so each wireframe is probably a week apart from each other lol.
Each time I finished up, I would think about ways I could improve it, or things I wanted to try differently. I also keep changing my mind on details mid-way through. Perhaps I’ll buy some pencils to work on wireframes in the future.
My design is basic after viewing the other 2 wireframes. They appear more live like. I was going to do a drop down size button but changed it to multiple buttons.
I’ve dabbled in UI/UX design before, but never for a webstore, so that was interesting.
I really wanted to try a vertical navbar on the side for the second option because I think I can count with one hand the times I’ve seen it. But I guess for mobile view, it’d have to be switched to the top or made so that a a smaller portion (like just the logo) that expands to full view upon clicking/hover.
Real version would definitely have more whitespace, but I didn’t want to make all the text/comments too small to see in the preliminary sketch.