Agroecology Lab's Website Update Postmortem

The header and footer where the only sections that started with a wireframe because it required little technical knowledge of Squarespace’s CMS. I decided on the new layout beforehand and did my best to translate it to the CMS. The footer gave me the most trouble because of the alignment of various elements. I like to start a wiredrame with pen and paper to get familar with each elmenet before brainstorming ideas and try them out on a sketch before making the final design digitally.

With the page layouts, I had to get my hands dirty and work directly in the Squarespace laytout because I had little knowledge of its potential limitations, and limitations it had. Because my knowledge of markup were greater than my experience with Squarespace, there were many times I wanted to implement my ideas using what I was more familiar with. Nevertheless, I found a layout to my liking that I felt it fit well with the website as well. Naturally, I didn’t touch the live version. Instead, I created a new page that couldn’t be accessed to and tested various layouts. I also did my best to limit custom CSS because the site’s owner had little knowledge of it so its inclusion would have been more of a hindrance after my there ended because they would be unfamiliar with the code. Although I did cave in and wrote a couple of lines for aesthetic purposes that Squarespace didn’t offer for some reason. That reason is a background for each card. Pretty basic design option in my opinion.