How can I improve my websites design?

Howdy y’all! I’m looking for critiques and suggestions on how to improve my website. It’s built with Wordpress and elementor. I feel like the design can definitely be improved, I just don’t know exactly what. Feedback is highly appreciated!

Link: https://sproutsitter.com/

4 Likes

The design isn’t too bad. The copy needs some editing and proofing, though! I’m sure you’d pick up a lot of inconsistencies and typos if you read through it carefully. :slight_smile:

2 Likes

Very good start!

I feel that the headers on the page are quite bold and some may be too large. I would experiment with different type faces as well to make the headings a bit more fun.

Don’t be afraid to add more empty space between the sections of the page.

Lastly, I would try to find another accent color to complement the green. It could help add a bit more balance to the color scheme.

1 Like

For me, there is already much too much empty space, leading to an unnecessasry amount of scrolling. For example here (on a 1920 x 1080 monitor):

1 Like

You happened to screenshot the one place on the page where it’s not overcrowded.

Thank you for the suggestions! I’ll definitely look into those. I tried to think of a good accent color but I just can’t find one. Any suggestions?

I tried to think of a good accent color but I just can’t find one. Any suggestions?

My first thought is a terracotta e.g. plant pot colour.

This is just a quick play with your design, I am sure it could be improved on.

Note: this maybe of interest.

1 Like

Following Points may be helpful to you:

  • Make Use of Web Design Laws and Principles.
  • Make use of modern web design trends.
  • Try UX Design Tools.
  • Maintain Device Responsiveness.
  • Include Actual People’s Photographs.

Thanks for sharing the link to your website! I’ve taken a look, and here are some suggestions for improvement:

  1. Simplify the Header: The header section looks a bit cluttered with the logo, menu items, and contact info. Consider simplifying it by reducing the number of items or using a more streamlined design.
  2. Improve Navigation: Make sure the navigation menu is easy to use and intuitive. Consider organizing the menu items more logically and possibly adding dropdown menus for subcategories.
  3. Enhance Visual Appeal: While the website looks clean, it could benefit from more visually appealing elements. Consider adding more images, graphics, or animations to make it more engaging.
  4. Optimize for Mobile: Ensure that the website is fully responsive and optimized for mobile devices. Test it on different screen sizes to make sure it looks good and functions well on all devices.
  5. Call to Action: Add clear and compelling calls to action throughout the website to encourage visitors to take the desired actions, such as signing up for a service or contacting you for more information.
  6. Testimonials and Reviews: If you have any testimonials or reviews from satisfied customers, consider adding them to the website to build trust and credibility.
  7. Improve Page Speed: Check the loading speed of your website and optimize it if necessary. Slow-loading websites can lead to a poor user experience and higher bounce rates.
  8. SEO Optimization: Make sure your website is optimized for search engines by using relevant keywords, meta tags, and descriptive alt text for images.

Overall, your website has a good foundation, but there are several areas where it could be improved to enhance the user experience and make it more effective. Good luck with your website.

Use a Content Delivery Network (CDN), minimize the number of plugins on your website, and optimize your photos to enhance user experience. To ensure uniformity in all marketing communications, refer to a style guide. To create a simple design, use white space. Reduce the size of GIFs, reduce the size of photos, and stay away from complex animations to improve page performance. Make sure your website has a clear design concept, is mobile-friendly, and has accurate content formatting. To increase trust, eliminate distractions, lower friction, and use social evidence. For a smooth experience, make your website device-responsive, employ UX design tools, concentrate on SEO, and use high-quality stock photos.

Further developing your web architecture’s includes a few viewpoints that add to its ease of use, style, and usefulness. Here are a few critical tips to improve your web composition’s:

  1. Characterize Clear Objectives and Client Experience (UX)
  2. Responsive Plan
  3. Visual Plan Components
  4. Route and Construction
  5. Content Quality and Lucidness
  6. Openness and Website design enhancement
  7. Test and Repeat

Ensure your site is responsive, optimized for all devices, and loads quickly. Make call-to-actions clear and prominent to guide users effectively. Regularly review user feedback to make continual improvements.

o improve the design of the SproutSitter website, here are some suggestions along with an appropriate color scheme:

Design Improvements

  1. Header and Navigation:
  • Simplify the Header: Ensure the header is clean and not too cluttered. Consider reducing the number of visible browser tabs to focus attention on the content.
  • Responsive Design: Make sure the navigation is responsive and works well on mobile devices.
  1. Hero Section:
  • High-Quality Images: Use high-quality images that clearly showcase the product in action.
  • Engaging Headline: Use a catchy and concise headline. For example, “Revolutionize Your Plant Care with Real-Time Insights!”
  • Call to Action: Make the “Join Waitlist” button more prominent. Consider using a contrasting color to make it stand out.
  1. Typography:
  • Font Choice: Use clean and modern fonts for better readability. Google Fonts like Roboto, Open Sans, or Lato are good choices.
  • Font Size: Ensure that the font sizes are large enough to be read comfortably on all devices.
  1. Content Layout:
  • Spacing: Increase the white space around elements to make the design feel more open and less cluttered.
  • Sections: Divide the content into clear sections with headings, making it easier to scan.
  1. Visual Elements:
  • Icons and Graphics: Use high-quality icons and graphics to illustrate the features of the product.
  • Consistent Imagery: Ensure that all images and illustrations follow a consistent style.
  1. Footer:
  • Contact Information: Include contact information and social media links in the footer.
  • Newsletter Signup: Consider adding a newsletter signup form to keep potential customers engaged.

Color Scheme

  1. Primary Colors:
  • Green (#4CAF50): This color conveys growth, freshness, and eco-friendliness, which is perfect for a plant care product.
  • Dark Green (#388E3C): Use this for headers, buttons, and key highlights.
  1. Secondary Colors:
  • Light Green (#C8E6C9): For backgrounds and subtle highlights.
  • White (#FFFFFF): For a clean and modern look, use white for backgrounds and to contrast with text and buttons.
  1. Accent Colors:
  • Yellow (#FFEB3B): Use this color for call-to-action buttons to make them stand out.
  • Dark Grey (#616161): For text and secondary information to maintain readability.

Example Color Scheme Usage

  • Background: White (#FFFFFF)
  • Primary Text: Dark Grey (#616161)
  • Headers: Dark Green (#388E3C)
  • Buttons: Yellow (#FFEB3B) with Green (#4CAF50) hover effect
  • Icons and Highlights: Light Green (#C8E6C9)

Well now that ChatGPT has told you everything you… are already doing… good jorb on actually filtering your ChatGPT prompt and not just regurgitating it copy/paste into a forum…oh wait.

On the actual site:

  1. Why do I immediately get shown a “Don’t Go!” popup when i… arrive.
  2. Like others, I feel the “Emotions” section probably needs a revamp. I dont see why it’s three big images stacked on top of each other. Couldnt this have been done in a simple 3-wide table like structure? Makes it easier for people to compare the emotions side by side.

Neither of the last two responses seem to be much in the spirit of the forum, in my opinion. Basically they’re saying:

“How can I improve my website’s design?”

“By getting someone else to do it.”

Surely the point of the forum is to exchange ideas and support people learning new skills, not just to say “give up and outsource it”?

Agreed (which is why they’re now gone…)

But since the OP hasn’t even bothered to come back to the community in well over a month, I don’t think they’re too interested in the feedback they got.

THREAD CLOSED

1 Like