Website Review & Fix: Chem Lab

This recap was written from the class video. Watch it above or on YouTube.

What the class covered

In this class, Dr. Daniel reviewed a beginner chemistry lab website called Chem Lab. He pointed out design issues like too much space between elements and suggested moving many homepage sections to standalone pages for clarity. He also demonstrated how to simplify and organize the website for better user experience. Finally, he showed how AI can help make these improvements.

Key takeaways

• Avoid large empty spaces between website elements to improve layout.
• Keep the homepage simple by moving detailed sections to separate pages.
• Use buttons to link users to dedicated pages instead of crowding the homepage.
• Remove unnecessary design features like extra cursor effects if they do not add value.
• Organize icons and content in a clean, professional way.
• Use AI tools to help fix and improve website design efficiently.

Prompts to try

Make the space between the logo and text smaller on the homepage.

Move the About section to a standalone page and link it from the homepage.

Create a separate page for quizzes and link it from the homepage button.

Remove the white circle cursor effect from the website.

Test yourself