Blog Post 5
Working on the Web Design assignment taught me practical front-end skills (HTML5 semantic structure, CSS layout techniques including Flexbox/Grid, and responsive design) and a stronger sense of visual design. I used hierarchy to guide the visitor’s eye — large, bold headings and a 2-column grid on the homepage establish primary vs. secondary content; contrast (dark navy headers against light backgrounds and high-contrast buttons) makes CTAs stand out; proximity groups related items (navigation links, search, and account actions are clustered together); and consistent alignment and spacing create a tidy rhythm across pages (I used a 12-column grid so cards and imagery align vertically). I also prioritized accessibility and performance: meaningful alt text for images, semantic tags for screen readers, and a mobile-first CSS approach so the site scales cleanly to phones. What I liked: translating UX principles into concrete code and seeing immediate visual improvement when adjusting spac...