Every month, Innovative Design admin sends out an email newsletter about to members of the club recapping the past four weeks. In February 2017, the admin, Barbara, decided to make a website instead of an email. She mocked up the newsletter and asked me for help to implement it.
Up until this time, I had never implemented anyone else's design. I had always designed any website I had to make on my own, and I admittedly was too lazy to bother with mockups. Instead, I mostly sketched out the layout in my mind or came up with ideas as I went along.
Barbara sent me the mockup (shown here) and asked me if I could come up with the intial layout so that she could update and maintain it in the coming months. I quickly put together the static site, deciding to stick with vanilla HTML/CSS from my boilerplate to make it easier.
I am glad I had the opportunity to implement a design that I had not come up with myself. Subconsciously, when I'm making something that is my own brainchild, I tend to come up with designs I already know how to implement. So, although this newsletter was not particularly difficult it gave me satisfaction that I had learned enough about HTML and CSS to put together what probably would have taken me many more hours even just a year prior. Additionally, it highlighted for me the major differences between web and graphic design. When you create something in Illustrator or Sketch, it's static and you don't have to worry about responsiveness and how it looks on different sized screens. But when you're making a website, you need to think about how things look when the screen is being resized, on different browsers and devices, and how the user interacts with your site.
Since my initial February implementation, the site has been updated once to the March newsletter, but still maintains the same layout that I created. You can check out the March 2017 newsletter here. The repo is on my GitHub.