Feedback for a nonprofit website
Hello 🤗
I'd like feedback on the design of this website I've been working on for a nonprofit.
And specially since it's my first professional website and not a side project, all feedback is appreciated!
Please visit the prototype on figma here's the link:
31 Replies
Please note:
- i didn't have time to translate it all to English 😅, only HomePage and about us are translated on phone.
- blue rectangles are going to be images.
- the default design that is going to show for you is mobile designs, you can switch to Desktop design by choosing flow 2.
- it's 10 pages, but any amount of pages you can see is appreciated ( specially the homepage and about us) 🙌
If prefer other way than figma..
Here's a pdf on home page for both desktop and phones
Hey! Quite a lot to unpack, but overall a nice design, gives the vibe of a caring volunteer organisation. Few inconstancies with icons and font weights for a buttons... And I also find the main blue colors a bit cold, what do you think?
Also a bit rounded font? Check out "El Messiri" from Google fonts.
And check your texts on contrast, I think there can be issues with it, especially white text on blue bg...
Hey Misha 👋
Appreciate the suggestions!
For the main blue color, It's the organization brand color. And they wish to use it as a main color.
Love your design and the font!
Can you tell me from where i can find such illustrations? Because that image is pixelated on large screen and also it's cut from its sides. it's also giving me a headache trying to make it fit in tablet screens 😵
For the white ok blue text, i use bigger weight for the text. But I'll check it though.
I think it was Freepik
If you'll go for illustrations, you can try also:
))
But make sure to check those illustrations with the organisation...
Dude 🤩
It looks amazing!
Yeah I'll try and check with them.
Thank you!
Just saw this font https://fonts.google.com/specimen/Baloo+Bhaijaan+2?noto.script=Arab&category=Display
Rounded and variable, might be a good choice for this project...
Google Fonts
Google Fonts: Baloo Bhaijaan 2
A perfect blend of pointy paws in a coat of fur, Baloo is an affable display typeface by Ek Type. Available in nine Indian scripts plus Arabic along with a Lati
Thanks!
Hey Misha 👋
I've changed the home page please check it out when you have time.
Yep, will check tomorrow) Is it the same link?
Yep it is
Not sure if there's some big difference, or I didn't look the right one))
But, here's the icons from your pages:
See how inconsistent they are?
And this is the main issue: try to analyse your design on those inconsistencies...
Some hero screens are like:
Some are like:
And there's a third type:
Those colors, do they helping you or are they just inconsistent for no real reasons working behind?
So, try to look for those inconsistencies and fix them, it will totally make the design better)
Yeah i changed the home page totally.. let me check the link
Check this link
Yes i see what you mean. I'll work on it 👌
Yes they're Thier branches main colors. For every country they use a different color in their media and posts.
Hmmm, probably they shouldn't effect the design in this way, I think it's better just to use consistent colors for all UI elements of the site...
Hmm, I guess you're right