This website was deigned in conjunction with a partner for our ART405 final. We were asked to design and code a product website with at least three product categories, three product pages, a home page, an about page, and a contact page. We decided early on that we would like to do a 1980s tech website named “Retrotech." The process is explained below, while the itself site can be viewed by downloading and unzipping the files from this link: https://goo.gl/4uZVHH

After we had chosen our theme, we began by sketching some ideas. We asked ourselves the question “if the 1980s would have had the internet, HTML5, and CSS4, how would have their webpages appeared?” After researching 80s-era graphic design, we concluded that they would have had neon colors, Tron-esque wireframe features, pixelated text, and bold images. We took our paper sketches and recreated them with color in Sketch. It was here that the webpages really began to come to life. Next came the coding, which was done in Brackets. My job was to code the CSS and HTML, making sure it was responsive and user-friendly. Meanwhile, my partner worked to conceive attention-grabbing slogans for all the text that would appear on the website. I also designed the majority of the graphics that appeared on the page in Photoshop and Illustrator.

I had to incorporate all the web design and graphic design skills I had gained thus far into this project. In addition, the project called upon both my leadership and teamwork skills. Taking our vision for a 1980s page and making it come to life was the most rewarding part of this project.