Week 13b

We spent the majority of this class period critiqueing the rest of the classes home pages that we didn't get to in the last class. We then had free work time to keep coding our own websites. I continued to work on things that were suggested for me to change in our last critique.

Week 13a outside of class

We were supposed to have 20 percent of our subpage done for class on Wednesday. I spent this time working out the glitches in my responsive nav and beginning to layout my subpage.

Week 13a

We had a full class critique today of  50% of our website (the entire home page). It was interesting to see everyone elses designs and discuss how they troubleshot certain issues. I wrote down all of the feedback that I got on my homepage:

- dotted line under logo unnecessary
-body 0 out the margins
-add hover state on social media
-social media: same color
-too many patterns
-high res. buttons
-do all drop shadows the same
-take away some copy in buttons
-footer gets cut off on mobile view
-more spacing in mobile text
-simplify upcoming events
-header image of subpage "trike race" event
-restructure main mission/image

12b in and outside of class

I was having some major problems getting my nav and images to stack responsively like I wanted them to so I ended up redesigning my layout from scratch and adding my content in accordingly. It is working much better now (aside from my nav looking a little funky in the full browser version, that it just styling issues that I will be able to work out). I also need to work on the styling of my main image/mission statement.

Week 12a

At this point we made a quick review of all the completed websites so far. We walked around the classroom and took a look at eachother websites. We then broke up into small groups to critique each others work this took up a big majority of the class. We then had the rest of the class period to work on our websites.

Week 11b outside of class

I worked on coding my website. I was having a lot of trouble with the nav and spent alot of time trying to figure it out. I ended up only getting about half of the homepage done with many glitches in the normal and responsive versions of it.

Week 11b

So today in class we had a class mini critique about our detailed sketches that we had to do for homework. We went around the room and looked at everyones and then had a few people give us specific feedback on our own. I got a lot of good feedback about my layout and also some positive suggestions about how it should scale down to the mobile version.

Professor Pannafino then came around the class and met with each of us one on one to talk about our sketches. He liked my layout but wanted me to expand on the content of my sketches a little bit more. I was instructed to make it more clear what my images will look like, add content where the "news" rectangles are located, and also to actually write in what the link will be in footer.

Here were my sketches. Note: The wrinklyness/red splotches all over these sketches are the biproduct of having a 3 year old who likes to color all over your homework before you get a chance to photograph them... they didn't look like this in class. lol

Week 11a outside of class

It took me a little bit to figure out Axure. It functions similar to illustrator and was really easy to use. I felt like my artboard contraints were a little too small for me and I couldnt figure out how to make my artboard larger and smaller without scaling the elements that I had place inside of it. Also, Kira told me that our wireframes were supposed to be responsive and I could not figure out how to make mine responsive.


These pages go HOME, SUB, HOME, SUB

Week 11a

I was not able to make it class today. My son got sick and needed to be picked up from his daycare so I had no one to watch the little ones during class time. I contacted Kira outside of class and she filled me on what we did and what our homework assignment is for Wednesday.

-make 2 wireframes using Axure, 1 more conservative and 1 more expirimental.
-a home page and a sub page
-a total of 4 wireframes

Week 10b outside of class and visual inventory

So I finally decided on a nonprofit organization that is in Lancaster!

I decided to work with the United Way of Lancaster for my non-profit website. They are a non-profit organization that helps strengthen the community by working on bettering educational, health, and financial institutions to get families on their feet and children living successful lives. They're website is hard to navigate to and doesn't really talk about their main goal on the home page. It is just a series of images that have a sentence about the community. After searching around their site for a bit, I finally came across a line that I think sums up their main goal, 

" We all win when a child succeeds in school, when families are financially stable, when people are healthy.

United Way’s goal is to create long-lasting changes by addressing the underlying causes of these problems.

Living united means being a part of the change. It takes everyone in the community working together to create a brighter future."

Here is a screen shot of their homepage that they have now...

http://www.uwlanc.org/Home.aspx

Here is my visual inventory for United Way of Lancaster, Pa: