HEROES OF AESIR SITE PLAN
WEBSITE
Heroesofaesir.com
PURPOSE
The world of Aesir is a fantasy world that I created to run my roleplaying campaign in. My website Heroesofaesir.com is designed to allow players a chance to become more familiar with the campaign and the worlds history. The website will be divided into four major sections. The first section will be information on the world, its history, and the social political situation for each of the seven major historical Era’s. The second section will cover the basic game rules and how to create a character. The Third section will be a forum area where players can post questions, blog about their experiences, and occasionally discover bits of information regarding the current plot line. The final section will be a reference page where players can download character sheets, maps, and other useful information
TARGET AUDIENCE
BASIC INFO: The target audience will mainly be players in my home campaign and occasionally gamers at gaming conventions where I might run adventures from my campaign.
PERSONAL CRITERIA
- AGE: Varies (over 16 years of age)
- GENDER: Both male and female
- EDUCATION: Highschool or better
- ECONOMIC STATUS: Any
- LANGUAGE: English
- GEOGRAPHIC LOCATION: Home campaign Chicago, Il and surrounding area. Conventions: United States
- PURPOSE:The world of Aesir is a fantasy world that I created to run my roleplaying campaign in. This world has grown and changed over the years as player’s have come and gone in my campaign. The amount of history and detail I have created is significant. My website Heroesofaesir.com is designed to allow players a chance to become more familiarized with the campaign and the worlds history.
TECHNICAL
- DEVICES: Most of my users will use either Laptops or iPads
- BROWSERS: Safari, Google Chrome, and Firefox
PERSONA'S
Anita Sullivan - Female
- AGE: 42
- ETHNICITY: Caucasian
- CITY/STATE: Chicago, Il
- MARTIAL STATUS: Divorced with 2 kids
- EDUCATION: High School Diploma
- EMPLOYMENT: Waitress
- ANNUAL INCOME: $28,000
- TECHINICAL ENVIRONMENT: Older laptop (3 years old) running Windows 7, iPhone 6s
- REASON FOR USING WEBSITE: I enjoy roleplaying games and a friend of mine has invited me to come to a a game and I want to learn more about the campaign
- QUOTE:
Can I be a Drow Assassin in your game?
Thom Rivera - Male
- AGE: 27
- ETHNICITY: Hispanic
- CITY/STATE: Chicago,Il
- MARTIAL STATUS: Single
- EDUCATION: Bachelors Degree
- EMPLOYMENT: Corporate IT tech
- ANNUAL INCOME: $100,000
- TECHINICAL ENVIRONMENT: Has access to all the cool tech devices including the iWatch, Iphone 6s, Mac, and has an advance setup of audio/visual equipment, and drives a Tesla.
- REASON FOR USING WEBSITE:Enjoys roleplaying and met the other players at Gen Con ( a major gaming convention) in Indianapolis, IN. He enjoyed the game and learned he lived near the GM home and asked if he could join the home game. He has gone to the website to learn more about the Campaign world.
- QUOTE:
Just becuase I'm a jock doesn't mean I can't enjoy roleplaying games
SCENERIOS
- Question 1: What is World of Aesir and how can I get involved?
- Question 2: Do you run your game only at home or do you run the game at Conventions as well?
- Question 3: How do I create a character in your world?
- Question 4: Is there a specific roleplaying game rule book you use or is this a homebrew game?
- Question 5: What time period does your game take place in?
- Question 6: Can I run events in your world myself?
- Question 7: I like to write an adventure based in your world are there guidelines I should follow?
- Question 8: Is there character sheets and other forms online that I can download?
- Question 9: Do you have a discussion board where players can discuss their experiences and stay in touch.
- Question 10: Is there a teaser/news section where one can learn about things that are going on in the world outside the direct experience of the players.
CONTENT ARCHITECTURE
CONTENT LIST
- HOME
- links to all the other sites in the upper header.
- Basic Intro
- Picture of Aesir, Statistics and information on Aesir's solar system
- HISTORY
- Timeline of Major historical events and short synopsis of world history from creation to current era.
- GEORGRAPHY
- List of major geographical features
- Continents
- Oceans
- Mountain Ranges
- Deserts
- Island Chains
- NATIONS
- List of Major Empires, Kingdoms, Nations, City-States both past and present
- List of Capitals and major Cities
- Statistics on Population, trade, military strength, and resources
- Other Socio-political information as needed
- CHARACTERS
- Character Creation rules
- Character creation tables
- SKILLS
- Skill List
- Skill Descriptions
- COMBAT
- Combat Rules
- Combat tables
- MAGIC
- Spell List
- Spell Description
- PERSONS OF INTEREST
- Heroes and Villians
- World Leaders
- Legendary figures
- EQUIPMENT
- List of basic equipment and price guide
- THE GODS
- The Creator and Divine Mother
- The Elder Gods
- The Gods of God
- The Gods of Nuetrality
- The Gods of Evil
- FORMS
- Links to various forms such as character sheets and skill sheets
- FORUM RULES
- Discussion Board
- A place to ask questions and get answers.
SITE MAP
STYLE GUIDE
COLOR SCHEME
The site will use various colors as described below
| #000 Home |
#fff Body |
#fff Nav anchor colors |
#ff471a Main, hover color |
#000 Default font color |
#000 Heading colors |
BACKGROUND AND WRAPPER
The home page will have a black background and a starry boarder. Using the following image for the border.
All other pages will have a grey textured paper image with a firey celtic knot border. Using the following image for the border.
LOGO
The site will use the following logo on all pages
TYPOGRAPHY
The primary fonts are Arial, Helvetica which are both sans-serif. However, a Georgia, Times, Times New Roman stack will be used for the site headings, all are serif fonts
| Item | Font | Size | Color | |
|---|---|---|---|---|
| 1. | Default body text | Arial, Helvetica, sans-serif | 16px (1em) | #000 |
| 2. | Site Level - Heading Level 1 (H1) | Georgia, Times, Times New Roman | 64px (4em) | #000 |
| 3. | Primary Navigation | Arial, Helvetica, sans-serif | 16px (1em) | #fff |
| 4. | Heading Level 1 (H1) | Arial, Helvetica, sans-serif | 36px (2.25em), normal | #000 |
| 5. | Heading Level 2 (H2) | Arial, Helvetica, sans-serif | 28px (1.75em), normal | #000 |
| 6. | Site Level - Heading Level 3 (H3) | Arial, Helvetica, sans-serif | 22px (1.375em) | #000 |
| 7. | Site Level - Heading Level 4,5,6 (H4)(H5)(H6) | Arial, Helvetica, sans-serif | 16px (1em) | #000 |
| 8. | footer text | Arial, Helvetica, sans-serif | 12 px (.75em), normal | #000 |
NAVIGATION
Navigation will sit at top of the page, between the header and the main elements. It will be black (#000 with white text (#ffffff). It will also have a hover effect which will change the text color to dark red (#ff471a) with a Gold border tab during the hover. Navigation will be uniform across the top of site.
Responsive Sketches
Desktop and Laptop
Ipad
iPhone
The navigation will use the hamburger style while in the vertical mode on the iphone