This is my first professional client. Our goals were to:
Rebrand
Redesign her website
Weāre nearing the finish line, and would love any feedback before we go live later this month! There is some content outstanding, so donāt mind that!
I would love any feedback, but am particularly interested in thoughts on the layout / structure / navigation of the Recipes and Resources sections. I am also trying to determine the best approach for search functionality, so users can search for specific blog articles and recipes.
Thanks in advance for your time, and to this entire community for all the support up until this point!
I think some image are way too heavy like this one for example which is 4mo and png. If you donāt have transparent background use jpg for this (this will be smaller).
About this, i would prefer a big white close button at the top left/right corner instead of the tiny tiny grey sentence.
When i clicked on get it know, this popup and i didnāt notice how to close it. Instantly felt spammed
Site performance is really important for professional sites, so for example you have 6.3MB on the homepage, which is far to heavy imo, as that takes 31.80 seconds to finish loading on a 2MB standard DSL broadband connection, and so needs optimizing as ideally you only want up to 2MB on the initial load as even that will take around 10 seconds for 2MB of content. As research shows that people donāt wait around very long before clicking away if a site is taking too long to load.
On this page the āWellness Challengesā section is indented.
Also picked up on the slow loading speed immediately - took some time for the icons in the drop-down navigation to appear, however the interaction itself works very nicely. One addition to this might be to add a slight delay to the dropdown, perhaps 200-300ms, just enough for if someone scrolls over unintentionally?
The recipes page seems a little laggy. Also at mobile size (whilst viewing on desktop), you seem to have a spacing issue with your fixed nav that covers the top of the introduction text (this is the only page without a banner image on mobile).
Favicon is missing.
The search feature is well integrated - nice.
For image compression, check these out:
https://kraken.io/ (this one works great, but has a limit of 1mb per image if youāre using their free web app)
One last thingā¦ I would maybe consider tightening up the typography just a little. Perhaps decrease the max-width of the paragraphs.
Thank you so much @JoeMillion. I really appreciate the feedback. I have made a bunch of updates here based on your comments. Iām now running my attention to figuring out image compression/optimization to improve site loading speed (especially on this recipes pageā¦)
A couple of things. The padding on the top nav bar for the two dropdown menuās āYour Healthā and āResourcesā is slightly off - they need to be moved down a pixel or two.
Thereās an issue on the Resources page for nutrition tips - i think flx box needs to set to stretch horizontally.
Can I ask you what you used to get the instagram photos at the bottom? Is that a plugin or just part of the CMS?
Pretty much as above. The main thing for me was the image sizes. Running them through a compression programme will bring them down dramatically.
I ran that 4MB image through a very quick compression app that I have and it came down to around 300KB which is a massive bandwidth saver. Probably could have gotten it down more than that but at that size it didnāt look any less quality to the original.