A brief description of the site I want to create.
My final project website will be a professional portfolio dedicated to my future video game concept, Project Aetherforge. This site will highlight the early stages of the game’s development, including worldbuilding, characters, concept art, mechanics, and devlog-style updates. It will also act as a central hub where I can document my progress throughout my Computer & Web Programming program and eventually link playable prototypes made in Unity or Python.
The site will look and feel like an official game website—clean, modern, and fantasy-themed.
Three Similar Web Site Addresses.
These are real game websites with a similar structure and style to what I’m building:
All three include worldbuilding sections, character art, gameplay descriptions, trailers/screenshots, and updates—similar to the vision for Project Aetherforge.
Site Goals and the Website’s Purpose Statement
- Showcase my game concept, lore, characters, and worldbuilding.
- Present my work in 3D modeling, coding, scripting, and Unity development.
- Create a polished portfolio piece for future resumes, programs, and employers.
- Document my progress as I build my skills in the Computer & Web Programming program.
- Give visitors a “game studio” impression through clean UI and fantasy-themed styling.
- Build a foundation that can later host downloadable demos or devlog videos.
The purpose of this website is to present and promote my future game project, “Project Emberfall,” while showcasing my skills in web design, programming, storytelling, and game development. It serves as both a professional portfolio and a creative space to document my learning and development journey.
Target Audience Information.
- Indie game players and hobby developers interested in the project.
- People who enjoy RPGs, fantasy worlds, and indie game projects.
- Future employers in web development, software development, or game development.
Website’s Color Scheme, Page Layouts
Primary Color:
- 101E85
Secondary Color:
- C1B300
Secondary Color 2:
- C15B00
Story Board
HOME PAGE:
-------------------------------------------------------------
| HEADER |
| [Logo: Project Aetherforge] |
| [Home] [World] [Characters] [Gameplay] [Gallery] [Devlog] |
| [Landing Page] [Contact] [About] |
-------------------------------------------------------------
-------------------------------------------------------------
| HERO SECTION |
| Large image banner w/ alt text |
| H1: Project Aetherforge |
| Tagline: A Fantasy Survival RPG in Development |
| CTA Button: Explore the World |
| SEO: meta title + keywords + description |
-------------------------------------------------------------
-------------------------------------------------------------
| FEATURE SECTIONS (3) |
| [World Overview Card] |
| [Characters Overview Card] |
| [Gameplay Overview Card] |
-------------------------------------------------------------
-------------------------------------------------------------
| EMBEDDED VIDEO (Gameplay Teaser) |
| YouTube or MP4 embed + caption + alt text |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER SECTION |
| Andrew H | © 2025 | Email link | Social sharing buttons |
-------------------------------------------------------------
THE WORLD PAGE:
-------------------------------------------------------------
| PAGE TITLE: THE WORLD |
| H1: Explore the Realm of Emberfall |
-------------------------------------------------------------
-------------------------------------------------------------
| WORLD MAP / ART IMAGE |
| Full-width image slider OR static image |
| Alt text + accessibility caption |
-------------------------------------------------------------
-------------------------------------------------------------
| LORE SECTIONS |
| H2: Origins of Aetherforge |
| Paragraphs chunked using SUCCESS methods |
| H3: Major Regions |
| - Bulleted list of areas |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
-------------------------------------------------------------
CHARACTER PAGE:
-------------------------------------------------------------
| PAGE TITLE: CHARACTERS |
-------------------------------------------------------------
-------------------------------------------------------------
| CHARACTER GRID (3–4 per row) |
| Card: Image | Name | Role | Short bio |
| H2 + H3 headings for sections |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
-------------------------------------------------------------
GAMEPLAY PAGE:
-------------------------------------------------------------
| PAGE TITLE: GAMEPLAY |
-------------------------------------------------------------
-------------------------------------------------------------
| GAME MECHANICS OVERVIEW |
| H2: Exploration |
| H3: Crafting |
| H3: Combat |
| H3: Survival |
| |
| Ordered List: |
| 1. Start your journey |
| 2. Gather resources |
| 3. Advance your character |
| |
| Unordered List |
| • Weapons |
| • Tools |
| • Enemy Types |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
-------------------------------------------------------------
GALLERY PAGE:
-------------------------------------------------------------
| PAGE TITLE: GALLERY |
-------------------------------------------------------------
-------------------------------------------------------------
| IMAGE SLIDER |
| WordPress slider plugin (Smart Slider, MetaSlider, etc.) |
| Multiple royalty-free or custom images |
| Every image has alt text |
-------------------------------------------------------------
-------------------------------------------------------------
| STATIC IMAGE GRID BELOW |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
-------------------------------------------------------------
DEVLOG / BLOG PAGE:
-------------------------------------------------------------
| PAGE TITLE: DEVLOG |
-------------------------------------------------------------
-------------------------------------------------------------
| BLOG POSTS (auto list from WP) |
| Each post includes: |
| - Title (H2) |
| - Date |
| - Excerpt |
| - "Read More" link |
| |
| COMMENTS ENABLED |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
-------------------------------------------------------------
LANDING PAGE:
-------------------------------------------------------------
| PAGE TITLE: JOIN THE Aetherforge TESTERS |
-------------------------------------------------------------
-------------------------------------------------------------
| USER FORM |
| Textbox: Name |
| Textbox: Email |
| Radio Buttons: |
| ( ) PC Tester |
| ( ) Console Tester |
| Dropdown: Game Interest Level |
| Textarea: Why you'd like to join |
| Submit Button |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
-------------------------------------------------------------
CONTACT PAGE:
-------------------------------------------------------------
| PAGE TITLE: CONTACT |
-------------------------------------------------------------
-------------------------------------------------------------
| SIMPLE CONTACT INFORMATION |
| Email hyperlink |
| Icons: Facebook, Instagram, Snapchat, Twitter, LinkedIn |
| Map Embed |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
| © 2025 Andrew H – Creator of Project Aetherforge |
-------------------------------------------------------------
ABOUT THE DEVELOPER PAGE:
-------------------------------------------------------------
| PAGE TITLE: ABOUT THE DEVELOPER |
-------------------------------------------------------------
-------------------------------------------------------------
| IMAGE + BIO + SKILLS SECTION |
| H2: My Background |
| Paragraphs chunked using SUCCESS writing |
| H2: Skills |
| Bulleted list |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
-------------------------------------------------------------
SCREENSHOTS & DOCUMENTATION PAGE:
-------------------------------------------------------------
| PAGE TITLE: PROJECT DOCUMENTATION & PROOFS |
-------------------------------------------------------------
-------------------------------------------------------------
| ALL REQUIRED SCREENSHOTS WITH LABELS |
| - WordPress installation screenshot |
| - Theme installation screenshot |
| - Plugin installation (SEO, slider, sharing) |
| - Menu setup screenshot |
| - Editor role added |
| - Responsive layout screenshots (mobile/tablet/desktop) |
| - Landing form screenshot |
| - Image slider screenshot |
-------------------------------------------------------------
-------------------------------------------------------------
| FOOTER |
-------------------------------------------------------------