I'm working with my development team on a free resource website called the USAMO Guide, but we're noticing that our designs often come off as too AI-generated. While we do utilize AI tools in our coding, we want to ensure our website has a more authentic look and feel. I'm looking for feedback on its appearance and would appreciate a vibe rating out of 100 (with 0 being the best). What improvements can we implement to enhance our website's design?
5 Answers
There are definitely some design inconsistencies that stand out across different sections. The navbar on mobile covers your key content, which might annoy visitors. A quick refresh using tools like Figma for a static layout could make a huge difference.
I think the main issue is that a lot of your UX/UI seems to have that 'vibe coded' feel. Without a style guide, everything can look a bit uniform and generic. Try changing up your layout, icon designs, and shadow effects to give it a more personalized touch.
It seems like the design's AI roots are showing through—especially the hover effects and the overall visual style. If you can, sketch out simple designs on paper to break away from the AI aesthetic. It might help in creating something more unique.
The combination of pink and purple is a color scheme that AI tends to gravitate toward, which might be contributing to that vibe. Consider diversifying your color palette to mix in shades that aren’t as commonly associated with AI designs.
Honestly, if you want to move away from that AI look, consider using a free website template instead. Just fill it with your content and you'll likely find it feels more authentic. Just be careful; some templates can still have that outdated feel.
Related Questions
How to Build a Custom GPT Journalist That Posts Directly to WordPress
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads