Web design, UX, graphics & coding

design for community woodlands website

Concept Design for a Community Woodlands

I developed this website for a local community project, that is in the process of being set up. Corca Dhuibhne Community Woodlands (CDCW) is a not-for-profit organization, whose goal is to create a community woodlands on the Dingle Peninsula, Co. Kerry

The website had a dual purpose. It was created for the CDCW to use, but it also deploys the new knowledge I was gaining through a course I had just started with the Code Institute. (A 6 month software development bootcamp!). Not only was I going to design the website, I was going to build it!

The main function of the website was to create a visual presence online for this local community group, so they can showcase their work to date, engage with the general public to become involved, and also promote activities and events they are running to raise awareness and funds.

I wanted to create a feel-good, visually appealing, custom built website, with calls to action to engage the public to become involved in the project as either active, or passive participants. Scrolling through Pixabay for inspiration, I found this photo of purple mushrooms and green moss, growing on wood. It was perfect, it reflected my idea of woodlands, lush and full of vitality, and I decided to use this as my colour scheme for the website.

photo of purple mushrooms and green most growing on old brown wood

I created a simple wireframe to start the design process, and get feedback with the group. I then designed high fidelity mockups for both mobile and desktop

design for desktop version of the woodlands website
mobile mockup of the woodlands website

As part of my course work with the Code Institute, I built the website using HTML, CSS, Bootstrap, Gitpod, and deployed it to Github. This was a fantastic way of getting to learn coding, but also, on how to create a working prototype, and post deployment interface and user testing.

screenshot of website being tested in mobile and desktop views

You can see my code, and more details about the building of the website in the ReadMe over on Github.

https://github.com/OrlaBr/community-woodlands-project

View the deployed test site here:

https://orlabr.github.io/community-woodlands-project/index.html#home