Website Review & Fix: Royal Bakery

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

What the class covered

In this class, Dr. Daniel Tanimawo reviewed a website called Royal Bakery built in the UK using Tanix Code Lab. He pointed out issues like small text, cropped images, missing image references, and messy layout. He demonstrated how to fix these problems by making text bigger, putting items in one line, fixing image zoom on click, and cleaning up the design to look more professional.

Key takeaways

• Make sure images are properly referenced in your code to avoid missing pictures.
• Use bigger text sizes for better readability on websites.
• Arrange items in one line or row to make the layout cleaner.
• Add zoom-in functionality on product images so users can see details clearly.
• Remove unnecessary containers to make images wider and improve design.
• Test website features like add to cart and image clicks to ensure they work well.

Prompts to try

When a user clicks on the images here, let them zoom in so the user can see them clearly.

Some of the text are too small to see. Make them bigger to industry standard.

Put this in one row to clean up the website and make it look professional.

Test yourself