For half a semester in web design basics, students focused on designing any kind of website of their choice. I decided to create a simple portfolio website for myself, which included a collection of my works, landing page, about page, and contact page.
Getting to the final layout of the site took weeks of progress through learning in class, developing my idea, designing the layout, and then finally coding the design together. I began with just coming up with a very simple layout in Photoshop without any specific font, color, or text specifications.
Next, I began to translate that design onto Adobe Experience Design to determine exactly how I would ideally like things to be laid out.
My final design had some differences from what I had visualized due to the limitation of my knowledge of HTML and CSS, but in the end, I was able to make it work and run smoothly. For instance, I was able to include a slider as I had wanted, but decided to remove this park of my layout and just include featured posts on the landing page instead.