Overview
Purpose
Give information about the diffrence between reading online and physical books
Audience
People intrsted in reading stories online
Branding
Website Logo
Style Guide
Color Palette
Palette URL: https://coolors.co/fcf5e5-253031-827081| Primary | Secondary | Accent 1 | Accent 2 |
|---|---|---|---|
| [#FCF5e5] | [#253031] | [#827081] |
Typography
Heading Font: Playfair Display
Paragraph Font: Raleway
Normal paragraph example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Colored paragraph example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Navigation
Site Map
Content
Home page
Main idea Main landing page. Not quite sure what I want to have on here, but it is important as it is the first page anyone who visits the website will see. I know I will want to have some sort of image front and center, and the links to the other two pages. Don’t think having a head bar though, or one with just the home link. Probably just the home link head bar as it would look nice. Don’t want to have a lot of text on this page, hero-text intro thing, and short 1 sentence explanation for each link.
Images for the Home page
Info
Info page idea
Information page would contain all the informational stuff, split up by header and the main information pertaining to that header. I would want to have an image at the top before the paragraphs so that the reader isn’t immediately bombarded with loads of text.
Main info
There are a ton of badly written stuff because you don’t need an editor to post online, this means that stories online can vary quite wildly. So while some stories are have next to no errors, there also exist stories that have no internal consistency, or the ability to be coherent. Second is the piles of unfinished stories. Most stories online don’t reach completion, for a good variety of reasons. While a few stories do mange to get completed, most stories will be either in progress or left unfinished forever. This doesn’t mean these unfinished stories aren’t worth reading, just be prepared to wait for updates or be disappointed when one ends prematurely. A third thing is a lot of stories will tend to be stories based on existing shows or books, often called fanfiction. There still are original stories, but fanfiction makes up the majority of the stories. Of course there is a great variety in how different stories use the source marital, with some stories staying very close to the original story, while others might only be barely connected doing something very different. (might want to expand on these individually.)
Quality
Most stories online are going to range from okay to bad, with only a few great ones. While this is true of books too, online the ratio of bad stories to great stories is far greater because they don’t have a minimum quality level that needs to be met. This ratio also differs depending on the website the story is from due to different websites having different cultures. An example of differing cultures would be games in bay12 vs sufficient velocity, in bay12 they tend to be group games where with multiple people playing different characters, while sufficient velocity tends to run games where everyone controls the same character and have to vote on what to do next. (might be a bit of a tangent and needs the end cut off, just leaving it at the culture part)Images for the Page 2
Link page
Info page idea
Information page would contain all the informational stuff, split up by header and the main information pertaining to that header. I would want to have an image at the top before the paragraphs so that the reader isn’t immediately bombarded with loads of text.
Links
(Putting links to places that host stories is probably a good idea, but I don’t know if it should get it’s own page or be part of an existing page.) Example of places that have stories on them. Fanfiction.net, archive of our own, wattpad, online forums like sufficient velocity and spacebattles. (Would separate them into different lines, and maybe give a bit of info about each website)Images for the Page 3
Wireframes
Create three wireframes for your site. One for each page and list them here
Home
[Any additional details about home that the wireframe does not make clear]
Info
[Any additional details about page 2 that the wireframe does not make clear]
Links
[Any additional details about page 3 that the wireframe does not make clear]
