Julia Zaytseva

Fundación de diseño visual: haz hermosas slides, informes y interfaz de usuario

Hey Monika,Thanks for adding a project! I see you ask to point out what needs to be improved. The thing is, you didn't only touch the visual part / UI, you also changed the UX. This is where it gets tricky, because the visual is only a part of the whole experience.I would be great if you can explain why you made certain changes:— Why did you change the navigation items?— Why did you move the social media icons?— Why did you remove the highlight of the current section (Promocje)?— Where did the login/register links go?— Where did the search function go?Also, it would be good to know your reasoning behind the visual changes.— How did you chose the font sizes and spacings?— Did you use the grid? So, not knowing the background and judging from the visual side, here’s my feedback:— It’s a really good idea to shorten the name and emphasize the price of the product. I would put the amount and volume below the title, now it's not really aligned with anything.— I liked that you made the breadcrumbs shorter, I would even go further and remove the product name altogether, so the breadcrumbs only work as navigation up the hierarchy. Also, would make sense to bring back the Sun (screen) section in there.— Add to cart button is nicely emphasized, color clearly indicates the call to action. I would place it closer to the amount, start the label with the capital D and drop the "ilość" next to the number.— I like your version of tabs, they look more modern. I would align the thick green border to the top of the thin grey and make the grey lighter, it drags too much attention now.— Not a big fan of a dropdown for the amount. It makes sense when you have limited stock, but I think it’s easier to use the +/– buttons or type the number in.— Shadows work better when they are really subtle. In your case it’s better to remove them, they are too heavy and create visual clutter rather than accentuate elements. A lot of design is about removing things rather than adding more.— Bold text is product description doesn’t really work, there are too many words highlighted. If you want to emphasize the product qualities, it’s better to show them as a list.— Is it the real scale of the page? It looks pretty narrow. If so, then the product description font size is too small. I recommend not to use sizes less than 16px for the descriptions or longer texts. The only exception is when you're working on an information-dense digital product, like CRMs or analytical tools.If you want a challenge, I would suggest as an exercise to do a completely different layout. Perhaps, a full screen image or really bold and big typography or a dramatic color scheme.Let me know if you have any questions!Cheers, Julia

Hi Julia, 
Thank you so much for your feedback. It's really helpful for me as a beginner. 
My explanation:

— I've moved the social media icons cause I think in the current version it is not located well. If you drag down the page those 2 icons will disappear so it limits the contact between (future) customer and shop. I've added some colours and my goal was to make it more visible and eye-catching.

— I've removed the highlighted section "Promocje" due to the reputation of the brand. I don't think it is a great idea to make a special section for products with lower price if you are focused on well-to-do clients. I think it's a better idea to nested it in a general category of products.

— Well, maybe it's my fault. For me that is obvious that if someone click the icon with person it will navigate him/her to their account. Btw I don't know but where is the point to log in if you are not sure if you will buy anything on the website? The login section is necessary only if you are buying something. Isn't it enough if you put this option after complete the order?

— I removed and forgot about the search function My fault.

— I was using font sizes 0.8em, 1em, 1.25em,1.563em ... so they're not random :) I chose the spacing which will be devided by 8 for example 16, 32, 64.

— I've been using layout grid function in Figma<div> </div><div>Greetings from Poland</div><div>Monika</div>

Hi Monika, thank you for the reply.

Some comments:

1. The base font size of 0.8em is rather small, I wouldn't go below 1em.
2. Login/Register button. I agree that customers would likely to register after the purchase, however, it's still good to give them the obvious opportunity to do so at any moment.
3. Social icons are placed next to the product and they look like they belong to it and not the company, hence my question. Also, during the shopping customers are likely to focus on the product and not the company contact.
4. All the assumptions you make (e.g. about keeping the Promocje section) are good candidates for the research. Always good idea to test your assumptions with real customers. For instance, interview the customers about how they perceive the brand and, perhaps, run an A/B testing to see which option converts better. 

Cheers,
Julia

<img srcset="https://static.skillshare.com/uploads/project/920d5b24acb5063529be6ba5828e0cda/6df946a4 600w, https://static.skillshare.com/uploads/project/920d5b24acb5063529be6ba5828e0cda/6df946a4 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/920d5b24acb5063529be6ba5828e0cda/6df946a4" loading="lazy" alt="Website redesign - image 1 - student project">
^ this is the look of the page without any changes
<img srcset="https://static.skillshare.com/uploads/project/920d5b24acb5063529be6ba5828e0cda/b1f60e58 600w, https://static.skillshare.com/uploads/project/920d5b24acb5063529be6ba5828e0cda/b1f60e58 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/920d5b24acb5063529be6ba5828e0cda/b1f60e58" loading="lazy" alt="Website redesign - image 2 - student project">
^ and this is my concept how to improve that page
 
It is a Polish website so the description could be incomprehensible. I've been trying to change the typography using proportions and playing with opacity of colours. 
I would be grateful if you could give me some feedback, what I should focus on more or what are the weakest points of my concept.
Thank you for sharing your knowledge in this lesson!

Website redesign

Empresa

Work With Us

Enseña con Nosotros

Tienda

Móvil