Big Apple Photo Tours
Web Design Goals:
1. HTML 5 and Flash featured for computers.
2. Cross function compatibility for iPads and smart phones.
3. An integrated interactive payment page.
4. SEO friendly.
5. Expandable and and independently customizable.
In addition to the above mentioned, there are elements that I would like to add to my existing design. I do not like the delays in the reloading of pages when clicking on links. From what I understand, only HTML 5 and Flash based websites are fully seamless. If you notice, on my website, there are no outlines, arrows, or boxes, except for the navigation menu. I would like to keep it that way. I would like the font style to be consistent across all platforms. Right now, it is Helvetica Neue Light. I would also like to add sounds to the website. For instance, when the cursor passes over each link in the navigation bar, I would like each link to have a subtle clicking sound. For my Flash elements, I am using software called Bannerzest. Maybe this software can be integrated into the template? I don’t know. I will send you links to other websites to show you what I’m looking for. I will now talk about each element on the website:
1. I would like every element and each page on the website to fade-in from the black background.
2. The Logo -
The logo is an image of a camera. I would like to add a hidden hotlink to the logo. The “i” in “Big” is in the form of shutter release button. I would like the “i”, when clicked on, to make the sound of a cameras shutter. In addition, when the shutter is pressed, I would like the screen to turn white (as if a flash went off) and quickly disappear into the center concentric circles in PHOTO, which is the lens. This would take some artistry to look good and function simply.
3. The navigation menu -
Notice how the menu buttons fade-in and out. I would like to keep this exact. Like I said above, I would like to add a click sound for each button as the cursor passes over. Also, on each link I would like to add drop down links (drop down menu).
4. Home page -
On the home page, the photos fade-in and out. I would like to be able to customize this. I would like the window to be made into a template so that I could add photos to the middle, right, left, right and left, etc. Maybe there could be a grid overlay in the template so I could align edges next to each other.
5. Photobook page -
As of now, there is only one pageflip book on the photobook page. Eventually, I would like to have up to 9 static images of photobooks. When the viewer clicks on each photobook cover, the other photobook covers would fade to black while the clicked on photobook will get larger, as is my photobook now.
6. Gallery page -
One of the reasons for drop down menus is that I would like to divide the Gallery up into two separate galleries: a Snapshot Gallery and New Yorker Gallery, as described in the Tours section of the website. I would like the photos to fade-in from black.
7. Information pages -
I would like to add and integrated and interactive payment page. Most likely, I will not include this initially in my website. Once the client and I have discussed details, I would like to send them a payment page. The page must be integrated into the interface of the website. Also, I would the spacing between the letters and paragraphs to remain as they are.
8. Tours page -
I would like the three different Tours: Snapshot Tour, New Yorker Tour, and Luxe Tour to fade-in from black first and then following this, the paragraphs will fade-in.
9. FAQ page -
I would like the questions to fade-in from black first and then the answers.
10. About page -
I would like “About” to fade-in from black first and then the rest of the content.
11. Contact page -
I would like “Contact” to fade-in from black first and then the rest of the content.
12. Music -
Continous Music throughout website