I had never realized how important emotional design and design personas were to websites until I took this course. I have come to notice that most, if not all, of the websites that I have visited all have a personality depending on what the site creator wants people to take away from visiting the site. When thinking about emotional design for my website, I immediately thought of the beach. I am an avid beach goer and it is my favorite place, so I felt that a “beachy” color scheme would be perfect to match my personality. I chose a deep turquoise as my main color, mostly because it is my favorite color. I chose a light coral as my secondary color and light gray for my background. I felt that these colors were “chill” but at the same time professional enough for people to take my blog seriously. One of my favorite public figures/bloggers/designers is Lauren Conrad. I really liked how her name header was a type of handwriting looking script and I thought something similar would be great for my website. I had the goal in my head for a font that was my handwriting, or something close enough to it, as the font for my name as the header. I found the font on Google fonts and chose a recommended matching font for my other text besides my header. I was also a big fan of white space when we were talking about it in class. I left a lot of space around my name, header, and information to give my site a clean look. From this color scheme, I am hoping that people viewing my website feel welcomed, relaxed and that I give off a friendly vibe. My goal was to make sure after reading all my writings and viewing my pages that people feel connected to me or that I could, in some way, be one of their friends.
Through this class, I have come to realize how important responsive design is. Even though I always thought that all web pages just automatically fit on all screen sizes, I learned that this is definitely not true. It is super imperative to code your information in a way that it is most appealing to audiences on all of the formats that they may be accessing it on. If someone is visiting your site on a phone, it needs to fit their screen in a way that is appealing for them to continue to keep viewing it. I made sure that my website looked as best as it could on all the different screen types and double checked them. For example, on a computer screen my portfolio has a picture and text next to each other side by side, but when you visit that page on a mobile phone screen it changes to picture then text then picture then text and so on as you scroll down. This makes it easier for the viewer to read the text since it isn’t squished on the side of the screen.
My design didn’t stray too far from my original sketches. I still have a lot of white space and my name is still the focal point of the home page. I quickly came to realize that due to myself being a beginner to coding, it isn’t quite possible for me to accomplish all of the ideas that I originally had. My navigation bar is changed from where I originally had it placed, in the top right corner of the screen, and I took away the social media icons that I had originally sketched for in my original graphs. I wish that I had a cool logo for myself that I could have used for my home page but unfortunately I do not. I would have also attempted to make one on photoshop but my subscription expired and I didn’t think that a logo was a complete necessity or make or break for my website so I just took the loss on it. I also could have added more pictures of myself to give it an even more personal persona.