Having investigated the wireframes and, drawing inspiration from the KFC layout especially, I sought to break it down into a grid format in today’s class. By exploring the grid layout of KFC’s interface on both website, and mobile, it helped me develop a stronger idea on the fundamental construction of my website. This was when I went back to the drawing board of my original website, redoing a majority of the code, and separating the CSS from the HTML before proceeding to evolve the website to the next stage as seen below.
As I was developing the website, I thought carefully about the positioning and alignment of the text, images, and general feel of the website to bring this more align with my vision for the website. I had explored a variety of different positions, and images that could help convey my personality in to the website more successfully. By experimenting with the format firsthand, I could think about the general aesthetic of the entire website, and how to express my personality through it even further. Thinking about the design principles was crucial to my website, especially in the context of hierarchy, and contrast. Utilising tools like WebAIM’s contrast checker, and the adobe suite was instrumental in nailing the balance and feel of the websites colour scheme.
A key thing I wanted to focus on was the general feel of the website. I wanted it to be intuitive and promote a comfortable sense of flow as the user scrolls through the website. In my original vision, I wanted each page to be quite binary, but after exploring the KFC interface, I found that the scroll function would be more engaging in keeping the user on the website. I wanted to focus on having a home page that would encourage the user to keep scrolling, and not miss content, while allowing each project to have the chance to shine on its own webpage. I drew direct inspiration in the grid layout of KFC’s mobile website in my own website, which helped me develop the linear singular image scrolling focus of the mobile experience.
Lighting Up Your week 