The Colours of Islam website was a long‑term project I originally built many years ago for a charity dedicated to providing creative, faith‑inspired educational resources for children. The organisation needed a digital platform that was simple, accessible, and easy for non‑technical staff to update. I developed the site using core front‑end technologies — HTML, CSS, and JavaScript — ensuring it remained lightweight, fast, and fully functional across a wide range of devices and browsers.
Over time, the charity’s needs evolved, and I was invited back to expand and modernise the site. This phase of the project involved creating new pages, refreshing existing content, and improving the overall user experience. Because the original build relied on clean, hand‑coded structures, I was able to extend the site without introducing unnecessary complexity. My focus was on maintaining consistency with the charity’s visual identity while subtly enhancing usability and accessibility.
One of the key tasks was designing new content sections that aligned with the charity’s mission. This included additional resource pages, updated activity listings, and improved navigation to help parents, teachers, and children find materials more easily. I used semantic HTML to keep the structure clear and meaningful, and refined the CSS to ensure the new pages blended seamlessly with the existing design language. Small but important enhancements — such as improved spacing, colour balance, and responsive layout adjustments — helped bring the site up to modern standards while preserving its original charm
JavaScript played a role in adding interactivity where needed. I implemented lightweight scripts to support dynamic content, simple animations, and user‑friendly features without compromising performance. Because the charity served a broad audience, including schools with older devices, I ensured all scripts were efficient, unobtrusive, and fully compatible with the site’s established framework.
Throughout the update process, communication with the client was essential. I worked closely with the charity team to understand their new goals, gather feedback, and refine the pages accordingly. Their priority was clarity and ease of use, so I focused on delivering a structure that allowed them to manage content independently. This included reorganising certain sections, simplifying page templates, and ensuring the site remained intuitive for both visitors and administrators.
The Colours of Islam project reflects my ability to work with legacy codebases, enhance existing designs, and collaborate with clients to evolve their digital presence over time. It also demonstrates my commitment to building accessible, purpose‑driven websites that serve real communities. By combining thoughtful design with clean, maintainable code, I helped the charity continue offering valuable educational resources through a platform that remains reliable, welcoming, and easy to grow.
Leave a Comment