Applying responsive design principles, I designed the MCG website so that visitors would have a similar experience regardless of the device being used. I began with wireframes, which are low-fidelity drawings used to plan a website’s basic structure and functionality.
The next step was planning the overall visual design of the MCG website. The completed website was coded based on the high-fidelity mockups created at this stage.
The website was launched in March of 2017. Participation in Madison Community Garden’s programs during the 2017 growing season (spring through fall) showed a 25% increase over the previous year. MCG’s volunteer base grew by 10% during that time period, with the majority of new volunteers submitting their applications through the website.