Adashia D. Franklyn

Evaluate your site in terms of the emotional and responsive design techniques and theories we read. Do you find that it has an emotional and responsive design? How did your design change from the initial sketches you used to what we see today?

In making my website, I feel as though it has various elements of emotional and responsible design. It functional, as all of the links take you where you are supposed to go. My website is usable, as it has a simple layout that it pretty straightforward to use. Another aspect of its usability is the popular online program I used to make my contact page, which is Woofoo. Woofoo is very organized and embodies emotional design to its fullest. Making contact forms can be difficult, and Woofoo takes the difficulty out of the process. It helps site developers making the forms and the users filling out the forms finish their intended tasks quickly. Below is a screenshot of the Woofoo generated contact page i created:

This is a screenshot of the contact form made through the Woofoo form generator

From start to finish, I do think that I accomplished keeping my website very simple, organized, and somewhat symmetrical. On the other hand, my design has changed incrementally from my initial sketches that I used to what you see now today. My initial sketches contained my name, in big, cursive, font, with a navigation bar spanning 1080 pixels, or 90%. This navigation bar linked to my about page, a portfolio of my work, a contact page, a link to my Budgeting Ballers Blog that I made in a previous communications class, and link to a page that displayed my social media. Underneath this navigation bar, I had a container spanning 1020 pixels, or 85%, that contained boxes floated left for my professional field and my workforce whys, and a box floated to the right that contained some type of image that represents me. Below is my initial sketch for my computer screen size:

This is a hand-drawn blueprint for my website

My first draft that I made mimicked my blueprint for the most part. My name was still cast as a large header across the page, but I made the font much smaller because I felt as though a large name that took up 90% of the screen would be a bit much. I broke my navigation bar into two parts, making a second navigation bar in the footer of the page solely for social media. I felt as though the original social media section I drew up was very vague, so I broke up my social medias into Twitter, Instagram, and LinkedIn respectively, and giving them their own navigation space only made sense. I kept my professional field boxes and dimensions the same (They look small because I did not add content yet). I added a gallery to the first navigation bar to maybe showcase some pictures of me playing basketball but the gallery section is still a tentative idea that I am taking into consideration.

This is the first version of my website without any major content added

I decided to remove my gallery section, as I felt like I did not have time to invest to put a ton of quality pictures into it. I also relocated my blog section to my portfolio section, as it is a big project that I did that i wanted to shown along with my other professional projects. Below is one of my last revisions before I did the grand final edit to make my website look perfect in my eyes. All that needed to be done at this point was to make the professional field’s paragraph’s font smaller, perfect the coding for the different screen sizes, and smooth other some other little kinks. I am proud of how my website and my coding skills have grown.

One of the last revsisions to the site One of the last revsisions to the site