EcoGeek Handover Doc
EcoGeek Website Outline
This document will outline the content of EcoGeek’s new website. Details will include a list of pages, templates and their functionality.
The EcoGeek site will contain the following pages and support the following brows- ers.
Note: A “Page” is a single page of content that is not repeated anywhere else on the site.
Pages for this site will be: • Home page • About Us • Forum (and adjouring message space) • Careers
• Agriculture Hub • Design Hub • Pollution Hub • Technology Hub • Recycling Hub
• Energy Hub • Search Results • Globe Page
Note: A “Template” is similar to a page but acts as the underlying structure for all related content.
Templates for this site will be:
• “Main Page” Template
• “Hub” Template
• “Expanded Main Article” Template
• “Globe ” Template
• “Search” Template
• “Expanded Hub Article” Template •
“Side Bar” Template
2. Browser Support
Since the users will most likely be a proficent in technology, the website will be available on the most current version, as well as it’s predecessors (where applicable) of the 5 most widely used websites.
Supported Browsers: • Microsoft Internet Explorer • Mozilla Firefox • Google Chrome • Apple Safari • Opera
Note: Due to the way Google and Apple develop and release their software, there is no need to support anything older than the current version, as there is no practical way not to upgrade, thus we can safely assume that the majority of users are on the latest version possible.
3. EcoGeek Content Outline 3.1 Homepage
Images will load with the articles, when clicking on them, it will take you to an expanded veiw of that article.
Menu Sub-Headings ) located in toolbar. The font will turn read when it is hovered over, and stay red when on that specific page.
Articles. The user can scroll down though a moving bar of articles (the 2 largest vertically stacked modules to the left of the screen).
Popular articles. This is a list of the agrigated most popluar articles by view count on ecogeek that week. Scroll down to see more.
Two Highest rated articles. The two highest rated articles in upper center right of the screen. These are static, and when clicked on will take you to an expanded view of that article in it’s related hub
3.1.2 Ecogeek Logo Will load ‘appear’ with the toolbar layer of the design.
3.2.2 Displaying Search Results
Upon writing the search word in the appropriate box up the top, the user can choose weather to search using the traditional methods, which would take him to a listed result of outcomes, in the expanded view template. To search using the globe, will take the user to the globe page, where draging your mouse over the globe will cause it rotate in the desired direction. The symbol that signify which catagory the story related to will appear and disappear in perspective with where it is located on the grid.
3.2.4 Thumbnail Images
All thumbnail images are the same size, with it’s edges hidden behind the module cutout, and given ‘multiply’ transparency, to give it a green undertone that related it to the rest of the website.
4.2 Video Template
The Video box, located on the main screen, will ahve embedded in it the latest episode of CrashCourse [SciShow], located on youtube. Clicking to over sized ‘play’ symbol will start the video, and clicking on either of the two youtube logos will automatically re-direct you to the youtube channel.
The forum will be hosted directly on ecogeek, where sign in is nessesary to post, but not to view. Users can interact by sending personal messages, posted in each general discussion, or commenting in the topic related directly to each indivdual post, where the comments from each article will be also located.