Order of the Jedi: Archive

OVERVIEW:

This proposal will outline the development of a Star Wars based, Jedi Order Archive. This website will serve as a immersive, logical, and visually cohesive platform that simulates an archive-style experience that can be used as an informational reference that offers an immersive design. Information included will detail the history, philosophy, training progression, and governance in dedicated and organized sections. The site will present the key elements of the Jedi Order in a structured yet readable format; offering a more approachable experience than other large fan-based encyclopedias.

PROBLEM STATEMENT:

Although, existing fan encyclopedias exist for Star Wars fans, these platforms can be overwhelming, and unnecessarily complex making browsing difficult and inefficient. This proposal will address this gap, offering a more curated approach through clean design and navigational clarity.

AUDIENCE:

Primary Audience: Star Wars enthusiasts, specifically those who have an interest in lore focused on the Jedi Order and its lore. The primary users will be seeking an structured, cohesive experience that prioritizes clarity.

Secondary Audience: More casual viewers, that are seeking an introductory overview of the Jedi Order.

Users:

1. Rowan, 19: A newcomer to Star Wars who is overwhelmed navigating alternative informational webpaes. Rowan is interested in learning more about the Jedi Order after watching some of the tv series and films.
   Goals/Needs: Easy navigation, short sections of readable info, clear page structure, visually appealing theme.
2. Jared, 36: Longtime Star Wars fan, seeking an experience that offers an in-universe presentation style. Jared appreciates logical information structure, and organized content.
   Goals/Needs: Clean information architecture, consistent design across pages, content grouped by topic.

OBJECTIVES & GOALS

• Create a cohesive 7–8 page website with consistent navigation and branding.
• Organize Jedi Order lore using a structured archival framework.
• Provide concise, readable content sections that are easier to skim than typical wiki pages.
• Demonstrate effective use of HTML and CSS for layout, and typography.
• Successfully publish and deploy the site to Netlify with functional internal linking.

Content & Features

Planned Pages

• Home / The Order: overview + navigation hub
• High Council → Grand Master → Council Members
• Training Path → Younglings & Padawans → Knights & Masters
• Archives/Holocrons → Lightsabers → Force Abilities
• Histories → Old Republic - Clone Wars → Imperial Era - New Jedi Order
• Sacred Sites → Jedi Temples → Sith Temples
• Holomessage: Order Contact page

Content Inventory

View Content Inventory

• Text summaries, content, philosophy, ranks, structures, and eras.
• Images of council members, temples, lightsabers, and other inspired imagery.
• Graphics and icons to fit with the immersive in-universe aesthetic.
• Audio or video for references or immersive detail.
• Assests to be created or aquired: header graphic, svg icons, Star Wars inspired imagery,
  optimize images for web use, and embedded media.

Key Features

• Navigation menu present on every page, and footer.
• Logical web structure
• Clearly labelled pages, and titles consistent through the platform
• Internal links, styled content cards, consistent themeing.

Wireframes

CONSIDERATIONS:

Design:

• Theme: Scholarly, archival, disciplined, and calm.
• Goal: Not a overwhelming and chaotic fanpage, but a curated Jedi archive.
• Typography: Formal, clean and elegant.
• Color: Earth tones; amber tones; muted blues; soft purples. Colors will be subdued; no high saturation colors.

Inspiration:

• StarWars.com → Reference structure
• Wookieepedia → Depth of content; proposal will simplify this experience.

Technical

• HTML5
• CSS
• Photoshop
• Netlify
• Google Fonts
• Video or audio embedded
• Potential use of JavaScript

TIMELINE

• Week 6: Finalize proposal → build proposal.html → deploy to Netlify
• Week 7: Create site map and wireframes
• Week 8: Develop visual style guide → graphic assets
• Week 9: Build HTML structure for all site pages
• Week 10: Apply CSS styling → layout refinements
• Week 11: Testing → revisions →final deployment