Landing page - non profit

Great work on producing a well-structured layout for this organisation and their cause. Below are just some of my suggestions (general look and style and the sections) to further improve the layout design and user interface:

General Feedback

The blue and black colour scheme (which works) is very common in web design as it’s often applied to businesses/organisations. So I think this could be improved (to differentiate your design from those) and experimented with to try and capture the vast range of blues found within oceans. For example, a deep blue could replace the neutral black and still retain accessibility standards. The sections with slight colour backgrounds could be switched for a much lighter, fresher shade of blue.

Another point that stood out regarding the colours, is the green used for the icons in the ‘Donate’ section seems a bit random as there are no other instances throughout the design where these are being used.

When scrolling down the website it seems to be using two very different visual imagery styles with the use of photography (top) and illustrations below. While mixing styles can be effective, ensure that the chosen visuals align with the organization's theme and messaging. For example, the currently displayed illustrations have the feel of those used for businesses and security websites.

Header and Navigation

‘Get Involved’ is repeated as a page navigation link and a button as well as the main CTA within the hero section which makes it very confusing being in such close proximity. Try to focus on one thing you would like the viewer to do. A suggestion would be to replace the ‘Get Involved’ button with ‘Donate’ (with a second style variation to the hero CTA button) and remove that from the page navigation links.

Was the logo designed by yourself too? If so, stack the text into 3 lines and align them left, then centre them to the mark to minimise the horizontal space as much as possible.

Hero Section

When you think of the ocean visually it’s something that’s constantly in motion, so a full-screen background video depicting the dynamic nature of the ocean could engage visitors effectively.

About Us & Our Work Section

Readjust the width of the text areas as they are difficult to read at such a small size. Also, think about the opportunity to display supporting photos (organisation headquarters, group/staff members etc.) within the ‘About Us’ section to create an emotive connection to the viewer. 

Donate Section

This section could be benefitted/emphasised with a button to directly help the organisation’s main cause via funding from the general public.

Hope the above proves helpful.

Great to see another South African designer on Uxcel—nice work! The blue palette suits the ocean theme well, and the mission is clear from the get-go. 👏🇿🇦

Some small things to maybe try tinker with:

• Amplify the use of blue to further your message.

• Make the hero image more captivating—perhaps larger or as a full background to draw users in.

• Simplify the top menu. Maybe drop "Get Involved" from the navigation to declutter as it’s already a button.

• In "Our Work," add a link to stories of impact in a card format—it could be more compelling than just a picture.

Also, the "Get Involved" button should clarify what action it leads to—donating, volunteering? Clearing this up can guide visitors to engage more readily.

I’m excited to see where you take this Faith!

You're off to a great start with the website for such an important cause – saving our oceans and planet! The layout is simple, and the main color choice is spot on.

Here are some suggestions to make it even better:

1. The "Get Involved" button isn't entirely clear on what you get involved into. Considering the title, users might mistakenly assume that by pressing "Get Involved" they sign up to clean waters, which might scare them off. Maybe focus more on donation or volunteering. Those tasks sound more doable and are more likely to engage users.
2. The text below each section could be easier to read. Consider adding more contrast and adjusting the layout to improve readability. Explore Uxcel's Intro to Design Layouts lesson to get an understanding.
3. Mentioning the donation stats is great! Making this section stand out more and adding more info, like the total area of water cleaned by volunteers could be useful.