Wireframe's to-do, goals, etc list

back to "Havana" project links

## "Wireframe"

Site summary: Promotes the book, its author, and evangelizes Havana (Cuba), providing quick introductory text and images, plus links to more resources (including, naturally, the book) to encourage further exploration.

### Parts List

1. Home -- intro to the whole schmeer:
   1. book teasers
   2. upcoming events
   3. author
   4. buy
2. Blurbs (pull-quotes from blogs, reviews, etc)
3. Answers To Readers' Questions
4. Upcoming Events/Calendar (readings, appearances, talks)
5. Buy (which vendors? Amazon, Powell's, B&N?)
6. Full Reviews ("reprints")
7. Links to Reviews & Blogs
8. Interviews (radio, podcasts)
9. Photo Gallery -- images from the book
10. Author Bio
11. Table of Contents plus Visual Chapter Summaries (brief)
12. Excerpts?
13. Resources Link ("for more info on...")
14. Media Room
15. Secure Hi-Res Images
16. Havana Maps (under excerpts?)
17. Chapter Teaser Pages (a few images and a couple paragraphs)
18. Contact info -- for booking, for site, other?

### Design Goals

1. Home -- "This is NOT a blog"
2. establish: 1. topic & 2. era --> Havana, Cuba, mid-century (1940's-50's)
3. SEO & targeted phrases, e.g. "cuba photos", "havana night life"
4. Audience(s) plus how to reach 'em (break this down)
   1. academic
   2. travellers
   3. mid-century nuts: LA Conservancy, hipsters, Arclight crowd.
      read: Lotta Living?, BoingBoing?

## Ideas

1. ...[the look] I wanted to express of the cool Rat Pack era sophistication of the 1950s. The cigar box image is great.
2. a list of the table of contents would not be nearly as compelling as a vertical column of thumbnail images representing each chapter (with the chapter name next to it) that links to a page highlighting the chapter with cool images with captions).

## Dumb Ideas (Buz's)

1. have feedback form in a super footer on the pages. Yeah, trying to jen-up "community" but could be neat, especially if done on a dutch angled, vintage pre-Castro postcard.

back to "Havana" project links

## "Quickie" To-Do MUSTS

1. "If you're under 70, you'll need the book to know what we're missing." Jared Paul Stern. GQ USA Men.Style.com
2. Then & Now Pictures!
3. browser-baseline: Internet Explorer 6 & 7, re-verify Firefox & Safari
4. IE header background (sub-pages), IE6 can't handle: div#header.tall so we'll be using div.tallHeader
5. Confirm that clicking the amazon icon and purchasing a book results in a credit to yours truly
6. IE6 relative font-sizes or pixels? OK, force px
7. footer text
8. reattach JS email protector
9. photo gallery
10. IE6 PNG bug hack
11. reviews
12. author photo (on new bg, home page)
13. pull unused main nav links: "events"
14. home -- end of "about the book" invite "explore"
15. absolute links: 404 handler
16. add the Havana URL up front on my new MySpace profile
17. The brownish text is a bit hard to read under the heading "Explore the book." Can it be a bit lighter in color?
18. ... [selects] chapter thumbnail images I'd like the chapter paragraph text to be bigger, more akin to the font size of the intro paragraph "About the Book" on the main page.
19. When you are taken to the specific chapter page, such as Chapter 1 From Spanish Colony to Cuban Republic, the paragraph should be surrounded by, or be in close proximity to, the four or five medium-sized images associated with that chapter (identified by their jpg names). Then each of these images should be "clickable" to a larger version like in the photo gallery.
20. I'd like that big, bright amazon button up near the top of the main page
21. site stats

## WBN & CBB List

1. Make the book cover on the upper left of the main page clickable to the enlargement
2. Change the top tab button "Photos" to "Photo Gallery"
3. On the bottom left of the main page put the amazon selection before Powell's and the others because it's currently the only fully functional site for the book
4. Make the "More Reviews..." button on the lower right main page clickable to the Reviews page
5. Remove the bold words from the main page bullet points (i.e. Shanghai Theatre)
6. Include a link to my MySpace page
7. Eventually, include an interactive blog capability
8. ms Gamms
9. header quotes: style
10. header quotes: rotate via Javascript
11. Photos scrolling style
12. body font -- see ILoveTypography.com
13. Footer image(s)
14. keep images from "coming soon" page on hidden part of new home page.
15. top nav hover issues
16. [better] big, bright amazon button near top of home page
17. footer link colors
18. shaded vertical divider in IE
19. explore/chapters use 100's with large hovers? would be neat?
20. lock down directories for browsing
21. favicon

## Wireframe To-Do

1. Chapter pages: one chapter per page? two? three?
2. main navigation {home, photos, chapters, und...?}
3. header: book title, book photo, tag-line, "Peter", plus navigation.
4. Does book in header act as "Buy" link? NO
5. footer: contact (email) link, copyright, and...
6. Is "Press Room" linked from every page? YES
7. Photo Gallery
   1. Image sizes
   2. Choose images, need titles, descriptions, attribution, chapter, etc.
   3. Watermark 'em