Portfolio – Bruno Marée

SEF

  • CSS
  • HTML
  • JavaScript
  • PHP
  • SaSS
  • Web
  • Wordpress

Summary

This project involves developing a website as part of the Web Design course for SEF Huy, a non-profit organization that provides assistance to homeless individuals in the Huy region.

The objectives were refresh their visual identity, present their mission clearly and concisely, raise awareness for the cause, enable centralized interaction, make it easier to donate to the organization

un capybara
  • #E7E2DC
  • #9B7A41
  • #9A5E57
  • #507D97
  • #4A4A4A

Project gallery

Gallery

Features

  • Mission-Driven Website

    Clearly communicates SEF’s social mission supporting homeless individuals and promoting reintegration through housing and solidarity-based commerce.

  • Organizational Overview

    Presents the history, values, and foundational story of SEF, establishing trust and transparency with visitors.

  • Donation System (Manual)

    Details for making financial donations via bank transfer, including tax deduction eligibility for Belgian residents. Also explains how to donate goods or leave a legacy gift.

  • Volunteer Engagement

    Encourages community involvement by showcasing how and where users can volunteer in one of three physical stores.

  • Solidarity Store Directory

    Dedicated section listing three second-hand shops, each with its own address, photo, contact info, and opening hours.

  • News & Events Feed

    Keeps the community informed through an "Actualités" section that features updates, event announcements (like brocantes), and blog-style posts.

  • Contact Form Integration

    Built-in form allowing visitors to send messages directly from the site, with fields for name, email, and message.

  • Responsive Design

    Fully optimized layout that ensures the website functions and looks great on desktops, tablets, and mobile devices.

  • Consistent Footer Contact Block

    Includes phone number, address, email, bank info, and social media link—visible on every page for easy access.

  • Social Media Integration

    Embedded Facebook link encourages community connection and engagement beyond the website.

  • Simple SEO Structure

    Clean headings, organized content, and accessible language help boost search engine visibility.

  • Performance-Oriented Design

    Lightweight, minimalistic site structure prioritizes fast load times and smooth navigation.

  • Legal & Transparency Support

    Includes bank account and operational information to meet nonprofit trust and legal standards.