1. Purpose & Intended Audience
Project Purpose (The "What" and "Why")
The goal of this project is to build a comprehensive website showcasing the popular Vietnamese reality television show "Anh Trai Vuot Ngan Chong Gai" (Call Me By Fire Vietnam). This topic was chosen out of personal passion for its ability to spread positivity, inspire audiences, and deeply express Vietnamese cultural identity. The site aims to introduce these beautiful traditional and modern cultural values to international friends.
Intended Audience & User Experience
The target audience includes anyone looking to discover or learn more about the show. The intended user experience will feel mature, energetic, and visually engaging. This will be achieved through rich imagery, dynamic media integration, direct links to official music playlists, and an intuitive content classification system sorted by seasons and behind-the-scenes categories.
2. CSS Design & Style Choices
This planning page directly implements the proposed styling, colors, and layout configurations intended for the final multi-page project site:
- Color Palette: Black (represents power, mystery, and a modern stage atmosphere), Red (symbolizes passion, fire, and overcoming obstacles), White & Gray (used for text contrast to ensure maximum readability). These colors also the theme colors of the show.
- Typography: Xuong Display Typeface The font used in the logo of the show "Anh Trai Vuot Ngan Chong Gai" is called Xuong Display Typeface, created by designer Truong Nguyen Huy. This typeface is inspired by the traditional "xuong ba la" (three-plank sampan) of the Southwestern region of Vietnam, featuring sturdy strokes with a strong handcrafted style..
- Layout Structure: Built utilizing a flexible layout strategy featuring CSS Grid for the main structural sections and Flexbox for navigation components and lists.
3. Proposed Site Structure Outline (4 Pages)
The final deployed project site will consist of four interconnected HTML pages built upon this structural blueprint:
Page 1: Homepage (Home)
Provides a brief overview of the show's unique format, key highlights, thematic site index links, and official social media network connections.
Page 2: Main Episodes
Features detailed broadcast timelines, official stage performance results of each round, and exclusive behind-the-scenes (BTS) footage listings.
Page 3: Concerts & Charity
Highlights major stadium live concert milestones, record-breaking achievements, and community charity acts inspired by the show (e.g., Scar of Life, 3000 Good Deeds).
Page 4: Artist Profiles
Displays individual professional summaries of the 33 talented male artists, FOH crew, music producers, and dance teams, along with hyperlinks to their official pages.
4. SEO Keyword Verification & Competitor Reference
To optimize discoverability, the search phrases "Anh trai vuot ngan chong gai" "atvncg" "ATVNCG" "atvncg2024" "atvncg2026" "Yeah1" were tested to guarantee alignment with target search results.
The following two highly relevant web platforms were found via this query and are linked here as required reference benchmarks: