Project 3 Start

     My idea for a website is a super simple, stream-lined website that allows the user to easily, and quickly find food, entertainment, or shops around Detroit based around CCS. The user would be able to access this site any time of day, and get quick directions to the place they searched up.  The user would also be able to use the website to save his/her top 10 favorite found places for a quick look up.

     This idea is based off of the super easy flow of the Jimmy Johns mobil ordering website. after going to school her for almost 3 years my main problem is when its late at night and I'm hungry, I don't know where to go. As well as those lazy sundays of boredom. This app/site would solve that problem. 

Interaction 1 (Positioning Elements In-Class Exercise)

Step 2:

Step 3:

Step 4:

Step 5:

YAY

Interaction 1 (Website Revisions)

Here are my revisions for my website. For this I took what I had and made the pages work together a little better. I have an idea for this website where the you can access all the pages by swiping to the left and right (to make it desktop friendly and iPad/iPhone friendly.)

Here is the enter page. Just press the photo and it opens up the home page.

Here is the home page. From here you can either press one of the tabs on the navigation bar or swipe to the left

Here is the profile page (Brag Strip)

Here is the Map Submission page

I changed the store to be a little different that the other pages. Instead of car parts it will have Rat Rodders merchandise. 

Here is the tips and tricks page

And this is the competition/event page. The posters are on a sideways scroll bar.

So there ya go! Any feedback is appreciated 

Interaction 1 (In Class Assignment Catch Up)

Woops forgot to post this first lol. This was an in class demo

Code: Html then Css

Finished

And here is another in class demo of using web fonts
Here is the css

 Here is the html

Interaction 1 (Style Tiles)

Style tiles for my website.  Color idea, logo, ect.

Interaction 1 (Site Structure)

Here is my site structure for my Rat Rod Website

INTERACTION 1 (User Personas)

Here are my 3 user personas