I think my design is definitely emotional and responsive. Emotional design I think when it comes to a resume or portfolio site involves how I can communicate about me using my design choices. For one, the colors I think match well and aren’t too vibrant, rather passive. I think of the class reading on color theory where they said that orange promotes uniqueness and friendliness. Personally, I think a lot of color theory is kind of malarkey but I did choose orange as one of my primary reasons. I love the combination of the light blue (azure) and the orange, they are an odd pairing, but it works. Kind of like me. Other design choices include word choices and fonts. I opted to go for Cairo because I think it looks futuristic and technical. I think For one, I designed and edited the CSS with the mobile version in mind. The CSS is responsive, as the fonts move and change per different screen size. This important for responsive design because it is important for people who access this site on different screen sizes, whether it be tablets, mobile phones or monitors. One example of responsive design is the font-size on the mobile version. The font is big, bright and takes up a lot of attention. The links are clickable and responsive and my image features an ALT text for visually impaired viewers. Both of these things are important in web design because there are plenty of people with visual impairments on the web.
I was so ambitious with my sketches. As I should have been. I wanted to have a grid based portfolio page, with links to my different work. Kind of like Olivia’s. I imagined my site featuring my name at the top, an about me paragraph and then a grid of my different portfolio work around it. I learned early on that that would be not how to do it, because we were doing different navbar stuff so my about me and my portfolio would be on different pages. Which was fine. I wanted to differentiate between the things I wrote and the things I edited, or produced, so I imagined myself having two different barriers. Like I do now, so the idea went from being grid-based, to seperated and I was able to execute the separation between those two. I was happy with how my portfolio page turned out and I think it looks good and fits in like stylistically with my resume. So, while it wasn’t what I wanted, I was definitely okay with how it turned out.
I think added an image slider with clickable images to my work would be really cool, but that goes back to my grid idea. I think it would be cool if each one of my individual work had little boxes with clickable thumbnails that led people to my page. I think it would make it more responsive because I think on the web images tell stories way better than words do. At first I had a significant error in this project that I feel held me back, this is when my “welcome” message would keep appearing next to my navbar. We eventually were able to figure it out when it came time to meet, but it was very frustrating. I would definitely have experimented with clickable images had I had more time to devote towards actually developing my resume and not troubleshooting.
My resume looks better than my portfolio site. I won’t lie. But, I think I tried some more things in my resume, for one, I went for color. If you recall, my resume’s color scheme is black and white. I didn’t want to do that again so I decided to do some color. I think I successfully added the color but it kind of doesn’t look as good as the plain black and white in my opinion. I’m kind of a plain guy, I guess. I think my portfolio site is reflective of me taking more kinds of risks. I don’t think progress is linear. You have to try new things and strike out. With more skills I would have tried the jqeury one page thing that you put under potential risks to take. That seems like it fit into one of the ideas I had in my sketch. But it’s okay. Where do I think I stand right now? That’s a good question. I think I know what I’m doing. I understand div tags, and sections and h1, h2, and when a code is self-closing, etc. I totally get that. However, I am mistake prone. In everything I do. I’m just not detail oriented. I’m not making mistakes, but I am going to make a typo, or an error, or forgot to close a tag and it’s going to take me hours to find the mistake. If I could dictate to someone who is coding for me, I think I could accurately tell someone everything to do and know how to do it. If I could suggest to future classes, I would tell students to come in open minded. Don’t have coding anxiety because you weren’t good at math in high school, or hate computers. It’s okay and it’s different.
Coding is definitely an art. It is creative. And it is rewarding and even sometimes fun when you know what you’re doing. COM students should appreciate that and be ready. I have seen students in our class do amazing things and sometimes have wished I was as good at coding as my classmates. I think regarding that, is that coding will be something I continue working on because I think it can be some helpful and beneficial to my future. And at least something that is good to know and be familiar with.
BUT…another suggestion I have would be, be prepared to be frustrated. I’d say there is going to be an instance when you do something 99% correct, and somehow still completely mess up your website. It happens. Don’t worry. Don’t fret. Just figure it out and move on and keep your eyes on the endgoal. If there is a potential code breaking bug there, definitely try to fix it, but also keep filling in your content and fixing other aspects of your site. I still have a random welcome message in the corner of my home page. I have no idea where it’s from. I decided to work around it and upload my content in spite of it, because I wasn’t going to let it keep me from doing my project. As of the upload of this paper, it’s still there but I’m going to keep trying to figure it out.