# Planetviews design mockups

Four alternative homepage concepts based on the recovered Planetviews content and the website planning brief. These are visual design studies, not deployed or functional websites. Headlines are draft design copy. Generated photography is illustrative concept imagery, not documentary evidence of historical events.

1. **Blue Cinema** — immersive film-first ocean experience; presentations follow the feature film.
2. **Field Journal** — editorial expedition archive; paper, large serif typography, documentary imagery.
3. **Living Signal** — bold conservation media and emerging leadership direction; expressive typography and collage.
4. **World in View** — a cartographic content explorer; map-led discovery of films and field stories.

Generated with the built-in image-generation tool. The exact generation briefs are saved in `prompts.json`.

Open `index.html` for the customer review gallery. The default is a side-by-side comparison of all four dedicated mobile layouts. The top navigation opens each concept independently, and Mobile/Desktop switches between separately composed images. Each preview scrolls. Concept and device selections are reflected in the URL, so individual views can be bookmarked. On narrow devices, the all-four comparison scrolls horizontally.

The gallery now uses a black-and-blue palette. [Open the Blue Cinema working prototype](blue-cinema/index.html) to explore the responsive homepage, all 15 recovered archive pages, search/filter controls, film dialogs and sample inquiry review. See [prototype notes](blue-cinema/README.md) for content provenance and implementation boundaries.

| Direction | Saved mockup | Best fit |
|---|---|---|
| Blue Cinema | [01-blue-cinema.png](01-blue-cinema.png) | Film-led emotional impact and presentation inquiries |
| Field Journal | [02-field-journal.png](02-field-journal.png) | Credibility, Michael's story, expeditions, and a growing archive |
| Living Signal | [03-living-signal.png](03-living-signal.png) | Campus audiences, emerging leaders, and an expressive media identity |
| World in View | [04-world-in-view.png](04-world-in-view.png) | Geographic exploration of conservation stories |

**Selected direction: Blue Cinema.** The other three directions remain available for customer comparison. These are image-based design mockups; the gallery navigation works, but the website controls depicted inside each image are not yet a functional site prototype. World in View's map would need a real cartographic implementation.

## Mobile designs

| Direction | Mobile composition |
|---|---|
| Blue Cinema | [01-blue-cinema-mobile.png](01-blue-cinema-mobile.png) |
| Field Journal | [02-field-journal-mobile.png](02-field-journal-mobile.png) |
| Living Signal | [03-living-signal-mobile.png](03-living-signal-mobile.png) |
| World in View | [04-world-in-view-mobile.png](04-world-in-view-mobile.png) |

Mobile images were generated from each desktop concept as a visual reference, with layouts re-composed for phones. Field Journal received an additional single-column revision for readability. Exact briefs are in `mobile-prompts.json` and `field-journal-mobile-revision.txt`. Production responsiveness, accessibility, live forms and real video playback will be verified during implementation of the selected direction.