icon picker
Project 1, AV 3.0, 1.1 - The Balangay (Ancient Mariners & Their Sea Routes)

User Experience: Interactive touchscreen walks visitors through the traditional design and construction of a Balangay. Voiceovers bring the story to life, adding depth and accessibility.
Optional Value Add: The experience builds to a lifelike 3D model floating in a realistic seascape. Use simple hand gestures to rotate, zoom, and explore the vessel in rich detail.
Success Metrics:
All planned content screens are fully functional and available in both English and Filipino (text and audio), delivered on time and within budget.
Users gain a clear understanding of the Balangay’s history and construction process through interactive visuals, narration, and 3D content.
Visitors can easily navigate the app without guidance, with at least 85% satisfaction in user feedback sessions.
High-quality animations, parallax effects, and voiceovers enhance storytelling, with optional 3D model supporting interactive exploration.
The app performs smoothly on all target Android tablets, includes idle reset functionality, and is built for easy future updates.
info

Experience Mechanics

The experience begins with assets zoomed out across the screen. When visitors touch any area, a ripple effect guides their attention as the view smoothly zooms to that location, creating an intuitive, exploratory interface.

Layered Information Architecture

Tapping any element triggers an animated information popup with engaging visual flourishes. Each popup features nested exploration—tap a galleon's sail and discover expandable circles showing sail materials, wind-catching mechanics, and construction techniques. This multi-layer approach prevents information overload while satisfying different curiosity levels.

Universal Appeal Design

Content follows a dual-tier approach: bold, kid-friendly headings paired with detailed factoids underneath. This ensures younger visitors stay engaged with accessible language while adults discover deeper historical insights. Short, digestible descriptions replace walls of text, creating genuine edutainment.

Ambient Visual Enhancement

A subtle twinkling overlay animates across the entire interface, transforming static screens into living, breathing experiences that naturally draw museum-goers' attention and encourage interaction.

Scope & Content Integration

This experiential design prioritizes intuitive interaction over complex game mechanics. Background music, photographs, and historical text should be provided by museum researchers


Project 1: The Balangay - Revised Multimedia Estimate

Project 1 - Base 2D Experience Estimate
Milestone ID
Milestone Name
Task
Detailed Deliverables
Sourcing
UX/UI Design & Audio
Eng Man-Hours
TPM & QA
Pass-Through Costs
Total Man-Hours
BC-M1
UX & Content Design
Design selection screen for choosing boat-building stages; Create tablet-optimized UI; Define layout for interactive hotspots; Prepare English & Filipino content with voiceover mapping
Selection screen for boat-building stages (tablet-optimized); Interactive hotspot layouts with animation mockups; Material screens showing wood types; English & Filipino content with voiceover mapping; Design UAT
In-house by WW
32
0
7.2
0
39.2
BC-M2
Art & Media Assets
Art Creation: Illustrations and Effects; Photo integration from client
2D Art Creation: Interface backgrounds (2048x1536px, tablet-optimized); Construction stage illustrations (5 stages); Interactive hotspot icons (24 icons, 64x64px); UI elements and buttons (3 states each); Material identification graphics. Photo Integration: Historical Balangay photos from client; Editing, formatting, optimization for mobile
In-house 2D + Client photos
32
0
6
0
38
BC-M3
Motion/Animation
Motion Design/Animation
Transition animations between screens; Hotspot interaction animations; Construction sequence animations; Loading and idle state (screensaver) animations; All at 30fps, optimized for Android tablets
In-house by WW
24
0
2.4
0
26.4
BC-M4
Audio Production
Audio Asset Creation: Narrations, Sound Effects, Background Music
VO Narration: English & Filipino scripts (5-8 min total); Professional talent recording; Audio editing and sync. Sound Effects): Tap/touch feedback sounds; Transition audio cues; Construction ambient sounds; Library licensing + editing. Background Music: Historical ambient music (3 tracks, 2-3 min each); Client research team input + library licensing; Loop-ready, mixed for mobile
Pass-through VO + Licensed SFX/BGM
18
0
2.7
$1,300-2,000
20.7
BC-M5
Core Implementation
Build the interactive content flow; Implement tappable hotspots; Add transitions and animations; Sync bilingual content; Set up inactivity timeout
Interactive content flow: screensaver → stage selection → content screens; Tappable hotspots with text/tooltips and modals; Smooth transitions and animations between screens; Bilingual content with toggle and audio triggers; Inactivity timeout to return to screensaver
In-house by WW
4
60
10.8
0
74.8
BC-M6
Deployment & QA
Final review of bilingual content, hotspots, and animations; Client UAT; Onsite deployment
Final review of bilingual content, hotspots, and animations; Client User Acceptance Testing; Onsite deployment with remote setup; Performance optimization for target Android tablets
In-house by WW
2
24
4.2
0
30.2
There are no rows in this table
229.3
Sum


Project 1 - Optional 3D Enhancement Estimate
Milestone ID
Milestone Name
Task
Detailed Deliverables
Sourcing
UX/UI Design & Audio
Eng Man-Hours
TPM & QA
Pass-Through Costs
Total Man-Hours
BC-VA-M7A
3D Balangay Model
Design and source 3D Balangay model
Licensing detailed 3D model with authentic textures; Model optimization for tablet performance (<5MB); Texture editing and material adjustments; Quality assurance and historical accuracy review; 360° view capability setup
Licensed + WW editing
10
0
2.4
$500-800
10.4
BC-VA-M7B
3D Environment Assets
Design and source 3D seascape environment
Realistic seascape background licensing; Water effects and lighting assets; Environmental texture optimization; Asset integration and formatting; Environmental animations; Mobile-optimized rendering
Licensed + WW editing
10
0
1.8
$300-500
7.8
BC-VA-M7C
3D Development Integration
Integrate 3D model and implement controls
3D engine integration and setup; Touch gesture controls (rotate, zoom, pan); Performance optimization for Android tablets; Seamless transition from 2D to 3D view; 3D rendering pipeline optimization; Memory management and frame rate optimization
In-house by WW
0
16
4.8
-
20.8
There are no rows in this table
39
Sum


Project 1 - Further Polishing (Optional, Highly Recommended)
Milestone ID
Milestone Name
Detailed Deliverables
Sourcing
UX/UI Design & Audio
Eng Man-Hours
TPM & QA
Pass-Through Costs
Total Man-Hours
BC-FP-M7
Further Polishing
Multiple feedback cycles with Museo Del Galeon; Refinement of appearance, look, and feel; Motion and audio fine-tuning; Historical accuracy validation; Performance optimization; Final client approval process
In-house by WW
40
60
4.8
-
104.8
There are no rows in this table
104.8
Sum

Pass-Through Cost Breakdown

Base Project Costs ($1,300-2,000)

VO Talent: $800-1,200 (Professional English/Filipino narration, ~5-8 minutes)
Sound Effects Library: $200-300 (Touch feedback, transitions, construction sounds)
Background Music Library: $300-500 (Historical ambient tracks, licensing)

Value Add Costs ($800-1,300)

3D Balangay Model: $500-800 (High-quality licensed model with textures)
3D Environment Assets: $300-500 (Seascape, water effects, lighting assets)

Visual Aids

error
The 3D models below are only examples of optional value add.

Key Features of Project 1: The Balangay Estimate:

Base 2D Experience (144.5 hours):
Interactive Construction Journey: Touchscreen walkthrough of traditional Balangay boat-building stages
Historical Accuracy: 5 construction stages with authentic materials and techniques
Rich Visual Assets: 2048x1536px backgrounds, 24 interactive hotspot icons, cultural design elements
Bilingual Audio: 5-8 minutes of professional English/Filipino narration with cultural context
Educational Content: Wood types, traditional tools, and indigenous shipbuilding methods
Client Integration: Historical photos from Museo del Galeon edited and optimized
3D Enhancement (39.0 hours):
3D Balangay Model: 360° interactive view with authentic textures (<5MB optimized)
3D Seascape Environment: Realistic water effects, lighting, and environmental animations
Gesture Controls: Touch-based rotate, zoom, and pan functionality
Seamless Integration: Smooth transition from 2D educational content to 3D exploration
Performance Optimized: Mobile-friendly rendering for Android tablets
Educational Elements:
Cultural Preservation: Traditional Filipino boat-building knowledge and techniques
Interactive Learning: Tappable hotspots revealing construction details and material properties
Historical Context: Connection to pre-colonial maritime heritage and seafaring traditions
Hands-on Discovery: Visitors actively explore each construction phase at their own pace
Technical Specifications:
Responsive Design: Tablet-optimized interface with large touch targets
Multilingual Support: Complete bilingual experience with audio/visual language switching
Session Management: Automatic reset and privacy protection between visitors
Content Updates: Remote capability to add new construction details and historical information
This creates a foundational interactive experience that can serve as an introduction to traditional Filipino maritime craftsmanship, with the 3D enhancement providing an immersive "wow factor" for visitors who want deeper engagement with the Balangay construction process.

MDG’s Brief

CleanShot 2025-09-19 at 15.04.15@2x.png
CleanShot 2025-09-19 at 15.04.29@2x.png
CleanShot 2025-09-19 at 15.04.39@2x.png
CleanShot 2025-09-19 at 15.04.48@2x.png
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.