Meeting Notes
AV 11.0 is more of an interactive brochure
Video testimonials organised by ship type/ geography/ questions
Life at Sea will require switching from Spanish, Tagalog and English
LIFE AT SEA
AV 11.0 - "Life at Sea" is a video testimonial experience focusing on Filipino maritime workers - the seafarers who work on tankers, cargo ships, and cruise liners around the world.
Core Concept: Personal stories from Filipino crew members about their experiences at sea - why they chose maritime work (family, money, adventure), their challenges and exciting moments, and perspectives from those who've returned home.
Interface: Single 43" touchscreen showing a grid of Filipino maritime worker portraits. Visitors browse and select individuals to watch their video testimonials.
Content Organization: Stories categorized by ship type, geography, and common questions about life at sea.
Emotional Focus: Pride in Filipino seamanship, understanding the sacrifices of overseas workers, and connecting visitors with the human stories behind global maritime industry.
This is about the people who work the ships, not tourists or passengers - highlighting the Filipino maritime nation.
Step-by-Step User Flow:
1. Screensaver State (Image 3, left)
Maritime port scene background with cranes and containers "LIFE AT SEA" title overlay 2. Video Search Gallery (Image 3, right)
Grid layout of Filipino maritime worker portrait photos Each portrait shows a real person - different uniforms, ages, genders Top navigation: Carousel Navigation Menu | Video Button | Search Bar Center highlight: Selected person shows name and title (e.g., "CAPTAIN KRISTINA JAVELLANA - FILIPINA LICENSED CAPTAIN") "HEAR MORE" button appears when someone is selected Home/Back navigation at bottom 3. Video Playback (Image 4)
Full-screen video of the selected person Professional interview setup showing them speaking Subtitles display their words ("That's where we learned to be independent.") Standard video controls (play/pause, timeline, volume, fullscreen) Home/Back buttons for navigation Interface Logic:
Touch portraits to select/highlight individuals Search bar lets visitors find specific crew roles or names Carousel navigation organizes by categories (ship type, geography, questions) Videos show the human face of Filipino maritime workers worldwide The experience transforms from a gallery of faces into personal storytelling, connecting visitors with individual Filipino seafarers and their experiences working on ships globally.
Project 5, AV 11.0 - Base Estimate
Total Pass-Through Costs: $400-600 (Video processing only, testimonial content provided by client)
Filipino Maritime Workers Gallery - Technical Specification
SYSTEM SETUP
Hardware: Single 43" touchscreen display with integrated speakers Content: Portrait gallery with video testimonials from Filipino maritime workers User Flow: Screensaver → Gallery Browse → Video Playback → Return
USER INTERFACE FLOW
Phase 1: Screensaver (Idle State)
Visual Design:
Maritime port background with container cranes and ships "LIFE AT SEA" title overlay in clean typography "Touch to begin" call-to-action Museum logo positioned in corner Subtle animation: gentle movement in background elements Activation: Any touch gesture transitions to gallery view
Phase 2: Portrait Gallery (Main Interface)
Layout Structure:
[Carousel Navigation Menu] [Video Button] [Search Bar]
┌─────────────────────────────────────────────────────────┐
│ ┌──┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ │
│ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │
│ └──┘ └──┘ └──┘ └──┘ └──┘ └──┘ └──┘ └──┘ └──┘ └──┘ │
│ ┌──┐ ┌──┐ ┌──┐ ┌██┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ ┌──┐ │
│ │ │ │ │ │ │ │██│ │ │ │ │ │ │ │ │ │ │ │ │ │
│ └──┘ └──┘ └──┘ └██┘ └──┘ └──┘ └──┘ └──┘ └──┘ └──┘ │
│ ↓ │
│ [CAPTAIN KRISTINA JAVELLANA] │
│ [FILIPINA LICENSED CAPTAIN] │
│ [HEAR MORE] │
└─────────────────────────────────────────────────────────┘
[🏠 Home] [← Back]
Gallery Features:
Portrait Grid: 4-5 rows of maritime worker photographs Selection Highlight: Selected portrait enlarges with border/glow effect Information Display: Name, title, and vessel type appear below grid Action Button: "HEAR MORE" triggers video playback Navigation: Carousel menu filters by ship type/experience level Phase 3: Video Playback (Story Interface)
Video Player Layout:
Full-screen video display with professional interview footage Standard HTML5 video controls (play/pause, timeline, volume) Subtitle overlay for Filipino/Tagalog segments Person identification: Name and title in lower third Home/Back navigation buttons always visible Playback Features:
Auto-play when video loads Trilingual subtitles: Toggle between English, Spanish and Tagalog captions 2-3 minute duration per testimonial Smooth return to gallery after completion CONTENT MANAGEMENT SYSTEM
Portrait Gallery Data Structure:
MARITIME WORKERS DATABASE:
├── SHIP TYPES
│ ├── Tanker Crews (Officers, Engineers, Deck Crew)
│ ├── Cargo Ships (Captains, Navigation Officers, Ratings)
│ ├── Cruise Liners (Hotel Staff, Entertainment, Service)
│ └── Offshore Vessels (Platform Workers, Supply Boat Crews)
└── EXPERIENCE LEVELS
├── New Graduates (First contracts, training experiences)
├── Experienced Officers (Career advancement, leadership)
└── Veterans (Returning home, mentoring next generation)
Search and Navigation:
Carousel Navigation: Filter portraits by ship type or experience level Search Bar: "Search by Name / Location" - find specific seafarers or their home regions Visual Indicators: Simple icons distinguish ship types (tanker, cargo, cruise) Randomization: Gallery order shuffles periodically to highlight different workers TECHNICAL IMPLEMENTATION
Frontend Development:
Framework: HTML5/CSS3/JavaScript for responsive touch interface Video System: HTML5 video player with custom controls Portrait Grid: CSS Grid layout with touch-optimized selection Navigation: Smooth transitions between screens with fade effects Content Assets (Provided):
20-30 high-resolution portrait photographs (square format, professional quality) 20-30 video testimonials (MP4, 2-3 minutes each, 1920x1080) Dual subtitle files: English and Tagalog SRT files for all videos Background imagery for screensaver and interface elements Performance Requirements:
Portrait Loading: < 500ms to display full gallery from screensaver Video Playback: Instant start when "HEAR MORE" selected Touch Response: < 100ms for all interface interactions Memory Management: Efficient video buffering for smooth playback Museum Operation Features:
Auto-Reset: Return to screensaver after 2 minutes of inactivity Content Updates: Easy addition of new portraits and videos Analytics: Track most-viewed stories and popular navigation paths Accessibility: High contrast modes, large touch targets, audio descriptions available MDG Brief