This project is the public website for a non‑profit association that organizes events to reuse and recycle clothing, and the brief was as much about communicating mission as it was about showing practical event information. The client provided a distinctive brand identity and a suite of custom illustrations that give the site personality and clarity, but those very assets also introduced front‑end challenges: the illustrations are intricate and often overlap with text or interface elements in the mockups, so translating them into a responsive, accessible layout required careful rethinking of composition rules rather than a straight port of the designs. I implemented the site on WordPress to give the team an easy content management workflow for events, volunteer opportunities, news updates and galleries, and layered custom CSS on top of a lightweight theme to faithfully reproduce the visual language without dragging in unnecessary code.

To preserve the expressiveness of the illustrations while keeping the site fast and adaptable, I converted many of the decorative elements to optimized SVGs and created flexible layout modules using CSS Grid and Flexbox so compositions could rearrange naturally across breakpoints. Images and artwork were exported in multiple sizes and formats and served with the picture element and lazy loading so pages remain snappy even when a gallery or event page contains many visuals. Special attention was paid to preserving the illustrator’s intent: where an original composition relied on overlapping shapes, I used relative positioning, masking, and CSS layering techniques so the effect survives on narrow screens without obscuring content or breaking reading flow.

Beyond responsive layout concerns, the build focused on usability and the workflows the association needs. Event listings integrate with the WordPress editor so staff can post details, RSVP links, and resource lists quickly; accessible forms and clear calls to action make it straightforward for visitors to volunteer, donate, or sign up for newsletters. I audited the site for accessibility and cross‑device behavior, ensuring navigation is semantic and keyboard‑friendly and that decorative artwork includes appropriate aria-hidden or descriptive fallbacks when necessary. The final site balances a bespoke visual identity with practical maintainability: it honors the association’s illustrative brand in a way that’s unique and memorable, while remaining performant, content‑driven, and easy for the non‑profit team to update as events and campaigns evolve.