Portfolio Site

According to the nine essential principles for good web design, my site design lives up to most of them, such as the spacing, the navigation, the typography, alignment, clarity, and consistency. In my opinion, what the design is falling short on would be probably the precedence and the usability.

The hierarchy is not too bad when you first look at the site, the photograph of the donuts are seen first, then the first div that is about me. I would like to add those arrows back in to the bars for each section because it helps guide through the site, but, if too difficult, it is not a huge issue.

For the usability problem, the only thing is that I need to think about how the mobile version of this site will work. There are not any people who like to turn their phone horizontally; so, I want to look into some other options when I get to this point.

However, my HTML site compared to my Photoshop design is quite close. There are a few things that have changed, such as adding some more info into the about me section, or the loss of the arrows, but they are smaller details.

Reflection

I do plan on taking Web 2, not only because it is a requirement for me, but also because I actually enjoyed this class. I would like to learn more about web design and improve. I really am looking forward to taking this class in the fall. 

Resume

Alyssa N. Myers

anm89@zips.uakron.edu

Education

The University of Akron

Expected Graduation: Spring 2016

Bachelor of Fine Arts: Graphic Design | Computer Science

GPA: 3.88

  • Honors Student and Dean’s List
  • Phi Sigma Alpha
  • The National Society of Collegiate Scholars
  • The Student Design Society

Skills

  • Adobe Photoshop, Illustrator, inDesign, Dreamweaver
  • Programming Languages: C++ | Java
  • Web Design: HTML | CSS

Work Experience

Dunkin’ Donuts Brands | Mar Stew Inc.

May 2009 – present

Shift Manager

Salem, Ohio | West Store

330-332-8632

  • General duties, including cash management and customer service
  • General store operations and personnel management

Portfolio Site

After looking at some other site designs online and of my peers, I’m still a little unsure how I want it designed. I usually like sites that have a block in the middle and don’t scroll on the main page, like my first project, but I’m considering doing something different for my portfolio site. I would like the target audience to be just about anyone. I want everyday, normal people to be able to view it as well as studios. 

Reflection

After the first project, I can say that it is probably what I expected it to be. It can be frustrating when something isn’t working the way I want; however, I am accustomed to dealing with it. One thing that do not like would be the different sized monitors and the way a site will look different on each one. It would be easier if it would look the same no matter what monitor.

I would actually be completely fine with working with the web for my career. It is not my goal, but I do enjoy programming as well so it is kind of like a combination of both.

Portfolio Sites

I am very interested in character design and animation. So I would like my portfolio to represent that and my kind of style. I’ve always been very inspired by illustrations and character designs, and I would like my portfolio site to show this.
Screen Shot 2014-03-06 at 9.37.03 PM Screen Shot 2014-03-06 at 9.37.19 PM Screen Shot 2014-03-06 at 9.37.31 PM Screen Shot 2014-03-06 at 9.37.51 PM Screen Shot 2014-03-06 at 9.38.08 PM

Change the Color of Scrollbar: Joe Malacky

After looking at some other classmate’s blogs, I came across one that talks about something useful to me. Joe talks about how you can change the color of the scrollbar; though, for some reason, he believes it is for the search bar… However, the site even give the actual code and explains what to do. You just need to copy and paste it, then change the colors. It’s that simple.

Joe’s blogpost
Change the scrollbar color

Shared Link: How to: CSS Large Background

How to: CSS Large Background 

I think that this would be a useful, interesting thing to know how to do because it can be very frustrating to have a picture get cropped that you wanted to use for the background. This tutorial explains how to avoid this so you can have whatever background you want on your site through using CSS. The author explains how to do a single image as the background or even multiple images. This, to me, is definitely a good thing to keep on hand for when we work on our portfolio site, or it is useful to me for when I would like to have more freedom in the backgrounds.CSS Tutorial