Sunday, March 30, 2014

Week 9B

Today we reviewed more about coding and then were assigned to create a webpage of our spirit animals. I chose to make one with a lion (which is an animal that I have adored ever since I was born).
While the lion isn't really a "spirit animal" it's the one that I chose.
First I illustrated a lion cub by hand and scanned it into the computer, image traced it on Adobe Illustrator, colored it, and then from there put it in my code.

Here are some images I took of that process.






I did everything we were told to do in class and then some. When our professor said to be creative with this webpage, I took that as making it better than just an image on the page. So I added a hoverover for my lion cubs. They blink if you put your mouse over them.

Week 9A

Today our professor reviewed some basic coding skills to refresh us for our next project which will be to make an advanced website.

Monday, March 17, 2014

Week 8B

So today we presented our app to the class (and we went first!!!!)

I was extremely nervous about it but in the end it wasn't as bad as I thought it would be. Ben did a fantastic job finishing our app and after hearing our class react to it, I feel like they really liked the app, both style and layout. We both worked very hard on this project. Redoing style, adjusting design of buttons and making the layout advanced. We must have changed things multiple times!
The only thing I wish I could have changed is the presentation. While I am very content with the restaurant experience layout, after watching our peer's presentations I feel like a left way too much out. Like I totally forgot to put in the final designs of our app and I feel like I just left out a lot of explanations.
In the end I'm just glad that the app came out really well and it's over! 

Week 7B

We decided that we wanted to go with Ben's background. We got rid of all spoon buttons and replaced them with grey little arrows on either side of main buttons and on one side of the "skip" and "back" buttons. Ben is taking the designs and placing them into the Axure wire frames.

Week 8A

Today was the day that Ben and I rushed to fine tune everything in our presentation. We divided duties up evenly so I was responsible for the presentation design and setup while Ben (who is now an Axure genius) finished up our App on Axure. It's actually much more detailed and advanced than I could ever wish to get it.

Here is the presentation.








Originally I was having trouble trying to figure out how I wanted to present our research and app but after talking with prof. Pannafino, he said something about making it a storyline of how we made our app and so from that idea, I decided to make our app story about a person going through a restaurant experience. It made designing it way easier.

Tuesday, March 4, 2014

Week 7A

We had a personal critique with our professor in which he instructed us of the following things. The background chosen for the style of the app was too detailed and distracted your eye from the information provided on the page. The buttons that we implied on some of the screens didn't really scream "hey I'm a button" so he suggested we alter that. Lastly is that we need a better map.

So here are the alterations that both me and my partner made to our app screens that already existed along with some new screens.

Here are Ben's alterations;


^Just so you know, the font for "Restaurant" just didn't show up on my Illustrator because I don't have that font loaded on my computer. It actually works quite well when you see the font he used. I also like his background choice. He used the design he made for our app icon (the padding design for the chair)

Here are what I did to change up for our app's style;

Order Food and Initial Login page

 2 Different Restaurant layouts for choosing seat
 Search and Filter Screens
 Home screen and Previous Reservation Screen
 Login/ Register page
The thing you should know for my "Search" screen is that I don't have a map there because Ben was in charge of the map design and we plan on joining them together in class Wednesday. Other than that I just simplified the background and added the icon logo here and there, along with giving more spoon buttons to the buttons at the bottom of the page (to make them more obvious for users.).

Sunday, March 2, 2014

Week 6: Outside of Class






Above are the Silver Spoon Seating Style Tile and three screen shots of the Login, Registration, and Home page of our app. It is a classy, sexy, and high class kind of app. I tried to keep the typography as only script fonts and one serif/ very readable font for specific small details. In some of the screens that I didn't show (like food and seating options, I want to give them a paper texture in the background so that you get the idea of a restaurant instead of the seating, spoon part of the Silver Spoon Seating App.